Discussion :

[antonecrea]

Bonjour,

J'ai une structure html comme ci-dessous qui est comprise dans un onglet d'un tableau avec 4 onglets.

Code html :

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

1
2
3
4
<div class="choose-div" style="width:68px;">
	<div id="div1" href="#onglet4" onclick="javascript:AFFICHE('<h4>Titre1</h4><h5>Sous-Titre1</h5><p>Paragraphe1</p><a>En savoir plus1</a>');"><img id="img1" class="icon-choose-1" src="/images/img1-active.jpg" alt="image1" width="67" height="67" /></div>
	<span>Legende image 1</span>
</div>

Mon soucis concerne la balise <a>En savoir plus1</a> qui doit donner vers une autre page avec plus d'explication sur le produit 1.
Il lui faut donc un href, que je ne peux lui implanter directement puisqu'elle est dans un onclick="" abritant une fonction javascript:AFFICHE('LeTexte') et donc si je met des "" ou '' ça va casser mon code.

J'ai donc pensé à la fonction javascript Element.setAttribute suivante :

Code :

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

1
2
var a = document.getElementById("id");
a.setAttribute("href", "le-lien-vers-la-page-produit-1.html");

Je l'ai trouvé ici : https://developer.mozilla.org/en-US/...t.setAttribute

Mais le problème, c'est que je ne peux pas mettre de id à mon a puisque toujours le problème des "" ou '', je voudrais donc réussir à le cibler d'une manière ou d'une autre !

Tout le texte de la fonction AFFICHE doit arriver dans une div "INFO-PRODUIT" qui varie en fonction du produit sélectionné.

Code :

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

1
2
3
function AFFICHE(mon_texte){
	document.getElementById('INFO-PRODUIT').innerHTML = ''+mon_texte+'';
}

En pièce jointe, un exemple du 4eme onglet du tableau en question. EN vert, les partie en traitement (Mon texte étant le div INFO-PRODUIT) !


Merci d'avance pour votre aide.