Databases
StackOverflow2013
Postsdbo
POjquery show and hide image not working
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery show and hide image not working
    text
    copied!<p>I have a code to one of my pages. It's supposed to fade in, stay and fade out an image when someone clicks a radio button. Also the database is to be updated onclick using ajax. </p> <pre><code>&lt;html&gt; &lt;body&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $("#rad").click(function() { $("#success").fadeIn(500); $("#success").delay(1000); $("#success").fadeOut(1000); }) &lt;/script&gt; &lt;table class="profimg"&gt; &lt;tr&gt;&lt;td height="50" width="50"&gt;&lt;img id="success" src="http://cdn4.iconfinder.com/data/icons/simplicio/128x128/notification_done.png" style="display:none" height="50" width="50"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align="center"&gt;&lt;img class="profimg" src="" alt="Administratorasdf" height="100" width="100"/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td id="rad" align="center"&gt;&lt;input type='radio' title='Publicly Visible' name='img_pub' onclick="upimg1()" /&gt; &lt;input type='radio' title='Visible Only To Users' value='UsersOnly' name='img_pub' onclick="upimg2()" /&gt; &lt;input type='radio' title='Visible Only To You' value='Hide' name='img_pub' onclick="upimg3()" checked='checked'/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I removed the ajax part for avoid confusion. This is the jsFiddle I used. <a href="http://jsfiddle.net/c7ajb/1/" rel="nofollow">http://jsfiddle.net/c7ajb/1/</a> What might be the error?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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