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 :

Mise à jour href en javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Mai 2002
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Mai 2002
    Messages : 29
    Par défaut Mise à jour href
    Bonjour,
    Je voudrai mettre à jour dynamiquement en javascript, un lien (href) sur ma page.

    Je m'explique :
    Sur ma premiere page, j'ai un bouton rechercher.

    En cliquant sur ce bouton "rechercher", une autre page (d'une autre application) s'ouvre. Sur cette page je peux choisir un document parmis une liste en cliquant dessus.
    En cliquant sur un document, une fonction javascript est appelée : je voudrai que la page se ferme, et que sur ma premiere page, il apparaisse un nouveau lien qui envoie vers ce document.

    Je ne sais pas comment m'y prendre pour afficher ce lien sur ma premiere page, sans recharger toute la page.
    Qui peut m'aider svp??

    merci !

  2. #2
    Membre éclairé Avatar de grabriel
    Inscrit en
    Septembre 2006
    Messages
    946
    Détails du profil
    Informations forums :
    Inscription : Septembre 2006
    Messages : 946
    Par défaut
    Salut,


    tu peux le faire avec "innerHTML" mais ca marche seulement sous ie... sinon tu peux voir du coté des "getElementById" qui est plus dans les normes.

  3. #3
    Membre averti
    Inscrit en
    Mai 2002
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Mai 2002
    Messages : 29
    Par défaut
    Citation Envoyé par grabriel
    Salut,


    tu peux le faire avec "innerHTML" mais ca marche seulement sous ie... sinon tu peux voir du coté des "getElementById" qui est plus dans les normes.
    Merci pour ta reponse!

    J'ai réussi à récuperer mon element, à changer la propriété href.
    Comment est ce que je pourrai modifier l'affichage maintenant de mon lien? Je veux dire le texte sur lequel on clique?

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    simulation, avec les deux listes sur la même page (mais ça ne change rien);

    ==> "liste" est la zone, sur ta première page, où tu ajoutes des adresses;
    ==> "adresses" est la zone, sur la page ouverte, où apparaissent les noms de document cliquables;
    ==> en cliquant sur n'importe quel lien de "adresses" tu envoies une copie du lien vers la zone "liste" de la page parente;


    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
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    <div id="liste">
    </div>
     
     
    <div id="adresses">
    	<p><a href="http://adresse_a.com">document a</a></p>
    	<p><a href="http://adresse_b.com">document b</a></p>
    	<p><a href="http://adresse_c.com">document c</a></p>
    </div>
     
     
    <script type="text/javascript">
     
    var adr=document.getElementById("adresses").getElementsByTagName("a");
     
    for(i in adr){
    	adr[i].onclick=function(){
                    p=document.createElement("p");
    		nl=document.createElement("a");
    		nl.href=this.href;
                    p.appendChild(nl);
    		nl.appendChild(document.createTextNode(this.firstChild.data));
    		document.getElementById("liste").appendChild(p);
    // ajoute "opener." avant document
    // pour adapter à ton cas (fenêtre parente)
    		return false
    	}
    }
     
     
    </script>

  5. #5
    Membre averti
    Inscrit en
    Mai 2002
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Mai 2002
    Messages : 29
    Par défaut
    Je vais étudier ça!
    Merci beaucoup

Discussions similaires

  1. Réponses: 45
    Dernier message: 20/06/2016, 12h07
  2. Réponses: 0
    Dernier message: 03/12/2012, 11h17
  3. Wink 1.4.3, mise à jour du toolkit JavaScript pour le développement mobile
    Par vermine dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 03/12/2012, 11h17
  4. Mise à jour des FAQs JavaScript
    Par Bovino dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/11/2011, 17h47
  5. Mise à jour balise html javascript chargement
    Par psgman113 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/08/2009, 20h22

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