Salve,
sto realizzando una pagina di ricerca per un'applicazione web scritta in php... sto incontrando un po' di problemi con Javascript però. Ho pensato di realizzare una pagina che visualizzi dinamicamente i vari campi da usare così che l'utente possa perfezionare la ricerca come crede. Il problema è che questo script funziona PERFETTAMENTE dentro Firefox, mentre non va affatto dentro IE ( :rollo: ).
Il codice della pagina è questo:
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>Ricerca</title>
<script type="text/javascript">
<!--

function addEvent(Parametro)
{
    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = parseInt(numi.value) + 1;
    numi.value = num;
    var divIdName = "my" + num + "Div";
    var newdiv = document.createElement('div');
    newdiv.setAttribute("id",divIdName);
    var TipoRicercaParte1 = "<select id=\"TipoRicerca";
    var TipoRicercaParte2 = "\"><option value=\"FraseEsatta\" selected>Frase esatta</option><option value=\"FraseParziale\">Frase parziale</option><option value=\"NOT\">NOT</option></select>";
    var OperatoreParte1 = "<select id=\"Operatore";
    var OperatoreParte2 = "\"><option value=\"AND\" selected>AND</option><option value=\"OR\">OR</option></select>";
    
    if(Parametro == "Cognome")
        var CodiceHTML = "<div style=\"position:relative;width:600px;float:left;\"><div style=\"position:relative;width:100px;float:left;\">Cognome:</div><div style=\"position:relative;left:100px;width:500px;float:left;\"> " + TipoRicercaParte1 + "Cognome" + num + TipoRicercaParte2 + "<input type=\"text\" id=\"Cognome" + num + "\" />" + OperatoreParte1 + "Cognome" + num + OperatoreParte2 + "<a href=\"javascript:;\" onclick=\"removeEvent(\'" + divIdName + "\')\"><img src=\"images/delete.png\" alt=\"Cancella campo\" border=\"0\"/></a></div></div>

";
    else if(Parametro == "Nome")
        var CodiceHTML = "<div style=\"position:relative;width:600px;float:left;\"><div style=\"position:relative;width:100px;float:left;\">Nome:</div><div style=\"position:relative;left:100px;width:500px;float:left;\"> " + TipoRicercaParte1 + "Nome" + num + TipoRicercaParte2 + "<input type=\"text\" id=\"Nome" + num + "\" />" + OperatoreParte1 + "Nome" + num + OperatoreParte2 + "<a href=\"javascript:;\" onclick=\"removeEvent(\'" + divIdName + "\')\"><img src=\"images/delete.png\" alt=\"Cancella campo\" border=\"0\"/></a></div></div>

";
        
    newdiv.innerHTML = CodiceHTML;
    ni.appendChild(newdiv);
}

function removeEvent(divNum)
{
    var d = document.getElementById('myDiv');
    var olddiv = document.getElementById(divNum);
    d.removeChild(olddiv);
}

//-->
</script>
</head>

<body>
	<div style="position:absolute;top:50px;left:50px;">
	    <input type="hidden" value="0" id="theValue" />
        Campo da aggiungere:
        <select id="CreaElemento">
            <option selected>Scegli un'opzione</option>
            <option onClick="addEvent('Cognome');">Cognome di un autore</option>
            <option onClick="addEvent('Nome');">Nome di un autore</option>
        </select>
    </div>
    <form action="ricerca2.php" method="post" name="thisform">
	    <div id="myDiv" style="position:absolute;top:100px;left:50px;width:600px;"> </div>
    </form>
</body>
</html>
Qualcuno mi può indicare una soluzione?