Comment recharger seulement un script au lieu de toute la page ?

[Michel B.]

J’ai mis au point un générateur de phrases sur cette page : http://users.skynet.be/courstoujours/annexes/satisfecitotron.htm
Pour commander un tirage au sort de chacune des neuf séries de formules, j’utilise l’actualisation de la page "javascript:location.reload()" : cette méthode est un pis-aller. Il faudrait actualiser seulement le code javascript. Mais je rame…
Voyez par un clic-droit le code-source de ma page, vous comprendrez.
Quelqu’un peut-il me mettre sur la voie ou me donner la solution ?

 

[UsagiYojimbo]

Il faut faire ça en ajax :

http://ajax.developpez.com/cours/
http://pausecafe.fdev-creation.com/jquery-ajax-rechargement-dune-parti ... dune-page/

 

[Ajan]

Il faut faire ça en ajax :

oui, Ajax permet de recharger une partie d'une page HTML. Mais à ma connaissance les script JS chargés de cette manière ne sont pas exécutés. Or si j'ai bien compris, c'est de cela qu'il est question.

 

[UsagiYojimbo]

Faut redévelopper tout le truc pour ce faire, en effet. Mais c'est l'affaire de 10 15 mn...

 

[zeb]

Tt la génération de phrase aléatoire est en dur dans le code javascript dont il faut la modifier pour que ce soit ré-entrant.
Il mange la balise body on dirait.

 

[Michel B.]

Tt la génération de phrase aléatoire est en dur dans le code javascript dont il faut la modifier pour que ce soit ré-entrant.
Il mange la balise body on dirait.

Ayant lu que la présence d'une "table" dispense de placer les balises "body" "/body", je les ai en effet supprimées. Si cela ne tient qu'à cela, je puis les ajouter. Mais là, n'en revient-on pas à un nouveau chargement de la page ?

 

[zeb]

Ayant lu que la présence d'une "table" dispense de placer les balises "body" "/body"

Sauf erreur c'est des conneries :wink:

En fait il faut que ta fonction ou ensemble de fonctions qui génère la phrase complète modifie le contenant de la phrase via le DOM avec un truc du genre <input type="button" onclick="document.getElementById("truc").innerHTML = ta_fonction();"

 

[Michel B.]

En fait il faut que ta fonction ou ensemble de fonctions qui génère la phrase complète modifie le contenant de la phrase via le DOM avec un truc du genre <input type="button" onclick="document.getElementById("truc").innerHTML = ta_fonction();"

J'avais pensé à une formule de ce genre. Mais sans savoir quelle syntaxe adopter.
Deux points sont à éclaircir, Zeb : "truc" et "ta_fonction()".

 

[zeb]

truc c'est l'id du contenant par exemple :
<div id="truc">... ta phrase aléatoire ...</div>

ta_fonction() c'est le point d'entré javascript qui permet de composer ta phrase aléatoire.

en gros ce qui permet de composer ta phrase doit se trouver dans un truc du genre :
ta_fonction(){
... ton code ...
}
cette fonction peut en appeler d'autre mais il te faut un point d'entré unique.

 

[baud74]

et qu'elle est bien un :

return contenuhtmldudiv;

à la fin

 

[Michel B.]

Je remercie les intervenants pour leur réponse.
Je pense cependant avoir contourné le problème en ajoutant sur ma page http://users.skynet.be/courstoujours/annexes/satisfecitotron.htm
deux cadres au premier, laissant le script démontrer le caractère casuel de l’affichage.

 

[zeb]

Je pense cependant avoir contourné le problème en ...

Oui mais bon c'est pas satisfaisant d'un point de vu technique ou intellectuel et c'est une "fuite du problème"

voici ton code grandement simplifié qui correspond pleinement a ton problème de concaténation d'une suite de variables aléatoires. Tu te prend beaucoup la tête avec ton code :wink:

