SELFHTML

Forum SELFHTML: Archives:
Comment modifier la source d'un lien dynamquement

Page d'information: vue d'ensemble
vers le bas 

(JAVASCRIPT) Comment modifier la source d'un lien dynamquement

Le message suivant est de: Maxence, Adresse électronique m.bastide@caramail.com, 28. 08. 2002, 09:18


Comment faire pour modifier la propriété src d'une balise <A> grâce à une fonction javascrupt une fois que la page est chargée ?

Je souhaite changer des liens sur évènement.

Existe-t-il autrement une autre méthode pour réaliser cela ?

Merci d'avance.


 
vers le hautvers le bas 

(JAVASCRIPT) Comment modifier la source d'un lien dynamquement

Le message suivant est de: TravBourq, Adresse électronique travers.bourquin@wanadoo.fr, 29. 08. 2002, 03:53

Bonsoir Maxence.

>> Je souhaite changer des liens sur évènement.
Peux-tu expliquer plus en détail Merci

TravBourq


 
vers le hautvers le bas 

(JAVASCRIPT) Comment modifier la source d'un lien dynamquement

Le message suivant est de: Maxence, Adresse électronique m.bastide@caramail.com, 29. 08. 2002, 10:33

»» Bonsoir Maxence.

»» >> Je souhaite changer des liens sur évènement.
»» Peux-tu expliquer plus en détail Merci

»» TravBourq

En fait, je souhaitais changer la cible d'un lien grâce à une fonction.
J'ai réussi à le faire avec l'instruction :
document.links[3].href = 'test.htm'

Par contre, je n'arrive pas à désigner le lien explicitement par son Id ou son nom, je ne peux l'atteindre que par son numéro. Est-ce normal ?


 
vers le hautvers le bas 

(JAVASCRIPT) Comment modifier la source d'un lien dynamquement

Le message suivant est de: TravBourq, Adresse électronique travers.bourquin@wanadoo.fr, 29. 08. 2002, 13:21

Bonsoir Maxence.

»» J'ai réussi à le faire avec l'instruction : document.links[3].href = 'test.htm'
as-tu essayé :
 document.location.href="test.htm"
ou bien
document.location.replace('test.html')

TravBourq


 
vers le hautvers le bas 

(JAVASCRIPT) Comment modifier la source d'un lien dynamquement

Le message suivant est de: CirTap, Adresse électronique serradeil@email.com, 18. 09. 2002, 05:10

>>Par contre, je n'arrive pas à désigner le lien explicitement par
>>son Id ou son nom, je ne peux l'atteindre que par son numéro.
>>Est-ce normal ?

non.

Voici, pour MSIE5+, NS6/Mozilla, Konqueror...

<html>
<head>
<script language="javascript">
function changeLink(linkID, nr) {
// evaluate nr to select link destination + text
   if (nr==1) {
      var dest="http://selfhtml.selfhtml.com.fr/"
      var text="SelfHTML 7.0 (français)".bold()
   } else {
      var dest="http://selfhtml.teamone.de"
      var text="SelfHTML 8.0 (deutsch)".bold()
   }
// get link by its ID as any other element
   var objLink = document.getElementById(linkID);
// change href property
 objLink.setAttribute("href", dest);
// update caption
 objLink.innerHTML = text;
}
</script>
</head>
<body>
<p>1) Select: <input type="button" value="SelfHTML.fr" onclick="changeLink('learnHTML',1)"> - <input type="button" value="SelfHTML.de" onclick="changeLink('learnHTML',2)"></p>
<p>2) Click: <a id="learnHTML" href="http://selfforum.selfhtml.com.fr" target="selfFrame">SelfHTML sites</a></p>
<iframe name="selfFrame" width="600" height="300"></iframe>
</body>
</html>


Have fun
CirTap


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org