Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Moderatore di Server Apache L'avatar di marketto
    Registrato dal
    Sep 2001
    Messaggi
    5,946

    [onblur] comportamento diverso fra IE e FF

    Con il seguente codice ottengo un comportamento diverso fra IE e FF (ovvero su FF funziona mentre su IE no ).
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>...</title>
    <script type="text/javascript">
    function inizia()
    {
        var paperino = document.getElementById( "paperino" );
        var pluto = document.getElementById("pluto");
        var form = document.createElement( "form" );    
        form.name = "modulo";
        form.action = "";
        var input = document.createElement("input");
        input.type = "text";
        input.name = "campo";
        input.id = "pippo";        
        input.value = "";
        input.setAttribute( "onblur", "javascript:test_alert();");
        form.appendChild(input);
        paperino.appendChild(form);
        document.getElementById("pippo").focus();
        gg = pluto.getAttribute( "onblur" );
        alert(gg);
    }
    function test_alert(){ alert('pippo'); }
    </script>
    </head>
    <body onload="javascript:inizia();">
    <div id="paperino"></div>
    <form name="modulo" action=""><input type="text" value="" id="pluto" name="campo" onblur="javascript:test_alert();");
    </body>
    </html>
    L'evento onblur funziona con IE solo nel secondo caso, ovvero con il campo input già scritto e non creato con il DOM.
    ho trovato questa discussione: http://forum.html.it/forum/showthrea...readid=1040161
    ma non so se possa essere utile.

    idee?
    think simple think ringo

  2. #2
    Moderatore di Server Apache L'avatar di marketto
    Registrato dal
    Sep 2001
    Messaggi
    5,946
    up
    think simple think ringo

  3. #3
    Moderatore di Server Apache L'avatar di marketto
    Registrato dal
    Sep 2001
    Messaggi
    5,946
    up
    think simple think ringo

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,011
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>...</title>
    <script type="text/javascript">
    function inizia()
    {
        var paperino = document.getElementById( "paperino" );
        var pluto = document.getElementById("pluto");
        var form = document.createElement( "form" );    
        form.name = "modulo";
        form.action = "";
        var input = document.createElement("input");
        input.type = "text";
        input.name = "campo";
        input.id = "pippo";        
        input.value = "";
        input.setAttribute( "onblur", "test_alert()");
        form.appendChild(input);
        paperino.appendChild(form);
        document.getElementById("pippo").focus();
        gg = pluto.getAttribute( "onblur" );
        alert(gg);
    }
    function test_alert(){ alert('pippo'); }
    </script>
    </head>
    <body onload="inizia()">
    <div id="paperino"></div>
    <form name="modulo" action=""><input type="text" value="" id="pluto" name="campo" onblur="test_alert()"); /></form>
    </body>
    </html>
    Io ho agiunto la chiusura del input [/>] e la chiusura del form [</form>] che mancavano e ho eliminato la javascript che non occorre, e funzionano corretamente sia con IE6 che FF2.0, l'unica differenza è sul onload con FF2.0 sia che carichi la pagina sia che esegui un refresh parte l'onload, mentre con IE6 l'onload parte solo al refresh, se il problema e questo ba... non credo sia risolvibile.
    Oppure non ho capito una "cippa" in talcaso prova a riformulare la richiesta, indicando eventualemente cosa ti occorre.
    Prova anche a leggere questa discussione potrebbe eserti utile.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Moderatore di Server Apache L'avatar di marketto
    Registrato dal
    Sep 2001
    Messaggi
    5,946
    ciao,
    grazie per la risposta.
    Il problema che avevo riscontrato con IE riguarda il primo campo input, dove l'evento onblur non viene correttamente gestito.
    think simple think ringo

  6. #6
    Moderatore di Server Apache L'avatar di marketto
    Registrato dal
    Sep 2001
    Messaggi
    5,946
    così funziona su FF2.0 e IE6.0

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>...</title>
    <script type="text/javascript">
    function inizia()
    {
        var paperino = document.getElementById( "paperino" );
        var pluto = document.getElementById("pluto");
        var form = document.createElement( "form" );    
        form.name = "modulo";
        form.action = "";
        var input = document.createElement("input");
        input.type = "text";
        input.name = "campo";
        input.id = "pippo";        
        input.value = "";
        if (window.XMLHttpRequest) {
            input.setAttribute( "onblur", "test_alert()" );
        } else {
            input.setAttribute( "onblur", function(){test_alert()}, true );
        }
        form.appendChild(input);
        paperino.appendChild(form);
        document.getElementById("pippo").focus();
    }
    function test_alert(){ alert('pippo'); }
    </script>
    </head>
    <body onload="inizia()">
    <div id="paperino"></div>
    
    </body>
    </html>
    think simple think ringo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.