Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery IE6 IE7 hide and show bugs
    primarykey
    data
    text
    <p>I did a code in jquery and ajax with working very well in Safari, FF and IE8, but dont work in IE6. </p> <p>He can 5 Group of forms editable, which should not be showing, but only the first works, the ajax is also not working in IE6 and IE7.</p> <p>scintillation only put in 2, but is 5 how can you see the link below.</p> <pre><code>$(document).ready(function(){ var n=1; $forms = $('#MemberCont'+n+' form'); $('#MemberCont'+n+' #toogle').hide(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' a').bind('click', function(){ switch(this.id){ case 'c': $('#MemberCont'+n+' #change').hide(); $('#MemberCont'+n+' #phone').hide(); $('#MemberCont'+n+' #hide').show(); $('#MemberCont'+n+' #toogle').show(); return false; break; case 'd': $('#MemberCont'+n+' #change').show(); $('#MemberCont'+n+' #phone').show(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' #toogle').hide(); return false; break; } }) $forms.bind('submit', function(){ var $button = $('#MemberCont'+n+' button',this).attr('disabled',true); var params = $(this.elements).serialize(); var self = this; $.ajax({ type: 'POST', url: this.action, data: params, beforeSend: function(){ $('#MemberCont'+n+' #phone').show(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' #phone').html("Loading..."); }, success: function(txt){ $('#MemberCont'+n+' #top').show(); $('#MemberCont'+n+' #cadastro').hide (); $('#MemberCont'+n+' #hide').hide (); $('#MemberCont'+n+' #toogle').hide(); $('#MemberCont'+n+' #change').show(); $button.attr('disabled',false); $('#MemberCont'+n+' #phone').html(txt); self.reset(); }, error: function(txt){ $('#MemberCont'+n+' #phone').html(txt); } }) return false; }); }); $(document).ready(function(){ var n=2; $forms = $('#MemberCont'+n+' form'); $('#MemberCont'+n+' #toogle').hide(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' a').bind('click', function(){ switch(this.id){ case 'c': $('#MemberCont'+n+' #change').hide(); $('#MemberCont'+n+' #phone').hide(); $('#MemberCont'+n+' #hide').show(); $('#MemberCont'+n+' #toogle').show(); return false; break; case 'd': $('#MemberCont'+n+' #change').show(); $('#MemberCont'+n+' #phone').show(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' #toogle').hide(); return false; break; } }) $forms.bind('submit', function(){ var $button = $('#MemberCont'+n+' button',this).attr('disabled',true); var params = $(this.elements).serialize(); var self = this; $.ajax({ type: 'POST', url: this.action, data: params, beforeSend: function(){ $('#MemberCont'+n+' #phone').show(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' #phone').html("Loading..."); }, success: function(txt){ $('#MemberCont'+n+' #top').show(); $('#MemberCont'+n+' #cadastro').hide(); $('#MemberCont'+n+' #hide').hide(); $('#MemberCont'+n+' #toogle').hide(); $('#MemberCont'+n+' #change').show(); $button.attr('disabled',false); $('#MemberCont'+n+' #phone').html(txt); self.reset(); }, error: function(txt){ $('#MemberCont'+n+' #phone').html(txt); } }) return false; }); }); </code></pre> <p>Html:</p> <pre><code> &lt;div id="MemberCont1" style="float:left; display:block; margin: 15px 30px 10px 30px; width: 563px;"&gt; &lt;div id="ResultTitle" style="width:217px;"&gt;Business Name&lt;/div&gt; &lt;div id="MemberPhone" style="width:340px;"&gt;&lt;div id="hide"&gt;&lt;a href="" id="d"&gt;&lt;img src="../img/hide_btn.gif" width="65" height="25" alt="Hide" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id="phone"&gt;&lt;?php echo $result['business']; ?&gt;&lt;/div&gt;&lt;/div&gt; &lt;hr class="Line" /&gt; &lt;div id="toogle" style="font-size:12px; color:#FFF; "&gt; &lt;div id="none" style="position:relative; float:left; display:inline; padding-bottom:2px;"&gt;Change business name&lt;/div&gt; &lt;form action="personal_update.php" style="clear:left; margin:0 0 10px 0;"&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; &lt;td&gt;&lt;input name="dataform" type="text" class="FormMember" id="dataform" /&gt; &lt;input name="id_member" type="hidden" value="&lt;?php echo $result['id_member']; ?&gt;" /&gt; &lt;input name="table" type="hidden" value="business" /&gt;&lt;/td&gt; &lt;td align="right"&gt;&lt;input name="submit" type="image" value="submit" src="../img/submit_member.gif" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/div&gt;&lt;!--toogle--&gt; &lt;div id="change"&gt;&lt;a href="" id="c"&gt;&lt;img src="../img/change_btn.gif" alt="Change" width="64" height="25" align="left" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;!--/*MemberCont*/--&gt; &lt;div id="MemberCont2" style="float:left; display:block; margin: 15px 30px 10px 30px; width: 563px;"&gt; &lt;div id="ResultTitle" style="width:217px;"&gt;Contact Name&lt;/div&gt; &lt;div id="MemberPhone" style="width:340px;"&gt;&lt;div id="hide"&gt;&lt;a href="" id="d"&gt;&lt;img src="../img/hide_btn.gif" width="65" height="25" alt="Hide" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id="phone"&gt;&lt;?php echo $result['contact']; ?&gt;&lt;/div&gt;&lt;/div&gt; &lt;hr class="Line" /&gt; &lt;div id="toogle" style="font-size:12px; color:#FFF; "&gt; &lt;div id="none" style="position:relative; float:left; display:inline; padding-bottom:2px;"&gt;Change contact name&lt;/div&gt; &lt;form action="personal_update.php" style="clear:left; margin:0 0 10px 0;"&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; &lt;td&gt;&lt;input name="dataform" type="text" class="FormMember" id="dataform" /&gt; &lt;input name="id_member" type="hidden" value="&lt;?php echo $result['id_member']; ?&gt;" /&gt; &lt;input name="table" type="hidden" value="contact" /&gt;&lt;/td&gt; &lt;td align="right"&gt;&lt;input name="submit" type="image" value="submit" src="../img/submit_member.gif" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/div&gt;&lt;!--toogle--&gt; &lt;div id="change"&gt;&lt;a href="" id="c"&gt;&lt;img src="../img/change_btn.gif" alt="Change" width="64" height="25" align="left" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;!--/*MemberCont*/--&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