Richiamare funzione javascript da un button interno a un div

**87Fra87** · 26-11-2011, 13:58

Salve vorrei richiamare una funzione javascript quando clicco un pulsante che si trova in un form contenuto in un div come devo fare ho provato m non funziona questo è il codice:

codice:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Web Utilities Kekko</title>
	
	
	<link rel="stylesheet" type="text/css" href="homePage.css" />
	
	
	<script type="text/javascript" >
		
				
		
		function email()
		{
			var prova = "prova";
			window.alert(prova);	
			//var email = document.contenitoreGenerale.top.utenteRegistrato.email;
			
				
			
			
		}
			
		
	</script>

	<!--</head>
<body>
	<div id="contenitoreGenerale">
		<div id="top">
			[img]webUtilities.gif[/img]
					
				<form id="utenteRegistrato" method="post" action="testdb.php">
					<fieldset >
						<legend>Accesso Utenti</legend>
							
						<label>Username:</label>
						<input type="text" id="email"></input>
						

								
						<label>Password:</label>
						<input type="password"></input>
						
		
						<button value="invia" onclick="email()">Invia </button>						
						

						
					<label>Se non sei registrato clicca Qui</label>						
				</fieldset>				
			</form>						
		</div>
		<div id="barra">
			<table>
				<tr>
					<td>HOMEPAGE </td>					
					<td>REGISTRAZIONE</td>
					<td>RUBRICA  </td>
					<td>AGENDA </td>										
					<td>CALCOLATRICE </td>					
					<td>SVEGLIA  </td>					
					<td>CONTATTI </td>	
				</tr>
			</table>
		</div>
	</div>
</body>
</html>

**lucavizzi** · 26-11-2011, 15:30

codice:

function email()
		{
			var prova = "prova";
			window.alert(prova);	
			//var email = document.contenitoreGenerale.top.utenteRegistrato.email;
			return true;// dopo l'alert il form viene inviato (se imposti un "return false" il form non verrà inviato.
				
			
			
		}

**87Fra87** · 26-11-2011, 15:40

Ciao grazie per avermi risposto......comunque volevo avere alcune info dato che sono nuovo in javascript:

1 Leggevo che il form non usa più l'attributo name ma usa solo id quindi come faccio per passare i valori di due input text ad una funzione javascript e viceversa come faccio a settare due input text con una funzione?

**lucavizzi** · 26-11-2011, 16:05

Puoi fare riferimento agli elementi del modulo così:

codice:

<script language="javascript" type="text/javascript">
 
    var modulo=document.getElementById('id_del_form');

    var campo1=modulo.name_1;
    var campo2=modulo.name_2;

</script>

<form id="id_del_form">
    <input type="text" name="name_1" />
    <input type="password" name="name_2" />
</form>

Spero tu non sia daltonico....

**87Fra87** · 26-11-2011, 16:12

E se il form si trova in un div che sta in un altro div devo fare così:

var modulo=document.idDiv1.idDiv2.getElementById('id_d el_form');

oppure no?

**lucavizzi** · 26-11-2011, 16:13

dimenticavo

Originariamente inviato da lucavizzi
Puoi fare riferimento agli elementi del modulo così:

codice:

<script language="javascript" type="text/javascript">
 
    var modulo=document.getElementById('id_del_form');

    var campo1=modulo.name_1;
    var campo2=modulo.name_2;
    
    //leggo il valore del campo con name "name_2":
    var valoreCampo2=modulo.name_2.value;
    //assegno il valore "Hello World!" al campo con name "name_1":
    modulo.name_1.value="Hello World!";
</script>

<form id="id_del_form">
    <input type="text" name="name_1" />
    <input type="password" name="name_2" />
</form>

Spero tu non sia daltonico....

**lucavizzi** · 26-11-2011, 16:16

Originariamente inviato da 87Fra87
E se il form si trova in un div che sta in un altro div devo fare così:

var modulo=document.idDiv1.idDiv2.getElementById('id_d el_form');

oppure no?

No, l'attributo ID identifica univocamente l'elemento nella pagina, quindi basta fare

var modulo=document.getElementById('id_del_form');

che tradotto sarebbe:
Prendi l'elemento con id 'id_del_form' ed assegnalo alla variabile 'modulo'

**87Fra87** · 26-11-2011, 16:26

io ho fatto così ma non funziona:

codice:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Web Utilities Kekko</title>
	
	
	<link rel="stylesheet" type="text/css" href="homePage.css" />
	
	
	<script type="text/javascript" >
		
				
		
		function checkemail()
		{
			
			var mail = document.getElementById('Temail');			
			
			if(mail == 'dd')
			{
				alert(mail);
				return true;
			}else
			return false;
			
			
		}
			
		
	</script>

	<!--
	<style type="text/css">		

		@import url(homePage.css);	
							
		form {
			
			width: 20em;
			
		     }
		 
		fieldset{
		
			background-color: red;
				   
				  }	 
		 		
	</style>
		-->
</head>
<body>
	<div id="general">
		<div id="top">
			[img]webUtilities.gif[/img]
					
				<form id="utenteRegistrato" method="post" action="testdb.php" onsubmit="return checkemail()">
					<fieldset >
						<legend>Accesso Utenti</legend>
							
						<label>Email:</label>
						<input type="text" name="utemail" id="Temail"></input>
						

								
						<label>Password:</label>
						<input type="password"></input>
						
		
						<button type="submit" value="invia" onclick="checkemail()">Invia </button>						
						

						
					<label>Se non sei registrato clicca Qui</label>						
				</fieldset>				
			</form>						
		</div>
		<div id="barra">
			<table>
				<tr>
					<td>HOMEPAGE </td>					
					<td>REGISTRAZIONE</td>
					<td>RUBRICA  </td>
					<td>AGENDA </td>										
					<td>CALCOLATRICE </td>					
					<td>SVEGLIA  </td>					
					<td>CONTATTI </td>	
				</tr>
			</table>
		</div>
	</div>
</body>
</html>

**lucavizzi** · 26-11-2011, 16:50

richiama la funzione come ti ho mostrato nel primo post, tramite l'evento onsubmit del tag form.

**87Fra87** · 26-11-2011, 16:56

Stà già onsubmit m non funziona lo stesso.....

codice:

<form id="utenteRegistrato" method="post" action="testdb.php" onsubmit="return checkemail()">

Discussione: Richiamare funzione javascript da un button interno a un div

Strumenti discussione

Ricerca discussione

Visualizza

Richiamare funzione javascript da un button interno a un div

Permessi di invio