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.

[NoSmoking]

Bonjour,
pas sûr que tu attaques le problème du bon coté, habituellement on affiche/masque des DIVs lors du click sur un onglet ce qui évite d'avoir à écrire via un innerHTML, pas toujours très propre, et permet au contenu d'appartenir réellement à la page.

Si non il n'y aucune raison que tu n'y arrives pas en échappant proprement les simples et doubles quotes.