Du javascript dans du javascript

Bonjour

Je suis novice. Ce code fonctionne-t-il ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type="text/javascript"> var random_number = Math.random(); if (random_number < .5){ <!-- <a href="http://tracking.publicidees.com/clic.php?partid=CCCC&progid=CCCC&promoid=CCCC" target="_blank"><img src="http://tracking.publicidees.com/banner.php?partid=CCCC&progid=CCCC&promoid=CCCC" border="0"></a> <script type="text/javascript" src="http://tracking.publicidees.com/showbanner.php?partid=CCCC&progid=CCCC&promoid=CCCC"></script> //--> } else { <!-- <a href="http://tracking.publicidees.com/clic.php?partid=25352&progid=XXXX&promoid=XXXX" target="_blank"><img src="http://tracking.publicidees.com/banner.php?partid=25352&progid=XXXX&promoid=XXXX" border="0"></a> <script type="text/javascript" src="http://tracking.publicidees.com/showbanner.php?partid=XXX&progid=XXXX&promoid=XXXX"></script> //--> } </script>

---

Merci

Bonjour,

Citation:

---

Ce code fonctionne-t-il ?

---

j'e n'en sais rien et toi qu'en penses tu, as tu au moins essay�? :aie:

Juste pour info, quand m�me, reprend les bases sur les commentaires en javascript et la structuration d'un fichier HTML.

Citation:

---

Envoy� par kvf300

Ligne 4 :

Code:

---

<!--

---

---

En JavaScript �a se lit : inf�rieur �, n�gation de, d�cr�mentation.

:mouarf:

Si ce que tu cherches � faire est de charger un fichier Javascript en Javascript, alors �a s'appelle un script loader. Ce genre d'outils fait simplement une requ�te AJAX et injecte dynamiquement le r�sultat. Tu peux de la m�me fa�on charger dynamiquement une autre page HTML ou une autre feuille de style CSS.

Oui pardon je me suis tromp� voici le code corrig�:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script type="text/javascript"> var random_number = Math.random(); if (random_number < .5){ <a href="http://tracking.publicidees.com/clic.php?partid=CCCC&progid=CCCC&promoid=CCCC" target="_blank"><img src="http://tracking.publicidees.com/banner.php?partid=CCCC&progid=CCCC&promoid=CCCC" border="0"></a> <script type="text/javascript" src="http://tracking.publicidees.com/showbanner.php?partid=CCCC&progid=CCCC&promoid=CCCC"></script> } else { <a href="http://tracking.publicidees.com/clic.php?partid=25352&progid=XXXX&promoid=XXXX" target="_blank"><img src="http://tracking.publicidees.com/banner.php?partid=25352&progid=XXXX&promoid=XXXX" border="0"></a> <script type="text/javascript" src="http://tracking.publicidees.com/showbanner.php?partid=XXX&progid=XXXX&promoid=XXXX"></script> } </script>

---

Celui ci est-t-il bon ?

Merci

Il y a toujours un m�lange de code HTML dans du code javascript, cela va avoir du mal � fonctionner.

Merci. Alors comment faire pour afficher une fois sur deux l'une ou l'autre de ces 2 banni�res ?

Merci

Il te suffit de charger dynamiquement le script en incorporant les bonnes valeurs des variables.

Ca m'ennuie de dire �a, parce que je pr�pare justement un article sur les bienfaits du templating cot� client, mais peut-�tre que tu aurais moins de mis�res � faire �a c�t� serveur, en PHP par exemple.

N'y connaissant rien au javascript pourriez vous me donner le code pour afficher <a href=""Lien vers mon site A" >Site A</a> une fois sur deux et <a href=""Lien vers mon site B" >Site B</a> l'autre fois sur deux.

Merci � vous

Re kfv300,

pour r�pondre � ta derni�re question, voici un code pr�t-�-l'emploi que je vais tenter d'expliquer :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

var receveur = document.getElementById("conteneur-pub"); // je récupère l'élément dans lequel je vais insérer le lien   // je prépare le lien var lien = document.createElement("a"); lien.target = "_blank";   // ça, tu connais ;) var random_number = Math.random(); if (random_number < 0.5) { lien.href = "URL_du_site_A"; lien.textContent = "site A"; } else { lien.href = "URL_du_site_B"; lien.textContent = "site B"; }   // enfin, j'insère le lien receveur.appendChild(lien);

---

Comme tu le vois il faut que tu saches � l'avance � quel endroit dans ta page tu veux ins�rer ton lien. Avec les scripts de publicit�, ce n'est pas forc�ment le cas ; je reviendrai l�-dessus.


Pour cet exemple j'ai utilis� des m�thodes du DOM : createElement et appendChild. Ce n'est pas le plus facile pour un d�butant, mais elles sont int�ressantes � conna�tre car elles font pr�cis�ment ce qu'on leur demande. Une autre solution est d'utiliser innerHTML qui permet de taper directement du code HTML :

Code:

---

receveur.innerHTML = "<a href='URL_du_site_A'>site A</a>";

---

C'est l�g�rement mois efficace car le moteur JavaScript va devoir faire appel � l'analyseur HTML pour ensuite utiliser � sous le capot � les m�thodes DOM. Et personnellement, je trouve qu'un script utilisant innerHTML est plus difficile � maintenir.


Pour ins�rer le lien comme je l'ai d�j� dit, c'est mieux de conna�tre l'�l�ment qui va le recevoir. Dans mon exemple j'ai suppos� qu'il existait dans la page une <div id="conteneur-pub"></div>. Si tu proposes ton code publicitaire � des d�veloppeurs tiers, tu peux leur imposer d'avoir tel ou tel �l�ment avec tel ou tel id dans leur page, mais ils trouveront �a contraignant.
Il y a toujours la vieille solution d'utiliser document.write(), mais elle est d�conseill�e.
Le mieux est de d�tecter l'emplacement gr�ce �� la balise script qui inclut justement ton script.

Code:

---

1 2 3 4 5

var script = document.currentScript; var receveur = script.parentNode;   // ensuite, on connaît la chanson receveur.appendChild(lien);

---

Pour faire plus court :

Code:

---

document.currentScript.parentNode.appendChild(lien);

---

Il reste un dernier probl�me : les scripts que tu cherches � ins�rer. Ils ne sont pas ex�cut�s quand on les ins�re dynamiquement. Comme l'a dit Sylvain, il va falloir que tu fasses du script loading. Je te renvoie � son post� ;)