Basculer la taille de caractère avec document.getElement ?

Fermé
tatsuyad Messages postés 74 Date d'inscription mercredi 3 juin 2015 Statut Membre Dernière intervention 3 avril 2016 - 12 juil. 2015 à 08:02
nichola Messages postés 111 Date d'inscription jeudi 7 juin 2007 Statut Membre Dernière intervention 24 avril 2016 - 12 juil. 2015 à 10:06
Bonjour.

Pour ajouter à mon site web une image défilante,j'essaie de me familialiser
avec la fonction setTimeout().
Pour l'exercice,je pense à créer un site qui bascule la taille de 3 phrases(
pour être simple,elles sont "1,2,3".) toutes les cinq secondes.
la taille de phrase initiale : 10px
taille agrandie : 20px

Mais avec ce code,ci-dessous,rien ne se produit !


<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var slide_num=0;

function cara_toggle(){
var sn=slide_num;
sn =sn+1;
document.getElement("p[sn]").style.fontsize=20px;

/* restaurer la taille de caractere precedent */

/* agrandir le texte*/
switch(sn){
case 1:document.getElement("p[sn]").style.fontsize=20px;
break;
case 2:document.getElement("p[sn]").style.fontsize=20px;
break;
case 3:document.getElement("p[sn]").style.fontsize=20px;
break;
default: sn=1;
document.getElement("p[sn]").style.fontsize=20px;
break;
}

setTimeout(cara_toggle(),5000);
</script>

<style>
p { margin: 8px; font-size:16px; }
.selected { color:blue; }

</style>
</head>
<body>
<p>Paragraphe 1</p>
<p>Paragraphe 2</p>
<p>Paragraphe 3</p>
</body>
</html>
A voir également:

1 réponse

nichola Messages postés 111 Date d'inscription jeudi 7 juin 2007 Statut Membre Dernière intervention 24 avril 2016 11
12 juil. 2015 à 10:06
Salut,

En faisant:

setTimeout(cara_toggle(),5000);

Tu es en train d'appeler la méthode cara_toggle(), il faudrait plutôt faire un truc comme çà je pense:

setTimeout(cara_toggle,5000);

La méthode setTimeout attend une fonction, toi tu es en train d'executer la fonction en l'appelant : car_toggle()

Ensuite tu appel dans ta méthode car_toggle() tu appel document.getElement ... je pense qu'il faudrait plutôt faire un truc du genre document.getElementById('iddetonelement')
0