Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery show and hide image not working
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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