Javascript e tag <DIV>

lukemon79

Nuovo Utente
15 Feb 2007
4
0
0
E' il mio primo post su questo forum!:beer: Ciao a tutti!:elvis:
Salve, sto avendo un problema con un controllo JavaScript su un campo di una form, nel quale voglio sostituire il carattere " con la scritta CIAO. Fin quando non uso il tag DIV, tutto va bene:
Codice:
<html>
	<head>
	<script type="text/javascript">
<!--
		function sostituisci(){			
			var temp=document.mia_form.testo.value;
			temp = temp.replace(/\"/g,"CIAO");
			document.mia_form.testo.value = temp;
			document.mia_form.submit();	
			alert(temp);		
		}
//-->
	</script>
	</head>
	<body>
		pippo		
		<form name="mia_form" action="p1.htm" onSubmit="sostituisci()">
			<input type="text" name="testo" />
			<input type="submit" name="invio" value="vai"/>
		</form>
	</body>
</html>

ma se aggiungo il tag DIV, e mi riferisco ad esso con getElementByID(), non funziona:
Codice:
<html>
	<head>
	<script type="text/javascript">
<!--
		function sostituisci(){			
			var temp=document.getElementById("mio_div").mia_form.testo.value;
			temp = temp.replace(/\"/g,"CIAO");
			document.getElementById("mio_div").mia_form.testo.value = temp;
			document.getElementById("mio_div").mia_form.submit();	
			alert(temp);		
		}
//-->
	</script>
	</head>
	<body>
		pippo	
		<div id="mio_div">	
			<form name="mia_form" action="p2.htm" onSubmit="sostituisci()">
				<input type="text" name="testo" />
				<input type="submit" name="invio" value="vai"/>
			</form>
		</div>
	</body>
</html>
Come mai? Dove sbaglio? Grazie in anticipo a quanti sapranno aiutarmi... Ma anche a chi ci proverà soltanto!:byebye:
Ah, dimenticavo... Pensando fosse un problema di DOM, l'ho testato su Internet Explorer 7, Opera 8 e Firefox 2... Non funziona!
 
Ultima modifica:
Ciao e benvenuto tra noi :)

Togli il getElementById e vedrai che ti funge!

Quando si tratta di puntare ad un oggetto contenuto in un form, non ha nessuna importanza dove sia contenuto il form stesso, basta puntare al campo desiderato ;)

Codice corretto:
Codice:
<html>
	<head>
	<script type="text/javascript">
<!--
		function sostituisci(){			
			var temp=document.mia_form.testo.value;
			temp = temp.replace(/\"/g,"CIAO");
			document.mia_form.testo.value = temp;
			document.mia_form.submit();	
			alert(temp);		
		}
//-->
	</script>
	</head>
	<body>
		pippo	
		<div id="mio_div">	
			<form name="mia_form" action="p2.htm" 

onSubmit="sostituisci()">
				<input type="text" name="testo" />
				<input type="submit" name="invio" value="vai"/>
			</form>
</div>
	</body>
</html>
 

Discussioni simili