Note that there are some explanatory texts on larger screens.

plurals
  1. POEffect.SlideDown (Scriptaculous) broken in IE7
    primarykey
    data
    text
    <p>Recently, I've been trying to work with Prototype &amp; Scriptaculous to have a rather simple SlideDown &amp; ScrollTo effects to fill out a form for their application. It works fine in FF3, FF4, Chrome, Safari, Opera, IE9, and IE8. I knew IE6 would be an issue, but I thought I could get IE7 to work with a couple slight modifications. </p> <p>The fix of setting the width of the div did not fix the issue.</p> <p>Currently, it is not working in IE7 and I'm at a loss for why. I'm not a ninja at JavaScript and would appreciate any help given.</p> <p>XHTML Structure:</p> <pre><code>&lt;div id="scrollPoint"&gt;&lt;/div&gt; &lt;div id="slideForm" style="display:none;"&gt; &lt;div style="position: relative"&gt; &lt;div class="separator" style="padding:5px 0"&gt;&lt;/div&gt; &lt;h3 class="fhgroupblue"&gt;Apply for this Position:&lt;/h3&gt; &lt;ucl:ApplicationForm id="WebUserForm" runat="server" /&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Javascript:</p> <pre><code>&lt;script type="text/javascript"&gt; function hideDetails() { if ($('showFormLink').style.visibility != "hidden") { $('showFormLink').style.visibility = 'hidden'; Effect.SlideDown($('slideForm')); } Effect.ScrollTo('scrollPoint'); return false; } &lt;/script&gt; </code></pre> <p>Trigger:</p> <pre><code>&lt;div style="text-align:center;"&gt; &lt;a id="showFormLink" onclick="hideDetails();"&gt;Apply!&lt;/a&gt; &lt;/div&gt; </code></pre> <p>CSS:</p> <pre><code>#jobDetails #slideForm { padding-right: 10px; width: 400px;} </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.
    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