div et span en javascript: comment les manipuler?
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:
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:
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:
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