<span class="syntaxhtml"><span class="syntaxdefault"></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">html</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">  </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">head</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">title</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">title</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">meta content</span><span class="syntaxkeyword">=</span><span class="syntaxstring">""</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">  </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">head</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">  </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">body onload</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"tf();"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"truc"</span><span class="syntaxdefault"> style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"border:1px solid red;"</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">script type</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"text/javascript"</span><span class="syntaxkeyword">><br /><br /></span><span class="syntaxdefault">    var msg1 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg2 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg3 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg4 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg5 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg6 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg7 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg8 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    var msg9 </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> new Array</span><span class="syntaxkeyword">();<br /><br /></span><span class="syntaxdefault">    msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"Des d\u00e9cennies durant,"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"Depuis de nombreuses ann\u00e9es,"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"Au jour le jour,"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"\u00C0 tout moment,"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"Quoi qu\u2019il arriv\u00E2t,"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"Tout au long de sa carri\u00E8re,"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"cet enseignant hors du commun"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ce distingu\u00e9 professeur"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ce ma\u00eetre chevronn\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ce serviteur d\u00e9vou\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"cet esprit \u00e9clair\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ce formateur n\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ce soldat du savoir"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ce brillant \u00e9l\u00e9ment"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a d\u00e9velopp\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a produit"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a propos\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a construit"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a cr\u00e9\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a con\u00E7u"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"a \u00e9labor\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"\u00e0 la satisfaction g\u00e9n\u00e9rale"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"avec comp\u00e9tence"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"avec minutie"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"all\u00E8grement"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"avec talent"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"avec enthousiasme"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"des documents de grande qualit\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"des le\u00E7ons irr\u00e9prochables"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"une p\u00e9dagogie d\u2019exception"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"des exercices g\u00e9niaux"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"des pages remarquables"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"des modules interactifs des plus int\u00e9ressants"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg6</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"en d\u00e9pit de"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg6</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"malgr\u00e9"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg6</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"nonobstant"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg7</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"toutes les"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg7</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"la multitude de"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg8</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"querelles"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg8</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"cabales"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg8</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"calomnies"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg8</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"vexations"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg8</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"duperies"</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"qu\u2019il a d\u00fb affronter."</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"dont il se serait bien pass\u00e9."</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"men\u00e9es contre lui."</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"dont il fut l\u2019objet."</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"sem\u00e9es sous ses pas."</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">push</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"ourdies contre lui."</span><span class="syntaxkeyword">);<br /><br /><br /></span><span class="syntaxdefault">    function AffMsg1</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg1</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg1</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg2</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg2</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg2</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg3</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg3</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg3</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg4</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg4</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg4</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg5</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg5</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg5</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg6</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg6</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg6</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg7</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg7</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg7</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg8</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg8</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg8</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /></span><span class="syntaxdefault">    function AffMsg9</span><span class="syntaxkeyword">(){</span><span class="syntaxdefault">return msg9</span><span class="syntaxkeyword">[</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">round</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">Math</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">random</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)*(</span><span class="syntaxdefault">msg9</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">length</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1</span><span class="syntaxkeyword">))]}<br /><br /></span><span class="syntaxdefault">    function tf</span><span class="syntaxkeyword">(){<br /></span><span class="syntaxdefault">      document</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">getElementById</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"truc"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">innerHTML</span><span class="syntaxkeyword">=</span><span class="syntaxdefault">AffMsg1</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg2</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg3</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg4</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg5</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg6</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg7</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg8</span><span class="syntaxkeyword">()+</span><span class="syntaxstring">' '</span><span class="syntaxkeyword">+</span><span class="syntaxdefault">AffMsg9</span><span class="syntaxkeyword">();<br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword">}<br /></span><span class="syntaxdefault">    </script><br /></span><br />    <input type="button" onclick="tf();" value="go" /><br /><br />  </body><br /></html></span>

ce code comprend une fonction (tf) qui se charge de changer le contenu de la page (div truc) en concaténant la sortie de fonctions destinées a choisir aléatoirement un élément de leur tableaux respectifs (qui peuvent donc être de taille quelconque). ces fonctions sont précédées de l'initialisation des différentes variables utilisées, notamment des tableaux d'expressions possibles.

une première expression est générée sur le onload du body afin d'&avoir un affichage dès la première consultation, l'appui sur le bouton provoque le renouvellement des expressions pour composer une autre phrase.

 

[Michel B.]

voici ton code grandement simplifié qui correspond pleinement a ton problème de concaténation d'une suite de variables aléatoires.

C'est un superbe travail que vous avez fait là et je vous en suis très reconnaissant.
Je mentionne sur ma page votre aide diligente et fais un lien vers le forum Webrankinfo. Grâce à vous, ce générateur de phrases est abouti.
Merci encore.

 

[spout]

Voici une version encore plus simplifiée, plus DRY, plus facile à maintenir, etc:
http://jsfiddle.net/oL762nat/

 

[zeb]

Voici une version encore plus simplifiée, ...

+1 l'axe spinn est plus adapté encore à une construction de ce style, même si c'est très loin de l'original proposé.

 

[Michel B.]

Voici une version encore plus simplifiée

Je vous remercie également, Spout, pour le développement de cette application. Comme vous le voyez sur mon site, j'ai intégré le code conçu par Zeb.
En effet, le code que vous proposez est encore réduit mais ne semble pas s'intégrer à une page html.
Ma page renvoie également à votre travail.

 

[Michel B.]

J’ai mis au point un générateur de phrases sur cette page : http://users.skynet.be/courstoujours/annexes/satisfecitotron.htm

Mon site a entretemps changé d'hébergeur. Voici l'adresse actuelle de cette page :
https://courstoujours.go.yj.fr/annexes/popup/satisfecitotron.htm

 

[Michel B.]

Depuis juillet 2021, mon site dispose d’un domaine propre : https://courstoujours.be/annexes/popup/satisfecitotron.htm.

 

[Michel B.]

Bonjour,
Depuis mars 2022, une réaffectation des dossiers a déplacé la page :
https://courstoujours.be/annexes/cahier/satisfecitotron.htm.

 

[Michel B.]

Bonjour,
Le lien a changé, vous le trouverez ici : https://courstoujours.be/cahier/satisfecitotron.htm
Bonne visite !