Anteprima modulo asp in javascript

**funambolo** · 29-05-2006, 12:43

Ciao, ho questo script per visualizzare un'anteprima di un modulo asp da far compilare all'utente.. perfetto funziona su Opera, Firefox Netscape, ma non su Explorer.. Qualcuno mi sa spiegare perchè??

e poi un'altra cosa.. nel modulo l'utente ha la possibilità (obbligo) di caricare una foto che poi mi verrà inviata.. come faccio a far vedere la foto nell'anteprima? come la richiamo?
Grazie a chiunque mi darà una mano..

**fcaldera** · 29-05-2006, 13:12

prova a togliere lo spazio dal titolo della finestra... tra anteprima e annuncio

per il secondo punto con document.write ti basta scrivere il tag img dentro la popup e valorizzarla con l'attributo src che hai nella immagine della pagina madre, tipo

codice:

finestraAnteprima.document.write("[img]"+ document.modulo.immagine.src +"[/img]);

Ciao

**funambolo** · 29-05-2006, 14:01

grazie!

ora mi apre la popup anche su explorer e carica tutti i dati, però l'immagine non me la fa vedere su nessun browser..

mi mostra solo l'icona dell'immagine, ma non la carica..

suggerimenti?

**fcaldera** · 29-05-2006, 14:37

posta l'html che riceve la popup... (visualizza sorgente dalla popup)

**funambolo** · 29-05-2006, 15:09

<html>
<head>
<meta name="robots" content="ALL">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="IO">
<meta name="description" content="annunci">
<script language="JavaScript">
function controllo(){
with(document.modulo) {
if(nome.value=="") {
alert("Attenzione: compilare il campo NOME");
nome.focus();
return false;
}
if(cognome.value=="") {
alert("Attenzione: compilare il campo COGNOME");
cognome.focus();
return false;
}
if(indirizzo.value=="") {
alert("Attenzione: compilare il campo INDIRIZZO");
indirizzo.focus();
return false;
}
if(citta.value=="") {
alert("Attenzione: compilare il campo CITTA'");
citta.focus();
return false;
}
if(cap.value=="") {
alert("Attenzione: compilare il campo CAP");
cap.focus();
return false;
}
if(stato.value=="") {
alert("Attenzione: compilare il campo STATO");
stato.focus();
return false;
}
if(tel.value=="") {
alert("Attenzione: compilare il campo TELEFONO");
tel.focus();
return false;
}
if(email.value=="") {
alert("Attenzione: compilare il campo E-MAIL");
email.focus();
return false;
}
if(marca.value=="") {
alert("Attenzione: compilare il campo MARCA");
marca.focus();
return false;
}
if(prezzo.value=="") {
alert("Attenzione: compilare il campo PREZZO");
prezzo.focus();
return false;
}
if(descrizione.value=="") {
alert("Attenzione: compilare il campo DESCRIZIONE");
descrizione.focus();
return false;
}
if(fotot.value=="") {
alert("Attenzione: non è stata caricata nessuna FOTO");
foto.focus();
return false;
}
}
alert("Controllo effettuato con successo. Il modulo sarà inviato.");
return true;
}
</script>
<script type="text/javascript">

</script>
<link rel="stylesheet" href="../css/scrollbar.css" type="text/css">
<base target="_self">
<script language="JavaScript">


function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script type="text/javascript" language="JavaScript">

</script>
<script type="text/javascript">

function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}

</script>

<title>Annunci</title>

</head>

<BODY BGCOLOR="#FFFFFF" link="#FF6600" topmargin="0" leftmargin="0" text="#000000">
<p align="center">[img]../immagini/mercato.gif[/img]</p>
<div align="center">
<FORM NAME="modulo" METHOD="Post" enctype="multipart/form-data" ACTION="Upload_LimitSizeAndImages1.asp" onSubmit="return controllo();" >
<table width="460">
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Nome:</font></td>
<td><input name="nome" type="text" id="nome" size="30"> </td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Cognome:</font></td>
<td><input name="cognome" type="text" id="cognome" size="30"></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Indirizzo:</font></td>
<td><input name="indirizzo" type="text" id="indirizzo" size="30"></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Città:</font></td>
<td><input name="citta" type="text" id="citta" size="30"></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
CAP:</font></td>
<td><input name="cap" type="text" id="cap" size="30"></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Stato:</font></td>
<td><input name="stato" type="text" id="stato" size="30"></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Telefono:</font></td>
<td><input name="tel" type="text" id="tel" size="30"> </td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
E-mail:</font></td>
<td><input name="email" type="text" id="email" size="30"> </td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Marca modello:</font></td>
<td><input name="marca" type="text" id="marca" size="30"> </td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Prezzo:</font></td>
<td><input name="prezzo" type="text" id="prezzo" size="30"> </td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Descrizione:</font></td>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Il numero massimo di caratteri consentito è 70.</font>

<textarea name="descrizione" cols="30" rows="5" wrap="VIRTUAL" onkeyup="return ismaxlength(this)" maxlength="70" style="overflow-x:hidden;"></textarea>
</td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Cerco/Vendo:</font></td>
<td><div align="center">
<select name="offerta">
<option selected>Cerco</option>
<option>Vendo</option>
</select>
</div></td>
</tr>
<tr>
<td colspan="2"><div align="center">

<font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
<font color="#FF0000" size="3">IMPORTANTE!</font>

Le foto devono essere in formato <font size="3">jpg</font>
e possono avere una dimensione massima di <font size="3">550x500</font>
(altezza x larghezza). Grazie.</font></p>
</div></td>
</tr>
<tr>
<td>
<font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
Foto:</font></td>
<td><INPUT TYPE="file" NAME="Campo1"></td>
</tr>
<tr>
<td colspan="2" align="center">

<INPUT NAME="Enter" TYPE="submit" value="Invia">
<INPUT TYPE="button" value="Anteprima" onClick="Anteprima();">
<INPUT type="reset" name="reset" value="Cancella">
</td>
</tr>
</table>
</FORM>
[img]../immagini/base.gif[/img]</div>
</body>
</html>

**fcaldera** · 29-05-2006, 15:16

non te la carica perchè non stai leggendo da un campo immagine come credevo che tu volessi fare ma da un campo di tipo file...

cambia la riga in

codice:

finestraAnteprima.document.write("[img]"+ document.modulo.Campo1.value +"[/img] );

però probabilmente non funzionerà con Opera

**funambolo** · 30-05-2006, 12:46

funziona solo su explorer...

**fcaldera** · 30-05-2006, 14:35

anche se la modifichi un pò non sarà mai perfettamente crossbrowser...

**funambolo** · 31-05-2006, 14:41

finestraAnteprima.document.write("[img]"+ document.modulo.Campo1.value +"[/img] );

e per un campo select?? che devo mettere? Ho provato con ..

finestraAnteprima.document.write("
Offerta: " + document.modulo.offerta.option);

ma poi mi scrive UNDIFINED...

CIAO.. grazie comunque mi hai aiutato tantissimo!!

**br1** · 31-05-2006, 14:52

document.modulo.offerta.options[document.modulo.offerta.selectedIndex].value

ciao

Discussione: Anteprima modulo asp in javascript

Strumenti discussione

Ricerca discussione

Visualizza

Anteprima modulo asp in javascript

Permessi di invio