[onblur] comportamento diverso fra IE e FF

**marketto** · 30-03-2007, 14:13

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?

**marketto** · 30-03-2007, 19:55

up

**marketto** · 01-04-2007, 11:22

up

**cavicchiandrea** · 01-04-2007, 12:34

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.

**marketto** · 02-04-2007, 10:41

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.

**marketto** · 02-04-2007, 11:37

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>

Discussione: [onblur] comportamento diverso fra IE e FF

Strumenti discussione

Ricerca discussione

Visualizza

[onblur] comportamento diverso fra IE e FF

Permessi di invio