Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery vs IE in dark alley - round 1 (slideup & slidedown)
    primarykey
    data
    text
    <p>I feel like I'm taking crazy pills. About to lose my mind solving the issue at hand but ultimately IE7 does not use jquery 'slideDown' and 'slideup' function as it should. </p> <p>All other browsers work. My initial theory is the issue lying with the .focus (since ie does not recognize). When i switch the function to .click, it still does not function however. </p> <p>Please save my life tonight.</p> <pre><code>&lt;script type="text/javascript"&gt; $(function() { $("#message").click(function() { $(this).animate({"height": "85px",}, "fast" ); $("#button_block").slideDown("fast"); return false; }); $("#cancel").click(function() { $("#message").animate({"height": "30px",}, "fast" ); $("#button_block").slideUp("fast"); return false; }); $("#submit").click(function() { $("#message").animate({"height": "30px",}, "fast" ); $("#button_block").slideUp("fast"); return false; }); }); &lt;/script&gt; </code></pre> <h2>HTML snippet requested</h2> <pre><code>&lt;div id="shout"&gt;&lt;/div&gt; &lt;form method="post" action="shout.php"&gt; &lt;textarea id="message" name="message" class="message" value="enter text here"&gt;&lt;/textarea&gt; &lt;div id="button_block" style="padding:0 0 15px;"&gt; &lt;input type="submit" id="submit" value="Submit"/&gt; &lt;input type="submit" id="cancel" value="Cancel" /&gt; &lt;/div&gt; &lt;/form&gt; </code></pre> <p>additionally, the 'shoutbox' created above this file does not work in ie7 either (although works just fine in any other browser). Code for it is:</p> <pre><code>&lt;script type="text/javascript"&gt; $(function() { refresh_shoutbox(); setInterval("refresh_shoutbox()", 15000); $("#submit").click(function() { var name = $("#name").val(); var message = $("#message").val(); var data = 'name='+ name +'&amp;message='+ message; $.ajax({ type: "POST", url: "shout.php", data: data, success: function(html){ $("#shout").slideToggle(500, function(){ $(this).html(html).slideToggle(500); $("#shout").val(""); }); } }); return false; }); }); function refresh_shoutbox() { var data = 'refresh=1'; $.ajax({ type: "POST", url: "shout.php", data: data, success: function(html){ $("#shout").html(html); } }); } &lt;/script&gt; </code></pre>
    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.
    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