html

[Solved] How to change form background color on focus loss when text is entered?

by

blur is what you are looking for. document.write(“<input type=”text”>”); var input = document.querySelector(‘input’); input.addEventListener(‘focus’,function(){ input.style.backgroundColor = “purple”; }) input.addEventListener(‘blur’,function(){ if(input.value != “”){ input.style.backgroundColor = “green”; } }) 0 solved How to change form background color on focus loss when text is entered?

[Solved] How to get row data of a html table in jquery?

by

It would be easier to answer if you had posted your html, but I’m guessing it looks something like this: <table id=”tblTest”> … <td> <!– this is the third td in #tblTest (#tblTest td:nth-child(3)) –> <a …>Edit</a> <a …>Delete</a> </td> </table> Your jQuery selector is looking for all -tags in the third element. The function … Read more

[Solved] How can css for id same format [closed]

by

Just to point out that you can do this with just id’s by utilizing attribute selectors. But as others have said, you should really use classes instead body { background: #333 } /* ID starts with xyz */ [id^=xyz] { color: white } /* ID ends with _t */ [id$=_t] { color: red } /* … Read more

[Solved] how to refresh an iframe in php page [duplicate]

by

<script type=”text/javascript”> var timer; function refreshIframe(){ if(timer) clearInterval(timer) timer = setTimeout(refreshIframe,5000) var iframe = document.getElementById(‘iframe’); iframe.src=”http://google.com”; } refreshIframe(); </script> <iframe id=”iframe” src=”http://google.com” width=”100%” height=”300″> <p>Your browser does not support iframes.</p> </iframe> Demo: http://jsfiddle.net/GqvZS/3/ solved how to refresh an iframe in php page [duplicate]

[Solved] Custom order list of links [closed]

by

TinySort is a small script that sorts HTMLElements. It sorts by text- or attribute value, or by that of one of it’s children. The examples below should help getting you on your way. This doesn’t use jQuery and it is fast in performance. TinySort used to be a jQuery plugin but was rewritten to remove … Read more

[Solved] This code does’t run and gives no error [closed]

by

You forgot to remove the remove class so it stays hidden. No need for all the if statements, one option is to add a data-tabid to your anchors and use that as the id to display the divs. <!DOCTYPE html> <html> <head> <script src=”https://stackoverflow.com/questions/17261287/jquery-1.9.0.js”></script> <title>test</title> <style type=”text/css”> body, html, div, ul,li,a {margin:0; padding:0;} body {font-family:arial;font-size:12px;} … Read more

[Solved] Load HTML into a DIV using jquery

by

I think the show hide jq are what you need to use here. Here is a link that I put together. $(“#homeButton”).click(function () { $(“#cuerpo”).show() ; $(“#tablet”).hide() ; }); $(“#procuctsButton”).click(function () { $(“#tablet”).show() ; $(“#cuerpo”).hide() ; }); http://jsfiddle.net/jebr224/GEZth/ You could also try using iframe, you could make the buttons change the src of the frame. … Read more

[Solved] Changing button image on hover

by

Here is a simple snippet that accomplishes the items you ask. I used jQuery’s hover function to attach event handlers to modify the images. I set 0 font-size, padding, and margin on the container (body) and used 50% width and 50vh (viewport height) to get 4 equal quadrant buttons. $(‘button’).hover(function() { $(this).find(‘img’).attr(‘src’, ‘http://via.placeholder.com/200×150’); }, function() … Read more