#1 Le 23/09/2008, à 15:50
- AlexandreP
[Résolu] Insérer du code JavaScript dans un document XHTML
Bonjour,
J'essaye de créer un document XHTML (1.0 Strict ou 1.1) dans lequel j'aimerais inclure du code JavaScript. Mais je n'arrive pas à faire fonctionner la chose sous Firefox. (En cours, j'ai testé sous Internet Explorer, et pourtant le tout est bien géré...)
Ce que je cherche à réaliser est simple : créer un champ texte suivi d'un bouton, et l'évènement se produit quand on clique sur le bouton. L'évènement est l'affichage d'une alerte contenant la valeur du champ texte. Simple, non ?
Si je fais un truc bien sale (c'est-à-dire que je n'indique aucun doctype à mon document XHTML), Firefox est capable d'interpréter le code et d'effectuer l'évènement :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Document de test</title>
<script type="text/javascript" language="javascript">
function affichage() {
window.alert(form1.champ1.value);
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="champ1" />
<input type="button" value="Afficher" onclick="javascript:affichage();" />
</form>
</body>
</html>Mais si je fais quelque chose de propre (ici, en XHTML 1.0 Strict ; j'ajoute mon doctype, c'est la seule et unique différence avec le code précédent), Firefox est incapable d'afficher mon alerte :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Document de test</title>
<script type="text/javascript" language="javascript">
function affichage() {
window.alert(form1.champ1.value);
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="champ1" />
<input type="button" value="Afficher" onclick="javascript:affichage();" />
</form>
</body>
</html>Est-ce que ce problème ne se produit que chez moi ?
Comment procéder pour ajouter proprement un code JavaScript dans une page XHTML ?
Dernière modification par AlexandreP (Le 25/09/2008, à 02:37)
«La capacité d'apprendre est un don; La faculté d'apprendre est un talent; La volonté d'apprendre est un choix.» -Frank Herbert
93,8% des gens sont capables d'inventer des statistiques sans fournir d'études à l'appui.
Hors ligne
#3 Le 23/09/2008, à 18:52
- enguerran
Re : [Résolu] Insérer du code JavaScript dans un document XHTML
Ça ne fonctionne pas car ton code n'est pas "XHTML 1.0 Strict" valide...
Vieille habitude de programmation html surement 
Tu peux utiliser http://validator.w3.org/#validate_by_input pour valider ton code.
Le code suivant fonctionne pour ce que tu veux faire (et est "XHTML 1.0 Strict" valide) :
<!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>
<title>Document de test</title>
<script type="text/javascript">
function affichage() {
window.alert(window.document.getElementById("champ1").value);
}
</script>
</head>
<body>
<p>
<input type="text" id="champ1" />
<input type="button" value="Afficher" onclick="javascript:affichage();" />
</p>
</body>
</html>Dernière modification par enguerran (Le 23/09/2008, à 18:53)
Ubuntu Lucid (qui fonctionne au poil ^^)
Hors ligne
#4 Le 24/09/2008, à 02:21
- AlexandreP
Re : [Résolu] Insérer du code JavaScript dans un document XHTML
Merci bien ! 
En effet, automatismes de HTML... J'essaye de faire du strict pour prendre des bonnes habitudes, mais il semble que j'aie encore des automatismes à perdre...
«La capacité d'apprendre est un don; La faculté d'apprendre est un talent; La volonté d'apprendre est un choix.» -Frank Herbert
93,8% des gens sont capables d'inventer des statistiques sans fournir d'études à l'appui.
Hors ligne
#5 Le 24/09/2008, à 09:10
- fred66100
Re : [Résolu] Insérer du code JavaScript dans un document XHTML
Bonjour AlexandreP,
Cela a-t-il répondu à ta question ?
Le savoir ne sert à rien s'il n'est pas partagé. Errare humanum est. Cordonnier, pas plus haut que la chaussure.
Hors ligne
#6 Le 25/09/2008, à 02:38
- AlexandreP
Re : [Résolu] Insérer du code JavaScript dans un document XHTML
Yep. (Pfff... ça m'apprendra à ne pas mettre le [Résolu] ! )
«La capacité d'apprendre est un don; La faculté d'apprendre est un talent; La volonté d'apprendre est un choix.» -Frank Herbert
93,8% des gens sont capables d'inventer des statistiques sans fournir d'études à l'appui.
Hors ligne