compatibilità tra Firefox ed Internet Explorer

**dungino** · 26-05-2007, 15:28

Salve ragazzi, questo script con Firefox funziona mentre con Internet Explorer non và bene, mi spiego meeglio.
Questo script preleva dei dati da un database e li mette nelle combo box giorno, mese, anno.
Poi mette dei dati già presenti utilizzando option selected, il problema è che con firefox questi dati me li vede, mentre con internet Explorer questo non succede, come devo fare???

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Modifica testo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Css/ricerca.css" rel="stylesheet" type="text/css">
<script language="javascript">

function controlla(){

if (document.modificaConc.numero.value==""){
alert("Inserisci il numero");
return false;
}
if (document.modificaConc.giorno.value==""){
alert("Inserisci il giorno");
return false;
}

if (document.modificaConc.mese.value==""){
alert("Inserisci il mese");
return false;
}
if (document.modificaConc.anno.value==""){
alert("Inserisci il anno");
return false;
}

return true;

}
</script>
</head>

<body>

Modifica Concessione </p>
<form name="modificaConc" onsubmit="return controlla()" method="post" action="modConcessione.php">
<center>
<table width="345"><tr> <td width="63">Data:</td>
<td >GG </td>
<td ><select name="giorno">
<option selected="13">13</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select></td>
<td><label>MM</label></td>
<td><select name="mese">
<option selected="02">02</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select></td>
<td ><label>AA</label></td>
<td ><select name="anno">
<option selected="2007">2007</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
<option value="2034">2034</option>
<option value="2035">2035</option>
<option value="2036">2036</option>
<option value="2037">2037</option>
<option value="2038">2038</option>
<option value="2039">2039</option>
<option value="2040">2040</option>
<option value="2041">2041</option>
<option value="2042">2042</option>
<option value="2043">2043</option>
<option value="2044">2044</option>
<option value="2045">2045</option>
<option value="2046">2046</option>
<option value="2047">2047</option>
<option value="2048">2048</option>
<option value="2049">2049</option>
<option value="2050">2050</option>
<option value="2051">2051</option>
<option value="2052">2052</option>
<option value="2053">2053</option>
<option value="2054">2054</option>
<option value="2055">2055</option>
<option value="2056">2056</option>
<option value="2057">2057</option>
<option value="2058">2058</option>
<option value="2059">2059</option>
<option value="2060">2060</option>
<option value="2061">2061</option>
<option value="2062">2062</option>
<option value="2063">2063</option>
<option value="2064">2064</option>
<option value="2065">2065</option>
<option value="2066">2066</option>
<option value="2067">2067</option>
<option value="2068">2068</option>
<option value="2069">2069</option>
<option value="2070">2070</option>
<option value="2071">2071</option>
<option value="2072">2072</option>
<option value="2073">2073</option>
<option value="2074">2074</option>
<option value="2075">2075</option>
<option value="2076">2076</option>
<option value="2077">2077</option>
<option value="2078">2078</option>
<option value="2079">2079</option>
<option value="2080">2080</option>
<option value="2081">2081</option>
<option value="2082">2082</option>
<option value="2083">2083</option>
<option value="2084">2084</option>
<option value="2085">2085</option>
<option value="2086">2086</option>
<option value="2087">2087</option>
<option value="2088">2088</option>
<option value="2089">2089</option>
<option value="2090">2090</option>
<option value="2091">2091</option>
<option value="2092">2092</option>
<option value="2093">2093</option>
<option value="2094">2094</option>
<option value="2095">2095</option>
<option value="2096">2096</option>
<option value="2097">2097</option>
<option value="2098">2098</option>
<option value="2099">2099</option>
<option value="2100">2100</option>
</select></td>
</tr>
<tr>
<td>Numero</td>
<td colspan="6"><input type="text" name="numero" value="55281"></td>
</tr>
<tr>
<td colspan="8">
<input name="invia" type="submit" id="invia4" value="Invia">
<input name="cancella" type="reset" id="cancella" value="Cancella"> </td>
</tr>
<tr >
<td colspan="8"><a href="javascript:history.go(-1)">Ritorna
alla pagina precedente</a></td>
</tr>
</table>

</form>

</body>
</html>

**dungino** · 26-05-2007, 15:32

ho provato a fare un alert nella funzione controlla ma mi restituisce true.

**cavicchiandrea** · 26-05-2007, 16:10

Originariamente inviato da dungino
Salve ragazzi, questo script con Firefox funziona mentre con Internet Explorer non và bene, mi spiego meeglio.
Questo script preleva dei dati da un database e li mette nelle combo box giorno, mese, anno.
Poi mette dei dati già presenti utilizzando option selected, il problema è che con firefox questi dati me li vede, mentre con internet Explorer questo non succede, come devo fare???

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Modifica testo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Css/ricerca.css" rel="stylesheet" type="text/css">
<script language="javascript">

function controlla(){

if (document.modificaConc.numero.value==""){
alert("Inserisci il numero");
return false;
}
if (document.modificaConc.giorno.value==""){
alert("Inserisci il giorno");
return false;
}

if (document.modificaConc.mese.value==""){
alert("Inserisci il mese");
return false;
}
if (document.modificaConc.anno.value==""){
alert("Inserisci il anno");
return false;
}

return true;

}
</script>
</head>

......

Dal momento che non se capito molto rispondi alle seguenti domande:
Lo scirpt che non funziona è controlla?
Se si non funziona in che senso, cosa dovrebbe fare?
Dici che non funziona con IE quale versione 6 o 7?
Ricordati che tu gli stai chiedendo allo script controlla di verificare se giorno anno mese sono vuoti che è questo controllo qui:
if (document.modificaConc.anno.value=="")
La richiesta è giusta?
In oltre la forma corretta per verificare l'opzione selezionata in una select e questa:
if (document.modificaConc.anno[document.modificaConc.anno.selectedIndex].value=="")

**dungino** · 26-05-2007, 21:43

Grazie per la risposta, la function indicata è controlla, la versione di Internet Explorer è la 7 credo sia l'ultima, ma anche mettendo come hai detto tu

if (document.modificaConc.anno[document.modificaConc.anno.selectedIndex].value=="")
non funge, nel senso che il valore da me selezionato è su option selected mentre lui lo vede come vuoto, mentre se seleziono lo stesso valore dalla combo allora lui lo vede selezionato.

Fammi sapere!!
Ciao

**cavicchiandrea** · 26-05-2007, 21:55

Hai risposto parzialmente rileggi il mio messaggio.

**dungino** · 27-05-2007, 10:40

1)Controlla è lo script che non funziona.
2)La function Controlla, esegue il controllo formale dei campi. Inizialmente i campi anno, mese, giorno sono valorizzati in option selected, ma controlla dice che sono vuoti.
3)IE versione 7.
4)La richiesta è giusta.
5)Anche sostituendo il mio codice con la tua parte di codice mi dà lo stesso problema.

Fammi sapere!
Ciao

**cavicchiandrea** · 27-05-2007, 10:59

Metti la pagina on-line che facciamo prima.

**pietro09** · 27-05-2007, 11:00

mettendo un alert:

function controlla()
{alert(document.modificaConc.giorno.value);

IE7 restituisce stringa vuota, Firefox2 restituisce 13.

E qui :master: sono dubbioso su chi abbia ragione

io sostituirei:

<option selected="13">13</option>
con

<option selected="selected" value="13">13</option>

**dungino** · 27-05-2007, 11:58

La soluzione che va bene a tutti e due si trova nel seguente codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Modifica testo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Css/ricerca.css" rel="stylesheet" type="text/css">
<script language="javascript">

function controlla(){

if (document.modificaConc.numero.value==""){
alert("Inserisci il numero");
return false;
}

if (document.modificaConc.giorno[document.modificaConc.giorno.selectedIndex].value==""){
alert("Inserisci il giorno");
return false;
}

if (document.modificaConc.mese[document.modificaConc.mese.selectedIndex].value==""){
alert("Inserisci il mese");
return false;
}
if (document.modificaConc.anno[document.modificaConc.anno.selectedIndex].value==""){
alert("Inserisci l'anno");
return false;
}

return true;

}
</script>
</head>

<body>

Modifica Concessione </p>
<form name="modificaConc" onSubmit="return controlla();" method="post" action="modConcessione.php">
<center>
<table width="345"><tr> <td width="63">Data:</td>
<td >GG </td>
<td ><select name="giorno">
<option selected=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select></td>
<script>
document.modificaConc.giorno.value="13";
</script>

<td><label>MM</label></td>
<td><select name="mese">
<option selected=""></option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select></td>
<script>
document.modificaConc.mese.value="02";
</script>

<td ><label>AA</label></td>
<td ><select name="anno">
<option selected=""></option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
<option value="2034">2034</option>
<option value="2035">2035</option>
<option value="2036">2036</option>
<option value="2037">2037</option>
<option value="2038">2038</option>
<option value="2039">2039</option>
<option value="2040">2040</option>
<option value="2041">2041</option>
<option value="2042">2042</option>
<option value="2043">2043</option>
<option value="2044">2044</option>
<option value="2045">2045</option>
<option value="2046">2046</option>
<option value="2047">2047</option>
<option value="2048">2048</option>
<option value="2049">2049</option>
<option value="2050">2050</option>
<option value="2051">2051</option>
<option value="2052">2052</option>
<option value="2053">2053</option>
<option value="2054">2054</option>
<option value="2055">2055</option>
<option value="2056">2056</option>
<option value="2057">2057</option>
<option value="2058">2058</option>
<option value="2059">2059</option>
<option value="2060">2060</option>
<option value="2061">2061</option>
<option value="2062">2062</option>
<option value="2063">2063</option>
<option value="2064">2064</option>
<option value="2065">2065</option>
<option value="2066">2066</option>
<option value="2067">2067</option>
<option value="2068">2068</option>
<option value="2069">2069</option>
<option value="2070">2070</option>
<option value="2071">2071</option>
<option value="2072">2072</option>
<option value="2073">2073</option>
<option value="2074">2074</option>
<option value="2075">2075</option>
<option value="2076">2076</option>
<option value="2077">2077</option>
<option value="2078">2078</option>
<option value="2079">2079</option>
<option value="2080">2080</option>
<option value="2081">2081</option>
<option value="2082">2082</option>
<option value="2083">2083</option>
<option value="2084">2084</option>
<option value="2085">2085</option>
<option value="2086">2086</option>
<option value="2087">2087</option>
<option value="2088">2088</option>
<option value="2089">2089</option>
<option value="2090">2090</option>
<option value="2091">2091</option>
<option value="2092">2092</option>
<option value="2093">2093</option>
<option value="2094">2094</option>
<option value="2095">2095</option>
<option value="2096">2096</option>
<option value="2097">2097</option>
<option value="2098">2098</option>
<option value="2099">2099</option>
<option value="2100">2100</option>
</select></td>
<script>
document.modificaConc.anno.value="2007";
</script>

</tr>
<tr>
<td>Numero</td>
<td colspan="6"><input type="text" name="numero" value="55281"></td>
</tr>
<tr>
<td colspan="8">
<input name="invia" type="submit" id="invia4" value="Invia">
<input name="cancella" type="reset" id="cancella" value="Cancella"> </td>
</tr>
<tr >
<td colspan="8"><a href="javascript:history.go(-1)">Ritorna
alla pagina precedente</a></td>
</tr>
</table>

</form>

</body>
</html>

Questa soluzione permettere di non ripetere 2 volte il valore nella combobox. Comunque grazie per il feedback.

Discussione: compatibilità tra Firefox ed Internet Explorer

Strumenti discussione

Ricerca discussione

Visualizza

compatibilità tra Firefox ed Internet Explorer

Re: compatibilità tra Firefox ed Internet Explorer

Permessi di invio