Show Hide non funziona su IE

mephjl

Nuovo Utente
7 Mar 2012
9
0
0
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
 
Ultima modifica:

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
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

Nuovo Utente
7 Mar 2012
9
0
0
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
B jQuery - hide & show li items jQuery 13
G Funzione hide/show button Javascript 5
L colums show/hide Javascript 2
Z Slide show CSS HTML e CSS 1
F limit show datatable ajax Ajax 1
Daniele450 [Javascript] Slide show in java script, senza array con nome visibile dell'immagine Javascript 2
filomeni Show Box Supporto Mr.Webmaster 5
D [EXCEL] UserForm.Show Error 438 Windows e Software 1
F show() jQuery 1
S Slide Show Automatico Discussioni Varie 1
S Slide show risultati in php PHP 3
M On clik show div Javascript 0
J Fading Slide Show Javascript 0
J Vite Spiate il reality show interattivo gratuito on line dal 14 ottobre 2009 Presenta il tuo Sito 0
D All the SHOW Presenta il tuo Sito 0
D Visualiazzare Show reel ( da DvD ) in una pagina web Webdesign e Grafica 2
A Form.close & form.show. POCKET PC Programmazione 0
W colori per lo slide show Webdesign e Grafica 12
H creare delle slide-show dai DivX Windows e Software 0
dragoonslair tutorial show directory PHP 5
B Slide show in DHTML Javascript 3
I Hide a tempo crea uno strano effetto jQuery 2
felino Mac OS e Client Mail: Stato non in linea Mac e Software 1
I nome utente non esiste nel database PHP 1
M Drag and Drop non capisco le sequenze... Javascript 1
L Suggerimento Pagespeed per non vedenti HTML e CSS 0
F comando di inclusione file audio in I-Pad non funziona HTML e CSS 1
M Immagini non usate WordPress 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
G Numero zero null non deve visualizzare nulla PHP 0
F Paypal _xclick IPN non risponde PHP 1
R Variabile non risconosciuta dentro una funzione PHP 1
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
E Alert non viene mostrato PHP 1
felino Hardisk WD SATA 1TB 3.5" non si avvia! Hardware 4
K Scrip non funzionante Javascript 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
zorro CREATE TABLE non funziona PHP 6
L tipo boolean non funzionante su mariadb (mysql). E codice php 7.4. PHP 0
Sevenjeak Php8 non carica estenzioni PHP 0
R query DELETE non cancella i record PHP 1
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
G Non vedo frecce su forme Photoshop 2
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0
P jquery refresh div non funziona Javascript 0
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
S Certificato SSL non funzionante Domini 0
zorro modulo di registrazione: funziona ma non sempre PHP 2
D Form contatti non funzionante HTML e CSS 0
MarcoGrazia Trovare record nel database partendo da id non sequenziali PHP 6

Discussioni simili