IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

mettre un lien dans un div en javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �prouv�
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    D�tails du profil
    Informations personnelles :
    �ge : 41
    Localisation : France, Dr�me (Rh�ne Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par d�faut mettre un lien dans un div en javascript
    Bonjour,

    Voici ma fonction:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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>"

  2. #2
    Expert confirm�

    Avatar de denisC
    Profil pro
    D�veloppeur Java
    Inscrit en
    F�vrier 2005
    Messages
    4 050
    D�tails du profil
    Informations personnelles :
    �ge : 45
    Localisation : Canada

    Informations professionnelles :
    Activit� : D�veloppeur Java
    Secteur : Service public

    Informations forums :
    Inscription : F�vrier 2005
    Messages : 4 050
    Par d�faut
    Citation Envoy� par calitom Voir le message
    Comment faire pour que le contenu de mon div soit le lien, et non la chaine de caractere: "<a href='destlien'>textedulien</a>"
    Normalement, �a marche ta fonction. Tu as essay�? Tu as un exemple de page ou �a ne marche pas?

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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);
    }
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    les grands esprits ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Expert confirm�

    Avatar de denisC
    Profil pro
    D�veloppeur Java
    Inscrit en
    F�vrier 2005
    Messages
    4 050
    D�tails du profil
    Informations personnelles :
    �ge : 45
    Localisation : Canada

    Informations professionnelles :
    Activit� : D�veloppeur Java
    Secteur : Service public

    Informations forums :
    Inscription : F�vrier 2005
    Messages : 4 050
    Par d�faut
    Citation Envoy� par SpaceFrog Voir le message
    les grands esprits ...
    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....

  6. #6
    Membre �prouv�
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    D�tails du profil
    Informations personnelles :
    �ge : 41
    Localisation : France, Dr�me (Rh�ne Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par d�faut
    En fait, je souahite plus pr�cisement remplacer le texte selectionn� par le lien:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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?

  7. #7
    Membre chevronn� Avatar de d-Rek
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Par d�faut
    A tester :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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);
    }

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Comment afficher un lien dans un <div>
    Par essono dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 7
    Dernier message: 02/12/2006, 15h05
  2. Comment mettre un lien dans une page vers une autre partie de la m�me page?
    Par Longway dans le forum D�pannage et Assistance
    R�ponses: 4
    Dernier message: 12/10/2006, 18h58
  3. [CSS] lien dans un div avec superposition d'image
    Par avogadro dans le forum Mise en page CSS
    R�ponses: 3
    Dernier message: 26/07/2006, 10h10
  4. R�ponses: 2
    Dernier message: 29/05/2006, 16h28
  5. [Lien hypertexte]Mettre un lien dans un JTextPane
    Par Pill_S dans le forum Composants
    R�ponses: 8
    Dernier message: 23/05/2004, 19h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo