Databases
StackOverflow2013
Postsdbo
POVariables for images
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POVariables for images
    primarykey
    data
    text
    <p>im trying to make a switch wich will change two images. I once solved ths, but then i lost some important files, the one containing the final script being one. </p> <p>The idea is that when the button is clicked, it will change image 1 for image 2 and will change its own image from on to off. Then, when clicked again it will change image 2 for image 1 and its own image from off to on. I been trying something like this, buts not working, not sure why. I think i got the wrong declaration for the if which determines if the switch is on or off, but again not sure. </p> <p>Before you read the code and realize its poorly done, consider i dont know a thing about javascript, i only have a vague idea of how it works.</p> <pre><code> &lt;script type="text/javascript"&gt; var vswitch = false; if (document.getElementById("switchh").src = "http://www.sampleweb.com/on.gif") { vswitch = true } else { vswitch = false } function change(){ if (vswitch == true){ function changelamp() { document.getElementById("lamp").src = "http://www.sampleweb.com/image2.png"; } function changeSwitch() { document.getElementById("switchh").src = "http://www.sampleweb.com/off.gif"; } } else { function changelamp() { document.getElementById("lamp").src = "http://www.sampleweb.com/image1.gif"; } function changeSwitch() { document.getElementById("switchh").src = "http://www.sampleweb.com/on.gif"; } } } &lt;div id="main_img"&gt; &lt;img id="lamp" src = "http://www.sampleweb.com/image1.gif"&gt; &lt;/div&gt; &lt;div id="container"&gt; &lt;img id="switchh" src = "http://www.sampleweb.com/on.gif" onclick='change();'&gt; &lt;/div&gt; &lt;/script&gt; </code></pre> <p>Thank you</p> <p>/////////////////////EDIT/////////////////////////// Thanks a lot. Having those two functions there was a result of the previous code, i dont understand how i didnt realize it until you pointed out, heh. (Sleepyness maybe?) @renuka, that code worked perfectly. I only changed the calling div, from the div "toggle" you created to the div "container" since the button has to switch the images itself, but other than that was sweet. Thanks. Thanks for the help!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCakeisalie
    1. USCakeisalie
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POVariables for images
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POVariables for images
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    3. VO
      singulars
      1. POVariables for images
      1. This table or related slice is empty.
      1. VTDownMod
    1. CO@jasonscript You modified the OP's code with a suggestive placement for `</script>` this should not be done in order for others who may visit this question and realize that there may not have been anything wrong with it. Your edit has been rolled back. In the future, DO NOT modify posted code, only apparent grammar/spelling mistakes.
      singulars
      1. POVariables for images
      1. USFunk Forty Niner
    2. COI rolled back the latest edit because it "fixed" the code. With such a fix answers can not point out the problem that was "fixed". @Fred: sorry, I didn't see you were already on it. :)
      singulars
      1. POVariables for images
      1. USCheers and hth. - Alf
    3. COYes, I noticed that. I think you and I were doing the rollback at approximately the same time, thanks. @Cheersandhth.-Alf
      singulars
      1. POVariables for images
      1. USFunk Forty Niner
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload