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 :

Javascript - Modification dynamique de lien


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 101
    Par défaut Javascript - Modification dynamique de lien
    Bonjour,

    Déjà désolé pour le titre du sujet, je le modifierai après coup, je ne sais pas quoi mettre pour l'instant.

    Donc je vous expose mon problème, voici un exemple de bout de code :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    // lien1.htm
     
    <a href="lien1.htm">LIEN1</a> - <a href="lien2.htm">LIEN2</a> - <a href="lien3.htm">LIEN3</a>       // Partie fixe
     
    <a href="lienX.htm"><img src="image1.jpg" /></a>       // Partie "dynamique"
     
     
     
    // lien2.htm
     
    <a href="lien1.htm">LIEN1</a> - <a href="lien2.htm">LIEN2</a> - <a href="lien3.htm">LIEN3</a>       // Partie fixe
     
    <a href="lienY.htm"><img src="image2.jpg" /></a>       // Partie "dynamique"
     
     
     
    // lien3.htm
     
    <a href="lien1.htm">LIEN1</a> - <a href="lien2.htm">LIEN2</a> - <a href="lien3.htm">LIEN3</a>       // Partie fixe
     
    <a href="lienZ.htm"><img src="image3.jpg" /></a>       // Partie "dynamique"
    Donc je suis par défaut sur la page lien1.htm, où j'ai 3 liens et une image. Sur cette image un lien externe. Quand que je clique sur LIEN2, j'arrive sur lien2.htm avec une autre image et un autre lien dessus. Idem pour LIEN3.

    J'ai pris l'exemple sur 3 liens, mais dans mon cas concret j'en ai une vingtaine, vous avez surement saisi le problème, cette méthode forçaient à utiliser 20 pages différentes du coup (super pour les modifs...).

    Je précise au passage que je reprend ce projet, je ne suis pas à l'origine du code

    Donc dans mon cas, j'ai pensé à utiliser du javascript (seul possibilité que j'ai vu les limites de la plateforme utilisée), mais je ne connais que très peu ce langage.
    J'ai trouvé le moyen de modifier dynamiquement l'image suivant le lien sur lequel je clique, mais je voudrais savoir si je pouvais également modifier le lien qui es sur l'image ?

    J'espère avoir été assez précis dans mon explication, n'hésitez pas si vous avez des questions

    Merci d'avance

  2. #2
    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
    <a href="truc.htm" id="lien_1">cliquez ici</a>
    et pour le javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('lien_1').href='autrepage.htm';
    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 !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    63
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 63
    Par défaut
    Bonjour ,

    Si j'ai bien compris , pour modifier la cible du lien ?
    Si oui :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('id_du_lien').href="lanouvellecible.htm";
    Tu n'es pas obligé d'utiliser getElementById , il y a d'autres solutions

  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
    oui tu peux passer par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    document.links[i]
    document.getElementsByTagName('a')
    ou vu que tu mets déja la main sur les balises images
    entre autres
    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
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 101
    Par défaut
    Merci bien pour ces réponses très rapides
    Je test ça après le café et je vous tiens au courant.

  6. #6
    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
    oki et après Da gouket dustu !
    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 !

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 101
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    oki et après Da gouket dustu !



    Bon, j'ai tenté une adaptation bourrin je crois
    http://www.gregorythepault.fr/docume...cript/test.htm
    Vu que ma gestion d'image marchait bien, je me suis dis que je devais pouvoir adapter ça aux url mais j'ai dû me planter quelque part.

  8. #8
    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
    pas logique ton truc:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a onclick="change_image(this,'img/1.jpg');change_lien(this,'http://www.willowcrea.com');"><img src="img/1focus.jpg" border="0" /></a>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type='text/javascript'>
    <!--
    function change_image(source){
    	var bt1=new Image();
    	bt1.src= source;
    	document.images.grand.src = bt1.src ;
    }
    function change_lien(obj,source2){
    	obj.href = bt2.href ;
    }
    //-->
    </script>
    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 !

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 101
    Par défaut
    Bon j'avais fais une belle merde je crois.

    Là ça a l'air de marcher. Sur les 2 premières images, ma méthode bourrin qui passe pas, sur les 2 dernières images, la méthode que vous m'avez donné qui marche à merveille

    Juste comme ça, dans ma méthode, à quel endroit j'ai merdé ?


    Edit : posté en même temps.

    Bon ben je crois que c'est bon là !

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 101
    Par défaut
    Ah ba non, ça marche plus maintenant

  11. #11
    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
    oups :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function change_lien(obj,source2){
    	obj.href = source2 ;
    }
    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 !

  12. #12
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 101
    Par défaut
    Okay je commence à piger un peu mieux le truc. Merci bien


  13. #13
    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
    Un dernier détail :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a onclick="change_image(this,'img/1.jpg');change_lien(this,'http://www.willowcrea.com');return false"><img src="img/1focus.jpg" border="0" /></a>
    rajoute un return false après les focntion du onclick d'une balise a ...
    ça lui évitera de se perdre après dans son href ...
    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 !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Toogle et modification dynamique de lien innerHTML
    Par puta2000 dans le forum jQuery
    Réponses: 6
    Dernier message: 05/09/2013, 16h11
  2. Modification d'un lien dynamiquement
    Par Hotfirenet dans le forum jQuery
    Réponses: 2
    Dernier message: 12/11/2012, 16h56
  3. [JTree] Modification dynamique du texte à afficher
    Par jIdJo dans le forum Composants
    Réponses: 2
    Dernier message: 17/06/2005, 16h49
  4. [Débutant][JDBC] Rendre "dynamique" le liens à la
    Par steelidol dans le forum JDBC
    Réponses: 2
    Dernier message: 27/04/2005, 15h42
  5. [FLASH MX] Gestion dynamique de liens
    Par guy2004 dans le forum Flash
    Réponses: 18
    Dernier message: 20/01/2005, 08h21

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