Show Hide non funziona su IE

mephjl · 9 Gen 2014

Ciao a tutti,
uso IE11 per fare i test ed ho un problema.
C'è qualcuno che può dirmi perchè il codice seguente non funziona su IE mentre funziona su tutti gli altri browsers ?

PHP:

<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
 
        $(document).ready(function(){
 
            var bool = false;
            
            $(".slidDiv").hide();
            $(".show_hide").show();
            $(".slidDiv2").show();
 
            $('.show_hide').click(function() {
                $(".slidDiv").slideToggle();
                if (bool == false) {
                    bool = true;
                    $(".slidDiv2").hide(1000);
                } else {
                    $(".slidDiv2").show(1000);
                }
                
            });
 
        });
 
</script>

<div align="center">
    
    <div style="height:67px" class="slidDiv2"></div>
    
    <div class="slidDiv">
        <div id="flash" align="left"  ></div>
        <div id="mark">
        <form action="#" method="post">
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td width="150px" valign="top"><div><b>Scrivi il tuo messaggio :</b></div>
            <div style="margin-top:25px">
          <input style="font-size:12px" type="submit" class="mep-button" value="Invia Messaggio" /></div>
            </td>
            <td><textarea name="comment" id="comment"></textarea></td>
        </tr>
        </table>
        </form>
        </div>
    </div>
</div>

Ci sto sbattendo la testa
Grazie comunque

emanuelevt · 12 Gen 2014

Ciao, ho copiato il tuo codice, non ho trovato, un div (o altro) con classe show_hide quindi ho fatto così e a me funziona correttamente anche su i.e. (versione 8)

HTML:

[CODE]

<DOCTYPE! html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>


</head>
<body>
<script type="text/javascript">
 
        $(document).ready(function(){
 
            var bool = false;
            
            $(".slidDiv").hide();
            $(".show_hide").show();
            $(".slidDiv2").show();
 
            $('.show_hide').click(function() {
                $(".slidDiv").slideToggle();
                if (bool == false) {
                    bool = true;
                    $(".slidDiv2").hide(1000);
                } else {
                    $(".slidDiv2").show(1000);
                }
                
            });
 
        });
 
</script>
<div class='show_hide'>Fai click</div>
<div align="center" style='border:1px solid red;height:600px;'>
    
    <div style="height:67px; border:1px solid blue;" class="slidDiv2"></div>
    
    <div class="slidDiv" style='border:1px solid green;'>
        <div id="flash" align="left"  ></div>
        <div id="mark">
        <form action="#" method="post" style='border:2px solid orange;'>
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td width="150px" valign="top"><div><b>Scrivi il tuo messaggio :</b></div>
            <div style="margin-top:25px">
          <input style="font-size:12px" type="submit" class="mep-button" value="Invia Messaggio" /></div>
            </td>
            <td><textarea name="comment" id="comment"></textarea></td>
        </tr>
        </table>
        </form>
        </div>
    </div>
</div>  
</body>
</html>
[/CODE]

p.s. ho modificato alcuni parametri del css ma ovviamente puoi reimpostarli.

mephjl · 13 Gen 2014

emanuelevt ha scritto:

Ciao, ho copiato il tuo codice, non ho trovato, un div (o altro) con classe show_hide quindi ho fatto così e a me funziona correttamente anche su i.e. (versione 8)

HTML:

[CODE]

<DOCTYPE! html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>


</head>
<body>
<script type="text/javascript">
 
        $(document).ready(function(){
 
            var bool = false;
            
            $(".slidDiv").hide();
            $(".show_hide").show();
            $(".slidDiv2").show();
 
            $('.show_hide').click(function() {
                $(".slidDiv").slideToggle();
                if (bool == false) {
                    bool = true;
                    $(".slidDiv2").hide(1000);
                } else {
                    $(".slidDiv2").show(1000);
                }
                
            });
 
        });
 
</script>
<div class='show_hide'>Fai click</div>
<div align="center" style='border:1px solid red;height:600px;'>
    
    <div style="height:67px; border:1px solid blue;" class="slidDiv2"></div>
    
    <div class="slidDiv" style='border:1px solid green;'>
        <div id="flash" align="left"  ></div>
        <div id="mark">
        <form action="#" method="post" style='border:2px solid orange;'>
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td width="150px" valign="top"><div><b>Scrivi il tuo messaggio :</b></div>
            <div style="margin-top:25px">
          <input style="font-size:12px" type="submit" class="mep-button" value="Invia Messaggio" /></div>
            </td>
            <td><textarea name="comment" id="comment"></textarea></td>
        </tr>
        </table>
        </form>
        </div>
    </div>
</div>  
</body>
</html>
[/CODE]

p.s. ho modificato alcuni parametri del css ma ovviamente puoi reimpostarli.

Si, ho dimenticato di copiare il codice del pulsantino swoh_hide, ma vedo che lo hai fatto tu.
Ti ringrazio per il test su IE8, ma su IE11 non funziona.
vedo che nessuno qui sa come metterci le mani quindi ho deciso di toglierlo proprio, non è necessario.
Grazie

Cerca

Cerca

Show Hide non funziona su IE

mephjl

Nuovo Utente

emanuelevt

Utente Attivo

mephjl

Nuovo Utente

Discussioni simili