Bonjour à tous,

débutant en javascript, je patauge avec les div et span. Je sais les utiliser en HTML&CSS, mais je ne comprends rien à leur utilisation en javascript.

Voici des exemples de programmes que j'ai dans mon cours et dans lesquels il y a des div et des spans:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?xml version="1.0" encoding="iso-8859-1"?>
<!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="fr" lang="fr">
<head>
<title>Exercice 2</title>

<script type="text/javascript">
function testerFormulaire() {
	var resultat= true;
	document.getElementById('nomErreur').innerHTML="";
	document.getElementById('sErreur').innerHTML="";
	document.getElementById('mErreur').innerHTML="";

	
	var nom= document.getElementById('nom').value;
	if (nom == "") {
		document.getElementById('nomErreur').innerHTML="nom vide";
		resultat= false;
	}
	
	var est_M= document.getElementById('sexe_m').checked;
	var est_F= document.getElementById('sexe_f').checked;
	if (! est_M && ! est_F) {
		document.getElementById('sErreur').innerHTML="champ non renseigné";
		resultat= false;
	}
	var musique=document.getElementById('musiquePreferee');
	if (musique.value== "nonDefinie") {
		document.getElementById('mErreur').innerHTML="champ non renseigné";
		resultat= false;
	}
	return resultat;
}
</script>
</head>
<body>

<form action="http://www.qenherkhopeshef.org/cgi-bin/echo.pl" method="post" 
	onsubmit="return testerFormulaire();">
<p> nom <input type="text" name="nom" id="nom"/> <span id="nomErreur"></span></p>
<p> sexe <input type="radio" name="sexe" value="m" id="sexe_m"/> m
	<input type="radio" name="sexe" value="f" id="sexe_f"/> f <span id="sErreur"></span></p>
<p> <select name="musiquePreferee" id="musiquePreferee">
		<option value="nonDefinie">Choisir votre musique préférée</option>
		<option>rock</option>
		<option>jazz</option>
		<option>rap</option>
		<option>classique</option>
		<option>variétés</option>
		<option>autres</option>
	</select> <span id="mErreur"></span>
		</p>
		<p><input type="submit"/></p>
</form>

</body>
</html>
et

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?xml version="1.0" encoding="iso-8859-1"?>
<!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="fr" lang="fr">
<head>
<title>Exercice 1</title>

<script type="text/javascript" src="exo1.js"></script>

</head>
<body>

<p>Votre nom :
		<input type="text" name="nom1" id="nom1"/> 
		<button type="button" onclick="saluer1()">saluer</button></p>
		

<p>Votre nom :
		<input type="text" name="nom2" id="nom2"/> 
		<button type="button" onclick="saluer2()">saluer</button></p>
<div id="destination"></div>

</body>
</html>
et le fichier javascript qu'il utilise:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
function saluer1() {
	var entree= document.getElementById('nom1');
	alert("bonjour "+ entree.value);
}
 
 
function saluer2() {
	var nom= document.getElementById('nom2').value;
	var dest= document.getElementById('destination');
	dest.innerHTML= "bonjour "+ nom;
}
Je vous remercie par avance, car je ne trouve pas d'info sur internet sur leur utilisation.

John