mettre un lien dans un div en javascript

Version imprimable

16/10/2007, 16h52
calitom

mettre un lien dans un div en javascript
Bonjour,

Voici ma fonction:
Code:

1 2 3 4 5 function make_lien(type,destination,texte_lien) { var nouveau_texte='<a href="'+type+destination+'">'+texte_lien+'</a>'; document.getElementById('mondiv').innerHTML=nouveau_texte; }
Comment faire pour que le contenu de mon div soit le lien, et non la chaine de caractere: "<a href='destlien'>textedulien</a>"
16/10/2007, 16h58
denisC

Citation:

Envoyé par calitom

Comment faire pour que le contenu de mon div soit le lien, et non la chaine de caractere: "<a href='destlien'>textedulien</a>"

:aie: Normalement, ça marche ta fonction. Tu as essayé? Tu as un exemple de page ou ça ne marche pas?

A tester :

Code:

1
2
3
4
5
6
7
8
function make_lien(type,destination,texte_lien,conteneur){
	var insert = document.getElementById(conteneur);
	var mylink = document.createElement('a');
	mylink.setAttribute('href', type+destination);
	var txt=document.createTextNode(texte_lien);
	mylink.appendChild(txt);
	insert.appendChild(mylink);
}

Code:

1
2
3
4
5
6
7
function make_lien(type,destination,texte_lien,div_conteneur)
{
	var nouveau_lien=document.createElement('a');
        nouveau_lien.href=type+texte_lien;
        nouveau_lien.innerHTML=texte_lien;
        document.getElementDyid(div_conteneur).appendChild(nouveau_lien);
}

16/10/2007, 17h06
SpaceFrog

les grands esprits ... :mouarf:
16/10/2007, 17h08
denisC

Citation:

Envoyé par SpaceFrog

les grands esprits ... :mouarf:

Au moins, d-Rek, lui, il est pas flemmard, et il créé correctement un noeud texte en dessous de son lien, au lieu de chercher à s'economiser avec un innerHTML.... :aie:

En fait, je souahite plus précisement remplacer le texte selectionné par le lien:
Code:

1 2 3 4 5 6 7 8 9 10 function make_lien(type,destination,texte_lien) { var mylink = document.createElement('a'); mylink.setAttribute('href', type+destination); var txt=document.createTextNode(texte_lien); mylink.appendChild(txt); document.selection.createRange().text.appendChild(mylink); }
En gros, je veux remplacer document.selection.createRange().text par mon lien...

Comment faire?

16/10/2007, 17h30
SpaceFrog

ben là il y a déja eu des thread sur le sujet ...
il faudra passer par un replace ...
16/10/2007, 17h35
calitom

c'est à dire?
Tu peux etre plus précis...

Je viens de faire ca:
Code:

1 2 3 4 5 6 7 8 9 function make_lien(type,destination,texte_lien,conteneur){ var insert = document.getElementById(conteneur); var mylink = document.createElement('a'); mylink.setAttribute('href', type+destination); var txt=document.createTextNode(texte_lien); mylink.appendChild(txt); insert.appendChild(mylink); }
Le lien apparait bien comme je souhaite, mais il se concatene à la fin de mon div, et je voudrais qu'il remplace le texte selectionné...

Comment faire?

16/10/2007, 18h09
d-Rek

Si tu as pas envie de te faire des noeuds au cerveau.. (en fait c'est plutôt moi)
Prends le code de Kermit oups.. SpaceFrog :lol:
16/10/2007, 18h34
calitom

C'est pas l'histooire des noeuds quime pose probleme...
En fait, à la place d'un insert.appendChild(mylink); qui mais le lien à la fin de mon div, il faudrait que je remplace le texte selectionné dans mon div par le lien.
Et le le texte selectionné dans mon div correspond à : document.selection.createRange().text

C'est pour ca qu'il faut que je trouve unmoyen de remplacer document.selection.createRange().text par le lien...

Je ne sais pas si c'est clair ce que je dis!:lol:

J'ai trouvé une solution, mais je pense qu'il y a moyen de faire plus propre...
Donnez moi votre avis svp:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function make_lien(type,destination,texte_lien,iddiv)
{
	var insert = document.getElementById(iddiv);
	var nouveau_texte='<a href="'+type+destination+'">'+texte_lien+'</a>';
 
	document.selection.createRange().text='k,k,k,k,k,k';
	var ancien_div=insert.innerHTML;
	var nouveau_div=ancien_div.replace('k,k,k,k,k,k',nouveau_texte);
	insert.innerHTML=nouveau_div;
 
}