mi saprete dire perchè questo codice non viene visualizzato con internet explorer?
HTML:
<img style="width:100%; height:auto;" src="coloripolo.png">Problema visualizzazione
- Creatore Discussione Salvo Salvi
- Data di inizio
PHP:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="stampa, magline, personalizzate, tipografia">
<title>Mariostampa</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-35439210-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script language="javascript">
/*Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo*/
function selezionaOpzioni(scelta) {
/*Resetto le opzioni precedenti del campo*/
var campo_der = document.millo.campo_der;
campo_der.options.length = 0;
/*verifico la scelta e aggiungo i campi*/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
}
function aggiornaOpzioni(scelta){
var selezionato = document.millo.campo_principale.selectedIndex;
var campo = document.millo.campo_principale.options;
selezionaOpzioni(campo[selezionato].value);
}
//PER IL SECONDO CAMPO
/*Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo*/
function selezionaOpzionidue(scelta) {
/*Resetto le opzioni precedenti del campo*/
var campo_der = document.millo.campo_de;
campo_der.options.length = 0;
/*verifico la scelta e aggiungo i campi*/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
}
function aggiornaOpzionidue(scelta){
var selezionato = document.millo.campo_due.selectedIndex;
var campo = document.millo.campo_due.options;
selezionaOpzionidue(campo[selezionato].value);
}
//PER IL TERZO CAMPO
/*Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo*/
function selezionaOpzionitre (scelta) {
/*Resetto le opzioni precedenti del campo*/
var campo_der = document.millo.campo_detre;
campo_der.options.length = 0;
/*verifico la scelta e aggiungo i campi*/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
}
function aggiornaOpzionitre(scelta){
var selezionato = document.millo.campo_tre.selectedIndex;
var campo = document.millo.campo_tre.options;
selezionaOpzionitre(campo[selezionato].value);
}
//PER IL QUARTO CAMPO
/*Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo*/
function selezionaOpzioniquattro (scelta) {
/*Resetto le opzioni precedenti del campo*/
var campo_der = document.millo.campo_dequattro;
campo_der.options.length = 0;
/*verifico la scelta e aggiungo i campi*/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
}
function aggiornaOpzioniquattro(scelta){
var selezionato = document.millo.campo_quattro.selectedIndex;
var campo = document.millo.campo_quattro.options;
selezionaOpzioniquattro(campo[selezionato].value);
}
//PER IL QUINTO CAMPO
/*Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo*/
function selezionaOpzionicinque (scelta) {
/*Resetto le opzioni precedenti del campo*/
var campo_der = document.millo.campo_decinque;
campo_der.options.length = 0;
/*verifico la scelta e aggiungo i campi*/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
}
function aggiornaOpzionicinque(scelta){
var selezionato = document.millo.campo_cinque.selectedIndex;
var campo = document.millo.campo_cinque.options;
selezionaOpzionicinque(campo[selezionato].value);
}
//PER IL SESTO CAMPO
/*Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo*/
function selezionaOpzionisei (scelta) {
/*Resetto le opzioni precedenti del campo*/
var campo_der = document.millo.campo_desei;
campo_der.options.length = 0;
/*verifico la scelta e aggiungo i campi*/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('XS');
campo_der.options[campo_der.options.length] = new Option('S');
campo_der.options[campo_der.options.length] = new Option('M');
campo_der.options[campo_der.options.length] = new Option('L');
campo_der.options[campo_der.options.length] = new Option('XL');
campo_der.options[campo_der.options.length] = new Option('XXL');
}
}
function aggiornaOpzionisei(scelta){
var selezionato = document.millo.campo_sei.selectedIndex;
var campo = document.millo.campo_sei.options;
selezionaOpzionisei(campo[selezionato].value);
}
function mostra() {
document.getElementById("trescelte").style.display="block";
}
function nascondi() {
document.getElementById("content").style.display="none";
}
</script>
</head>
<body>
<table align="center" width="800px" background="definitivo.jpg" style="border-radius:3px;"><tr><td>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="titolo">
<div class="div-5">
<div class="div-5-1"><b> </b></div>
</div>
</div>
<!--[if IE 9]>
<br><br><br><br>
<![endif]-->
<table align="center"><tr>
<td>
<form name="radio" id="radio">
<table width="100%" height="248">
<tr>
<td width="26"> </td>
<td id="1a" align="center" width="35"><input type="radio" name="r" value="10x15-6-76,20" onclick="location.href='#selezionato'; apririepro('a')"/></td>
<td id="1b" width="90" align="center"><b>6</b></td>
<td id="1c" width="80" align="center"><b>€ 76,20</b></td>
<td width="35"> </td>
<td id="2a" width="30" align="center"><input type="radio" name="r" value="21x29.7-6-81,60" onclick="location.href='#selezionato'; apririepro('b')"/></td>
<td id="2b" width="89" align="center"><b>6</b></td>
<td id="2c" width="82" align="center"><b>€81,60</b></td>
<td width="34"> </td>
<td id="3a" width="31" align="center"><input type="radio" name="r" value="25x35-6-84,00" onclick="location.href='#selezionato'; apririepro('c')"/></td>
<td id="3b" width="90" align="center"><b>6</b></td>
<td id="3c" width="81" align="center"><b>€ 84,00</b></td>
<td width="28"> </td>
</tr>
<tr>
<td> </td>
<td id="4a" align="center"><input type="radio" name="r" value="10x15-12-127,20" onclick="location.href='#selezionato'; apririepro('d')"/></td>
<td id="4b" align="center"><b>12</b></td>
<td id="4c" align="center"><b>€ 127,20</b></td>
<td> </td>
<td id="5a" align="center"><input type="radio" name="r" value="21x29.7-12-136,80" onclick="location.href='#selezionato'; apririepro('e')"/></td>
<td id="5b" align="center"><b>12</b></td>
<td id="5c" align="center"><b>€ 136,80</b></td>
<td> </td>
<td id="6a" align="center"><input type="radio" name="r" value="25x35-12-142,80" onclick="location.href='#selezionato'; apririepro('f')"/></td>
<td id="6b" align="center"><b>12</b></td>
<td id="6c" align="center"><b>€ 142,80</b></td>
</tr>
<tr>
<td> </td>
<td id="7a" align="center"><input type="radio" name="r" value="10x15-18-180,00" onclick="location.href='#selezionato'; apririepro('g')"/></td>
<td id="7b" align="center"><b>18</b></td>
<td id="7c" align="center"><b>€ 180,00</b></td>
<td> </td>
<td id="8a" align="center"><input type="radio" name="r" value="21x29.7-18-194,40" onclick="location.href='#selezionato'; apririepro('h')"/></td>
<td id="8b" align="center"><b>18</b></td>
<td id="8c" align="center"><b>€ 194,40</b></td>
<td> </td>
<td id="9a" align="center"><input type="radio" name="r" value="25x35-18-203,40" onclick="location.href='#selezionato'; apririepro('i')"/></td>
<td id="9b" align="center"><b>18</b></td>
<td id="9c" align="center"><b>€ 203,40</b></td>
</tr>
<tr>
<td> </td>
<td id="10a" align="center"><input type="radio" name="r" value="10x15-24-223,20" onclick="location.href='#selezionato'; apririepro('l')"/></td>
<td id="10b" align="center"><b>24</b></td>
<td id="10c" align="center"><b>€ 223,20</b></td>
<td> </td>
<td id="11a" align="center"><input type="radio" name="r" value="21x29.7-24-242,40" onclick="location.href='#selezionato'; apririepro('m')"/></td>
<td id="11b" align="center"><b>24</b></td>
<td id="11c" align="center"><b>€ 242,40</b></td>
<td> </td>
<td id="12a" align="center"><input type="radio" name="r" value="25x35-24-254,40" onclick="location.href='#selezionato'; apririepro('n')"/></td>
<td id="12b" align="center"><b>24</b></td>
<td id="12c" align="center"><b>€ 254,40</b></td>
</tr>
<tr>
<td> </td>
<td id="13a" align="center"><input type="radio" name="r" value="10x15-30-255,00" onclick="location.href='#selezionato'; apririepro('g')"/></td>
<td id="13b" align="center"><b>30</b></td>
<td id="13c" align="center"><b>€ 255,00</b></td>
<td> </td>
<td id="14a" align="center"><input type="radio" name="r" value="21x29.7-30-279,00" onclick="location.href='#selezionato'; apririepro('h')"/></td>
<td id="14b" align="center"><b>30</b></td>
<td id="14c" align="center"><b>€ 279,00</b></td>
<td> </td>
<td id="15a" align="center"><input type="radio" name="r" value="25x35-30-294,00" onclick="location.href='#selezionato'; apririepro('i')"/></td>
<td id="15b" align="center"><b>30</b></td>
<td id="15c" align="center"><b>€ 294,00</b></td>
</tr>
<tr>
<td> </td>
<td id="16a" align="center"><input type="radio" name="r" value="10x15-50-395,00" onclick="location.href='#selezionato'; apririepro('l')"/></td>
<td id="16b" align="center"><b>50</b></td>
<td id="16c" align="center"><b>€ 395,00</b></td>
<td> </td>
<td id="17a" align="center"><input type="radio" name="r" value="21x29.7-50-435,00" onclick="location.href='#selezionato'; apririepro('m')"/></td>
<td id="17b" align="center"><b>50</b></td>
<td id="17c" align="center"><b>€ 435,00</b></td>
<td> </td>
<td id="18a" align="center"><input type="radio" name="r" value="25x35-50-460,00" onclick="location.href='#selezionato'; apririepro('n')"/></td>
<td id="18b" align="center"><b>50</b></td>
<td id="18c" align="center"><b>€ 460,00</b></td>
</tr>
<tr>
<td> </td>
<td id="19a" align="center"><input type="radio" name="r" value="10x15-75-555,00" onclick="location.href='#selezionato'; apririepro('o')"/></td>
<td id="19b" align="center"><b>75</b></td>
<td id="19c" align="center"><b>€ 555,00</b></td>
<td> </td>
<td id="20a" align="center"><input type="radio" name="r" value="21x29.7-75-615,00" onclick="location.href='#selezionato'; apririepro('p')"/></td>
<td id="20b" align="center"><b>75</b></td>
<td id="20c" align="center"><b>€ 615,00</b></td>
<td> </td>
<td id="21a" align="center"><input type="radio" name="r" value="25x35-75-652,50" onclick="location.href='#selezionato'; apririepro('q')"/></td>
<td id="21b" align="center"><b>75</b></td>
<td id="21c" align="center"><b>€ 652,50</b></td>
</tr>
<tr>
<td> </td>
<td id="22a" align="center"><input type="radio" name="r" value="10x15-100-710,00" onclick="location.href='#selezionato'; apririepro('r')"/></td>
<td id="22b" align="center"><b>100</b></td>
<td id="22c" align="center"><b>€ 710,00</b></td>
<td> </td>
<td id="23a" align="center"><input type="radio" name="r" value="21x29.7-100-790,00" onclick="location.href='#selezionato'; apririepro('s')"/></td>
<td id="23b" align="center"><b>100</b></td>
<td id="23c" align="center"><b>€ 790,00</b></td>
<td> </td>
<td id="24a" align="center"><input type="radio" name="r" value="25x35-100-830,00" onclick="location.href='#selezionato'; apririepro('t')" /></td>
<td id="24b" align="center"><b>100</b></td>
<td id="24c" align="center"><b>€ 830,00</b></td>
</tr>
</table>
</form>
</td></tr>
<tr><td colspan="3">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<table width="100%" id="altreofferte" ><tr>
<td align="left"width="55px"><a style="bordecolor:#D1071D;" href="http://www.mariostampa.it/volantinicartaleggera/"><img style="border:0;" src="../img/sinistra.png" width="50px"></a></td><td width="200px"><font size="5px"><b><a href="http://www.mariostampa.it/volantinicartaleggera/" style="color:#D1071D;">Altre Offerte</a></b></font></td><td align="center"><font size="5px"><b><a style="color:#D1071D;" href="http://www.mariostampa.it">HOME</a></b></font></td><td align="right" width="200px"><font size="5px"><b><a style="color:#D1071D;" href="http://www.mariostampa.it/penne/">Altre Offerte</a></b></font></td><td align="right" width="55px"><a style="bordecolor:#D1071D;" href="http://www.mariostampa.it/penne/"><img style="border:0;" src="../img/destra.png" width="50px"></a></td>
</tr></table>
<br>
<form name="millo2" id="millo2" action="info.php" method="post">
<table class="radius" width="100%" background="../img/sfondo.png">
<tr>
<td class="radius" style=" padding:3px;" colspan="2" valign="top" align="center" background="../img/sfondo1.png">
<font style="font-size:20px;">Scrivi la tua richiesta - Per qualsiasi informazione telefonare <font style="font-size:22px;"><b>0575 1653693</b></font></font>
</td></tr>
<tr><td align="center" width="29%" valign="top">
<div style="padding-top:5px" align="left"> <b>E-mail:</b></div>
<input type="email" class="inizio" style="font-size:14px;width:200px;overflow:hidden;" name="email1" id="email1" onfocus="svuota('email1');cambia('accesa','email1');" onblur="cambia('spenta','email1');">
<br><br>
<div style="padding-top:10px" align="left"> <b>Telefono:</b></div>
<input type="tel" class="inizio" style="font-size:14px;width:200px;overflow:hidden;" name="telefono1" id="telefono1" onfocus="svuota('telefono1');cambia('accesa','telefono1');" onblur="cambia('spenta','telefono1');">
</td><td valign="top" width="71%" align="left">
<div style="padding-top:5px" align="left"><b>Note:</b></div>
<textarea class="inizio" style="font-size:14px;width:540px;height:95px;overflow:hidden;" name="note1" id="note1" ></textarea>
</td></tr>
<tr><td colspan="2" valign="top" align="center" style="padding:3px;">
<input style="background:#0CF;" class="button orangeButt" type="button" onClick="verdati('millo2')" value="INVIA RICHIESTA">
</td></tr>
</table>
</form>
<br>
<form name="millo" id="millo" action="salva.php" method="post">
<table background="../img/sfondo2.png" class="radius">
<tr><td class="radius" background="../img/sfondo3.png" colspan="3" valign="top" align="center" style="padding:3px;">
<font style="font-size:20px;"><b>Per inviarci il tuo ordine compila il modulo sottostante e allega il file grafico</b></font>
</td></tr>
<tr>
<td style="border-right:solid 1px #000;padding-left:6px;" colspan="2" align="center" valign="top">
<div style="padding-top:5px;display:none;" id="pro"><span><b>Riepilogo ordine</b></span><br>
<textarea disabled style="font: bold 14px Arial, Helvetica, sans-serif;background-color:#E4F4FC;height:50px;width:400px;overflow:hidden;" id="tipopro2" name="tipopro2"></textarea>
<br><br></div>
<div id="maglie" style="">
<div class="colori"><img style="width:100%; height:auto;" src="coloripolo.png"> </div>
<div class="taglie"> </div>
<div>
Sesso:
<select name="campo_principale" size="1" onChange="aggiornaOpzioni();">
<option value="">---</option>
<option value="1">Uomo</option>
<option value="2">Donna</option>
</select>
Taglia:
<select name="campo_der" size="1">
</select>
Colore:
<select name="coloreuno">
<option value="30">30</option>
<option value="36">36</option>
<option value="GH">GH</option>
<option value="CR">CR</option>
<option value="RO">RO</option>
<option value="PA">PA</option>
<option value="K2">K2</option>
<option value="AL">AL</option>
<option value="38">38</option>
<option value="SC">SC</option>
<option value="AQ">AQ</option>
<option value="BH">BH</option>
<option value="FN">FN</option>
</select>
Qnt:
<input type="number" name="quantita" min="0" style="width:40px;">
</div>
<div id="trescelte" >
<div>
Sesso:
<select name="campo_due" size="1" onChange="aggiornaOpzionidue();">
<option value="">---</option>
<option value="1">Uomo</option>
<option value="2">Donna</option>
</select>
Taglia:
<select name="campo_de" size="1">
</select>
Colore:
<select name="coloredue">
<option value="30">30</option>
<option value="36">36</option>
<option value="GH">GH</option>
<option value="CR">CR</option>
<option value="RO">RO</option>
<option value="PA">PA</option>
<option value="K2">K2</option>
<option value="AL">AL</option>
<option value="38">38</option>
<option value="SC">SC</option>
<option value="AQ">AQ</option>
<option value="BH">BH</option>
<option value="FN">FN</option>
</select>
Qnt:
<input type="number" name="quantitadue" min="0" style="width:40px;">
</div>
<div>
Sesso:
<select name="campo_tre" size="1" onChange="aggiornaOpzionitre();">
<option value="">---</option>
<option value="1">Uomo</option>
<option value="2">Donna</option>
</select>
Taglia:
<select name="campo_detre" size="1">
</select>
Colore:
<select name="coloretre">
<option value="30">30</option>
<option value="36">36</option>
<option value="GH">GH</option>
<option value="CR">CR</option>
<option value="RO">RO</option>
<option value="PA">PA</option>
<option value="K2">K2</option>
<option value="AL">AL</option>
<option value="38">38</option>
<option value="SC">SC</option>
<option value="AQ">AQ</option>
<option value="BH">BH</option>
<option value="FN">FN</option>
</select>
Qnt:
<input type="number" name="quantitatre" min="0" style="width:40px;">
</div>
<div>
Sesso:
<select name="campo_quattro" size="1" onChange="aggiornaOpzioniquattro();">
<option value="">---</option>
<option value="1">Uomo</option>
<option value="2">Donna</option>
</select>
Taglia:
<select name="campo_dequattro" size="1">
</select>
Colore:
<select name="colorequattro">
<option value="30">30</option>
<option value="36">36</option>
<option value="GH">GH</option>
<option value="CR">CR</option>
<option value="RO">RO</option>
<option value="PA">PA</option>
<option value="K2">K2</option>
<option value="AL">AL</option>
<option value="38">38</option>
<option value="SC">SC</option>
<option value="AQ">AQ</option>
<option value="BH">BH</option>
<option value="FN">FN</option>
</select>
Qnt:
<input type="number" name="quantitaquattro" min="0" style="width:40px;">
</div>
<div>
Sesso:
<select name="campo_cinque" size="1" onChange="aggiornaOpzionicinque();">
<option value="">---</option>
<option value="1">Uomo</option>
<option value="2">Donna</option>
</select>
Taglia:
<select name="campo_decinque" size="1">
</select>
Colore:
<select name="colorecinque">
<option value="30">30</option>
<option value="36">36</option>
<option value="GH">GH</option>
<option value="CR">CR</option>
<option value="RO">RO</option>
<option value="PA">PA</option>
<option value="K2">K2</option>
<option value="AL">AL</option>
<option value="38">38</option>
<option value="SC">SC</option>
<option value="AQ">AQ</option>
<option value="BH">BH</option>
<option value="FN">FN</option>
</select>
Qnt:
<input type="number" name="quantitacinque" min="0" style="width:40px;">
</div>
<div>
Sesso:
<select name="campo_sei" size="1" onChange="aggiornaOpzionisei();">
<option value="">---</option>
<option value="1">Uomo</option>
<option value="2">Donna</option>
</select>
Taglia:
<select name="campo_desei" size="1">
</select>
Colore:
<select name="coloresei">
<option value="30">30</option>
<option value="36">36</option>
<option value="GH">GH</option>
<option value="CR">CR</option>
<option value="RO">RO</option>
<option value="PA">PA</option>
<option value="K2">K2</option>
<option value="AL">AL</option>
<option value="38">38</option>
<option value="SC">SC</option>
<option value="AQ">AQ</option>
<option value="BH">BH</option>
<option value="FN">FN</option>
</select>
Qnt:
<input type="number" name="quantitasei" min="0" style="width:40px;">
</div>
</div>
</div>
<input type="hidden" name="tipopro" id="tipopro">
<!--font style="padding-top:6px;">Se vuoi comunicarci gli estremi di fatturazione/spedizione clicca</font>
<input type="button" value="qui" onmousedown="if(document.getElementById('fatt').style.display == 'none'){ document.getElementById('fatt').style.display = 'block'; }else{ document.getElementById('fatt').style.display = 'none'; }" >.<br><br-->
<div class="div-1">
<div style="padding-top:5px;" class="div-1-1"><b> *E-mail:</b></div>
<div style="padding-top:5px;" class="div-1-2"><b>Telefono:</b></div>
</div>
<textarea required="required" maxlength="50" class="inizio" style="font-size:14px;width:200px;overflow:hidden;" name="email" id="email" onfocus="svuota('email');cambia('accesa','email');" onblur="cambia('spenta','email');"></textarea>
<textarea required="required" maxlength="50" class="inizio" style="font-size:14px;width:200px;overflow:hidden;" name="telefono" id="telefono" onfocus="svuota('telefono');cambia('accesa','telefono');" onblur="cambia('spenta','telefono');"></textarea><br>
<div id="fatt" style="display:block;">
<div class="div-1">
<div style="padding-top:5px;" class="div-1-1"><b> Nome/Ragione sociale:</b></div>
<div style="padding-top:5px;" class="div-1-2"><b>Indirizzo:</b></div>
</div>
<input maxlength="50" type="text" style="font-size:14px;width:200px;overflow:hidden;" name="nomefatt" id="nomefatt" onfocus="document.getElementById('nomefatt').style.backgroundColor='#E4F4FC';document.getElementById('nomefatt').style.color='#F48424';" onblur="document.getElementById('nomefatt').style.backgroundColor='#EEEEEE';document.getElementById('nomefatt').style.color='#999999';">
<input maxlength="50" type="text" style="font-size:14px;width:200px;overflow:hidden;" name="indi" id="indi" onfocus="document.getElementById('indi').style.backgroundColor='#E4F4FC';document.getElementById('indi').style.color='#F48424';" onblur="document.getElementById('indi').style.backgroundColor='#EEEEEE';document.getElementById('indi').style.color='#999999';">
<div class="div-2">
<div style="padding-top:5px;" class="div-2-1"><b> Cittá:</b></div>
<div style="padding-top:5px;" class="div-2-2"><b>Provincia:</b></div>
</div>
<input required="required" maxlength="50" type="text" style="font-size:14px;width:200px;overflow:hidden;" name="citta" id="citta" onfocus="document.getElementById('citta').style.backgroundColor='#E4F4FC';document.getElementById('citta').style.color='#F48424';" onblur="document.getElementById('citta').style.backgroundColor='#EEEEEE';document.getElementById('citta').style.color='#999999';">
<input required="required" maxlength="50" type="text" style="font-size:14px;width:200px;overflow:hidden;" name="provincia" id="provincia" onfocus="document.getElementById('provincia').style.backgroundColor='#E4F4FC';document.getElementById('provincia').style.color='#F48424';" onblur="document.getElementById('provincia').style.backgroundColor='#EEEEEE';document.getElementById('provincia').style.color='#999999';">
<div class="div-3">
<div style="padding-top:5px;" class="div-3-1"><b> Cap:</b></div>
<div style="padding-top:5px;" class="div-3-2"><b>Partita iva/Codice fiscale:</b></div>
</div>
<input maxlength="50" type="text" style="font-size:14px;width:200px;overflow:hidden;" name="cap" id="cap" onfocus="document.getElementById('cap').style.backgroundColor='#E4F4FC';document.getElementById('cap').style.color='#F48424';" onblur="document.getElementById('cap').style.backgroundColor='#EEEEEE';document.getElementById('cap').style.color='#999999';">
<input maxlength="50" type="text" style="font-size:14px;width:200px;overflow:hidden;" name="cf" id="cf" onfocus="document.getElementById('cf').style.backgroundColor='#E4F4FC';document.getElementById('cf').style.color='#F48424';" onblur="document.getElementById('cf').style.backgroundColor='#EEEEEE';document.getElementById('cf').style.color='#999999';">
</div>
<div style="padding-top:5px;" align="left"><b> Note:</b></div>
<textarea maxlength="490" class="inizio" style="font-size:14px;width:409px;height:50px;overflow:hidden;" name="note" id="note" onfocus="svuota('note');cambia('accesa','note');" onblur="cambia('spenta','note');"></textarea>
<div style="padding-top:5px;" align="left">
<span STYLE="text-align:left;font-size: 9pt"><u><b>Tempi di Spedizione:</b></u>
Le isole e le zone più remote possono essere servite dal corriere in 1 o 2 giorni in più.
Per qualsiasi dubbio o chiarimento, vi preghiamo di contattarci allo 0575/1653693.<br>
<u><b>Tipi di pagamento:</b></u> contrassegno senza spese aggiuntive o bonifico bancario anticipato.</span>
</div>
</td>
<td width="350px" style="padding-top:6px;" align="center" valign="top">
<b>Premi il tasto allega <br>
per inviarci i file</b>
<br><br>
<input required="required" id="file_upload" name="file_upload" type="file" multiple="true">
<h2>Accettiamo i seguenti formati: .Png, .jpg, .pdf e .tiff<br><br>
<span>Attenzione:</span> Non accettiamo Word.</h2>
<br><br><a style="font-size:20px; color:black;" href="../taglie/russel.jpg" target="_blank"> Clicca qui per aprire la tabella delle taglie.</a>
</td>
</tr>
<tr>
<td colspan="2"><u><b> Campi obbligatori:</b></u> (Email o telefono, prodotto e file allegato).</td>
<td>
<div id="queue"></div>
</td></tr>
<tr><td style="padding:5px" align="center" colspan="3">
<input width="100%" type="hidden" value="" required="required" name="fileassociati" id="fileassociati">
<input style="background:#faa51a;" required="required" class="button orangeButt" type="button" onClick="verdati('millo')" value="INVIA ORDINE">
</td>
</tr>
</table>
</form>
</td></tr>
</table>
</td></tr>
<tr>
<td>
<table width="100%"><tr><td width="50%">
<table align="center">
<tr><td>Per qualsiasi tua esigenza di stampa... MarioStampa</td></tr>
<tr><td align="center"><input onClick="location.href='mailto:preventivi@mariostampa.it?subject=Richiesta preventivo'" class="" type="button" value="Richiesta preventivi"></td></tr>
</table>
</td><td width="50%">
<a name="selezionato"></a>
<table align="center">
<tr><td>Per qualsiasi altra informazione... <a href="mailto:informazioni@mariostampa.it?subject=Informazioni">Info@mariostampa.it</a></td></tr>
<tr><td align="center">Oppure puoi chiamarci al numero 0575/1653693.</a></td></tr>
</table>
</td></tr></table>
</td>
</tr>
</table>
<script type="text/javascript">
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadify({
'swf' : 'uploadify.swf',
'auto' : true,
'uploader' : 'uploadify.php',
'buttonText' : 'ALLEGA I TUOI FILE',
'removeCompleted' : false,
'fileSizeLimit' : '6MB',
'queueSizeLimit' : 3,
'progressData' : 'speed',
'onUploadSuccess' : function(file, data, response) {
document.getElementById("fileassociati").value+=file.name +';';
}
});
});
</script>
<script>
function verdati(form)
{
if (form == 'millo')
{
var email = document.getElementById('email').value;
var telefono = document.getElementById('telefono').value;
var tipopro = document.getElementById('tipopro').value;
var file = document.getElementById('fileassociati').value;
}
else
{
var email = document.getElementById('email1').value;
var telefono = document.getElementById('telefono1').value;
var note1 = document.getElementById('note1').value;
}
if (email != '' || telefono != '')
{
if (form == 'millo')
{
if (tipopro != '')
{
if (file != '')
{
if (emailCheck(email)) document.millo.submit();
}
else
{
alert('Devi allegare un file per la grafica delle polo che hai scelto');
}
}
else
{
alert('Prima di concludere il tuo ordine scegli il tipo e la quantita di polo che ti interessano dal listino sovra impresso');
}
}
else
{
if (note1 != '')
{if (emailCheck(email)) document.millo2.submit();}
else alert('Inserisci la tua richiesta nel campo note');
}
}
else
{
alert('Non hai inserito alcuni campi obbligatori');
}
}
function svuota(chi) {
var ta = document.getElementById(chi);
if (ta.getAttribute("class") == "inizio") ta.value = "";
}
function cambia(classe,chi) {
document.getElementById(chi).setAttribute("class", classe);
}
function apririepro(val){
var s = 0;
for (var i=0; i < document.radio.r.length; i++)
{
s= i+1;
if ( document.radio.r[i].checked)
{
document.getElementById(s+'a').style.backgroundColor='#FFFF00';
document.getElementById(s+'b').style.backgroundColor='#FFFF00';
document.getElementById(s+'c').style.backgroundColor='#FFFF00';
var dato = document.radio.r[i].value;
}
else
{
document.getElementById(s+'a').style.backgroundColor='';
document.getElementById(s+'b').style.backgroundColor='';
document.getElementById(s+'c').style.backgroundColor='';
}
}
var ar = dato.split('-');
if(document.getElementById('pro').style.display == 'none') document.getElementById('pro').style.display = 'block';
document.getElementById('tipopro').value=ar[1]+' polo stampa '+ar[0]+' cm. _ euro '+ar[2]+' Iva esclusa _ spedizione gratuita.';
document.getElementById('tipopro2').value=ar[1]+' polo stampa '+ar[0]+' cm. _ euro '+ar[2]+' Iva esclusa _ spedizione gratuita.';
}
function emailCheck(emailStr) {
var emailPat = /^(.+)@(.+)$/;
var specialChars = "\\(\\)<>@,;:\\\\\\\"\\.\\[\\]";
var validChars = "[^\\s" + specialChars + "]";
var quotedUser = "(\"[^\"]*\")";
var ipDomainPat = /^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/;
var atom = validChars + "+";
var word = "(" + atom + "|" + quotedUser + ")";
var userPat = new RegExp("^" + word + "(\\." + word + ")*$");
var domainPat = new RegExp("^" + atom + "(\\." + atom + ")*$");
var matchArray = emailStr.match(emailPat);
if (matchArray == null) {
alert("L'email sembra essere sbagliata: (controlla @ e .)");
return false;
}
var user = matchArray[1];
var domain = matchArray[2];
if (user.match(userPat) == null) {
alert("La parte dell'email prima di '@' non sembra essere valida!");
return false;
}
var IPArray = domain.match(ipDomainPat);
if (IPArray != null) {
for (var i = 1; i <= 4; i++) {
if (IPArray[i] > 255) {
alert("L'IP di destinazione non � valido!");
return false;
}
}
return true;
}
var domainArray = domain.match(domainPat);
if (domainArray == null) {
alert("La parte dell'email dopo '@' non sembra essere valida!");
return false;
}
var atomPat = new RegExp(atom, "g");
var domArr = domain.match(atomPat);
var len = domArr.length;
if (domArr[domArr.length - 1].length < 2 ||
domArr[domArr.length - 1].length > 6) {
alert("Il dominio di primo livello (es: .com e .it) non sembra essere valido!");
return false;
}
if (len < 2) {
var errStr = "L'indirizzo manca del dominio!";
alert(errStr);
return false;
}
return true;
}
</script>
<a name="selezionato"></a>
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//cdn.zopim.com/?19j50CnRUZXbr2v60FiqSfl3hPNxqdsl';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>
<!--End of Zopim Live Chat Script-->
</body>
</html>
Io ti posso dare solo 3 consigli:
1. Chiudi i tag che non richiedono il tag stesso di chiusura:
- Esempio (<img style="..." src="..." />)
2. Controlla che i percorsi delle immagini esistano:
- Nella stessa posizione dove c'è la pagina che contiene questo codice, ci deve essere anche l'immagine, se l'immagine invece è dentro una cartella, allora devi inserire il percorso comprensivo di cartellle, sottocartelle....
3. Internet Explorer cancellalo direttamente:
- Ok che è un browser comunque utilizzato da molte persone, ma è anche vero che guarda caso tutti i problemi ce li ha lui.
Controlla che un codice ti funzioni con gli altri browser (FF, Chrome, Opera, Safari....), anche IE ma lascialo per ultimo come priorità.
Internet Explorer va tenuto altamente in considerazione invece, dato che è sempre uno dei maggiori browser al mondo.
Avrà miliardi di difetti, ma il lavoro del web designer è in gran parte incentrato sul rendere compatibile il proprio sito con tutti i maggiori browser, tra cui anche IExplorer.
Puoi ignorare le versioni dalla 7 in giù, dato che sono estremamente datate, ma dalla 8 in su sei obbligato ad offrire un supporto pienamente compatibile.
Avrà miliardi di difetti, ma il lavoro del web designer è in gran parte incentrato sul rendere compatibile il proprio sito con tutti i maggiori browser, tra cui anche IExplorer.
Puoi ignorare le versioni dalla 7 in giù, dato che sono estremamente datate, ma dalla 8 in su sei obbligato ad offrire un supporto pienamente compatibile.
Beh, essendo la considerabilità di questo browser comunque un fatto di punti di vista, penso di poter dire che la maggiorparte dell'utenza che lo utilizza è l'utenza di uffici delle aziende (che comunque essendo a lavoro, dubito che debbano andare su siti di vestiti), questo perchè nella mia esperienza ho notato molto che a differenza di quello che molti dicono, all'utenza casalinga piace avere i browser aggiornati, e anche se magari non hanno l'interesse di aggiornare quelli che già hanno, scaricano quelli che non hanno in versioni quindi aggiornate, pensando che la migliore funzionalità sia data proprio dal fatto che siano programmi diversi quando in realtà non è così e basterebbe appunto aggiornare anche quelli che già hanno per avere bene o male le stesse caratteristiche.
Per quanto riguarda la compatibilità sono convinto che seguendo standards come XHTML 1.0 Strict, questa sia totale (o quasi, che non è poco), e che quindi un eventuale malfunzionamento su di un solo browser sia da incolpare solo ed esclusivamente a quest'ultimo.
Ho scritto "cancellalo direttamente" in modo scherzoso anche se per quello che mi riguarda lo consiglierei veramente.
Ti ringrazio per la tua idea ma non starei comunque a soffermarmi su questi particolari (per i quali non basterebbero altri tread per giungere a delle conclusioni accettabili visto che sono casi da valutare singolarmente) quando il discorso è un altro.
Ciau
Per quanto riguarda la compatibilità sono convinto che seguendo standards come XHTML 1.0 Strict, questa sia totale (o quasi, che non è poco), e che quindi un eventuale malfunzionamento su di un solo browser sia da incolpare solo ed esclusivamente a quest'ultimo.
Ho scritto "cancellalo direttamente" in modo scherzoso anche se per quello che mi riguarda lo consiglierei veramente.
Ti ringrazio per la tua idea ma non starei comunque a soffermarmi su questi particolari (per i quali non basterebbero altri tread per giungere a delle conclusioni accettabili visto che sono casi da valutare singolarmente) quando il discorso è un altro.
Ciau
