Discussion :

[finalfx]

Bonjour, j'ai recu un exercice me demandant à l'aide de Javascript d'écrire 5 fois consécutivement le paragraphe suivant "Bienvenue !".

J'ai donc commencé à écrire une boucle

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var paragraphe="Bienvenue !";
 
for (i=1;i<5;i++)
{
document.write("<p>" + paragraphe + "</p>");
}

Cela écrit effectivement 5 fois le texte Bienvenue ! mais comment faire pour que celui ci soit de plus en plus grand à chaque tour de boucle ??

Merci d'avance !!!

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var paragraphe="Bienvenue !";
 
for (i=1;i<5;i++)
{
document.write("<p style='font-size:1"+i+"px;'>" + paragraphe + "</p>");
}

par exemple ....


ou encore en lançant une finction dasn le onload di body ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
var parag
for (i=1;i<5;i++)
{
var parag=document.createElement('p')
p.style.fontSize=10 +i
document.body.appendChild(parag)
}

[finalfx]

Ca marche pas

Y a pas un conflit avec les guillemets ?
et dans la deuxième solution où dois je assigner la variable parag avec la valeur "Bienvenue !"??

[Bisûnûrs]

Y a pas un conflit avec les guillemets ?

Bien vu l'aveugle.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var paragraphe='Bienvenue !';
 
for (i=1;i<5;i++)
{
document.write('<p style="font-size:1'+i+'px;">' + paragraphe + '</p>');
}

Edit :

Ah ah ah !

Le nouveau petit script pour la balise CODE met automatiquement des simples quotes à la place des guillemets.

Donc ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.write('<p style="font-size:1'+i+'px;">' + paragraphe + '</p>');

à remplacer par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.write('<p style=\'font-size:1'+i+'px;\'>' + paragraphe + '</p>');

Edit 2 :

Bug apparemment corrigé.

[SpaceFrog]

??? je n'ai aucun souci de guillement le premier code donné testé sous IE et Firefox donne bien les résultats escomptés ... tu as du te planter dans le copier coller ...


pour le second code il y a en effet deux souci ...
p n'est pas une varaible ...
et il manque le texte ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script type='text/javascript'>
for (i=1;i<5;i++)
{
var parag=document.createElement('p')
parag.appendChild(document.createTextNode('Bienvenue !'))
parag.style.fontSize=10 +i
document.body.appendChild(parag)
}  
</script>

[Bisûnûrs]

??? je n'ai aucun souci de guillement le premier code donné testé sous IE et Firefox donne bien les résultats escomptés ... tu as du te planter dans le copier coller ...

Le problème est que lorsque l'affichage coloré de la balise CODE a été mis en place, les guillemets se transformaient automatiquement en quote.
Donc ton code à ce moment là ressemblait à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var paragraphe='Bienvenue !';
 
for (i=1;i<5;i++){
   document.write('<p style='font-size:1'+i+'px;'>' + paragraphe + '</p>');
}

Au lieu de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var paragraphe="Bienvenue !";
 
for (i=1;i<5;i++){
   document.write("<p style='font-size:1"+i+"px;'>" + paragraphe + "</p>");
}

Bug qui a été corrigé par la suite, donc le copié/collé qu'a fait finalfx de ton code ne pouvait que générer une erreur.

[SpaceFrog]

arf si la coloration syntaxique s'en mèle ...