NetgerDesign - Sujet du forum : Script pour faire apparaître des blocs de texte

Sujet : Script pour faire apparaître des blocs de texte

Aucun commentaire enregistré pour ce sujet.

[18/04/2008 à 16:11:02]
Script pour faire apparaître des blocs de texte
Dranyssia

Bonjour

Je cherche depuis deux jours comment faire un script pour que dans ma page html mon texte apparait par paragraphe les uns sous les autres.

Je m'explique : lorsque je clique sur le lien "Objectifs de la formation", je voudrai que le 1er objectif apparaisse, puis deux à trois seconde après le 2ème objectif, et ainsi de suite jusqu'à la fin des objectifs.

Merci d'avance à celui ou celle qui pourra m'aider.
Bon week-end

[19/04/2008 à 01:04:01]

Script pour faire apparaître des blocs de texte

UNd3r

J'ai la solutions. Mais par contre se n'est pas du HTML mais du Java.

Code-source

<DIV STYLE="width:200;height:40;border-style:solid;" ID=bloc></DIV>

<SCRIPT LANGUAGE=JavaScript>

texte = new Array;

texte[0] = "Premier objectif";

texte[1] = "Deuxième objectif";

texte[2] = "Troisième objectif";

texte[3] = "Quatrième objectif";

texte[4] = "ect...";

actual_texte = 0;



function changeMessage()

    {

    document.getElementById("bloc").innerHTML = texte[actual_texte];

    actual_texte++;

    if(actual_texte >= texte.length)

        actual_texte = 0;

    }

if(document.getElementById)

    setInterval("changeMessage()",1000)



</SCRIPT>

Voilà. Pour modifier le temps de délai entre chaque message, tu doit modifier le ligne setInterval("changeMessage()",1000) tu change la valeur 1000 par la valeur que tu veut en millisecondes.

Si tu veut plus d'informations fait le savoir ;)

[19/04/2008 à 14:56:06]
Script pour faire apparaître des blocs de texte
Netger
Je n'ai pas testé mais à première vue ce code me semble plutôt bien

Cela-dit je vais tout de même rectifier quelques détails (pour que tu ne prennes pas de mauvaises habitudes UNd3r )

Pour commencer Java n'a rien à voir avec JavaScript.
Je ne vais pas me lancer dans de grandes explications : il y a beaucoup d'info traitant de cela sur le Web.

Et ensuite il y a quelques modif à faire dans ton code pour obtenir un code xhtml valide :
- balises et attributs en minuscules
- indiquer l'unité utilisée pour "width" et "height"
- guillemets obligatoires autours des valeurs d'un attribut
- l'attribut "language" n'est pas valide avec la balise "script", il faut utiliser : type="text/javascript"

Voici donc le même code source avec ces modifications :
Code-source
```
<div style="width:200px; height:40px; border-style:solid;" id="bloc"></div>



<script type="text/javascript">

    texte = new Array;

    texte[0] = "Premier objectif";

    texte[1] = "Deuxième objectif";

    texte[2] = "Troisième objectif";

    texte[3] = "Quatrième objectif";

    texte[4] = "etc...";



    actual_texte = 0;



    function changeMessage()

    {

        document.getElementById("bloc").innerHTML = texte[actual_texte];



        actual_texte++;



        if(actual_texte >= texte.length) actual_texte = 0;

    }



    if(document.getElementById) setInterval("changeMessage()",1000);

</script>
```
[28/04/2008 à 09:28:46]
Script pour faire apparaître des blocs de texte
Dranyssia

Merci beaucoup à tous les deux, je viens de voir votre message aujourd'hui après quelques jours de repos.
Je vais donc me remettre au travail avec ces nouveaux codes.
Je vous remercie sincèrement pour vos réponses.
Bonne journée