Texte defilant validation W3C

Version imprimable

Bonjour,

J'ai un petit problème avec le code suivant qui n'est pas valide pour le W3C

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
<?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">
 
<head>
 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="css_tp.css" />
 <title>Accueil</title>
 
 
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
//<![CDATA[
 
size=30;
x = 3*size;
place = 0;
texte = 'Bienvenue';
texteDef = texte;
function defil()
	{
	texteDef = texteDef.substring(1,texteDef.length);
	while(texteDef.length < x)
		{
		texteDef += " - " + texte;
		}
	document.defil.defilbox.value = texteDef;
	tempo2 = setTimeout("defil()", 150)
	}
window.onload = defil;
//]]>
</script>
<!-- FIN DU SCRIPT -->
</head>
 
<body>
<form name="defil">
<p><input type="text" name="defilbox" size=' + size + '/></p>
 
</form>
<!-- FIN DU SCRIPT -->
 
 
</body>
</html>

En fait, si j'enlève la balise form, le texte ne bouge plus... et le name dans le form n'est pas valide... Comment puis-je y arriver?

Par avance, merci beaucoup.

06/06/2009, 21h14
Auteur

bonjour,

déjà tu as une fonction defil() qui porte le même nom que ton objet form. Ca peut causer des conflits.

Ensuite : déclare tes variables !

D'après l'outil de validation de W3C, tu as 2 erreurs :
tu ne peux pas donner l'attribut name à ta balise form et il manque l'attribut action

Citation:

Line 36, Column 12: Attribute "name" exists, but can not be used for this element.

Line 36, Column 19: required attribute "action" not specified
06/06/2009, 23h41
nod__

pour le formulaire, remplace l'attribut "name" par "id" et tu peux alors accéder au formulaire par :

Code:

var form = document.forms["idDuFormulaire"];

et tout le reste tu l'as :)

ah aussi,

Code:

setTimeout("defil()", 150)

non non et re non, faut pas passer de chaine de caractères à setTimeout et setInterval, utilise

Code:

setTimeout(defil, 150);

ça marche pareil, en mieux (et n'oublie pas les ";" non plus).
07/06/2009, 09h21
Auteur
Citation:

Envoyé par nod__

pour le formulaire, remplace l'attribut "name" par "id" et tu peux alors accéder au formulaire par :

Code:

var form = document.forms["idDuFormulaire"];

et tout le reste tu l'as :)

Correction : quand un objet est identifié par son id on utilise getElementById()
Code:

1 2 var formulaire = document.getElementById("idDuFormulaire");
ensuite il faut éviter qu'une variable porte le nom d'une balise HTML, on peut avoir des surprises ;)

Citation:

Envoyé par nod__

ah aussi,

Code:

setTimeout("defil()", 150)

non non et re non, faut pas passer de chaine de caractères à setTimeout et setInterval, utilise

Code:

setTimeout(defil, 150);

ça marche pareil, en mieux (et n'oublie pas les ";" non plus).

setTimeout et setInterval prennent des chaines de caractères en guise de paramètres, la syntaxe dans le code de Bathou est juste.

L'autre écriture que l'on peut trouver pour setTimeout et setInterval est celle-ci :
Code:

1 2 setTimeout(function(){defil()}, "150");
est dans ce cas effectivement le premier paramètre n'est pas une chaine de caractère mais une fonction anonyme.
07/06/2009, 09h50
le_chomeur

et ça ???

Code:

<input type="text" name="defilbox" size=' + size + '/>

c'est quel langage , d'affecter une variable javascript directement dans du code HTML 8O ???
07/06/2009, 10h22
SpaceFrog

Pour AUteur ;)

concernant le passage de string dasn un setInterval ou setTimeout
nod__ ne dit pas autre chose..

Code:

setTimeout(defil, 150);

defil est une fonction.

dans ta version tu rajoutes uns fonction anonyme.
Le fait de passer du string à un setInterval oblige js à une interprétation supplémentaire.

nod_ oblige par contre a rajouter des paramètres à la fonction setTimeout pour les passer à le fonction lanceé. Seul hic la syntaxe ne passe pas sosu IE

Code:

setTimeout(defil, 150, parametre)

la syntaxe d'auteur permet de passer les paramètre directement à la fonction.

Code:

setTimout(function(){defil(parametre)},150)
07/06/2009, 17h17
Bathou
merci beaucoup à tous, ça fonctionne et c'est passé au W3C
Par contre juste une autre question : Comment je fais pour modifier le style de mon texte qui défile...?? j'aurais bien utiliser un truc du genre
Code:

1 2 3 4 5 6 7 8 9 <STYLE TYPE="text/css"> <!-- INPUT { color:#CC0000; background-color:#FFCC00; font-size:10px; font-family:arial; } </style>
mais je préferais utiliser ma feuille de css... Seulement je coince un petit peu...
07/06/2009, 18h43
SpaceFrog

ben colle un id sur la zone defilante et mets ton style là dans la feuille css
07/06/2009, 18h56
Bathou

c'est ce que j'avais fait mais j'avais juste mal écrit height et bizarement ça marche beaucoup mieux.

Merci!