Discussion :

[adoptioninternationa]

bonjour
comment faire pour générer et affiché à un endroit donné de la page un lien de type :
<a href="appel d'une fonction javascript")>libellé du lien</a>

je voudrais que le lien apparaisse dès qu'on clique sur une option du menu (c'est pour afficher le chemin), à un endroit précis de la page.

quelle syntaxe utiliser?
merci de votre aide
donia

[Auteur]

bonjour,

voilà un exemple :

Code javascript :

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
 
function coucou()
{
  alert("couou");
}
 
function ajouterLien()
{
  var lien = document.createElement("a"); // creation du noeud lien
  var libelle = document.createTextNode("Voici mon lien"); // creation du noeud texte qui sera dans la balise a
 
  lien.href = "javascript:coucou()";
 
  lien.appendChild(libelle); // ajout du texte dans le lien
  document.body.appendChild(lien); // ajout du noeud lien dans le corps de la page
 
}

appelle la fonction ajouterLien() sur le onchange de ton select. Le lien s'ajoutera dans ta page.
Lorsque tu cliqueras sur le lien la fonction coucou() sera exécutée.

[adoptioninternationa]

oh merci! par contre à quel endroit de la page il est écrit ce lien? parce que je voudrais l'afficher en haut de la page..
en tout cas je vais tester ton code pour voir..
surement à tout à l'heure! ça m'étonnerait que j'arrive à faire marcher ça du 1er coup!
donia

bonjour,

voilà un exemple :

Code javascript :

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
 
function coucou()
{
  alert("couou");
}
 
function ajouterLien()
{
  var lien = document.createElement("a"); // creation du noeud lien
  var libelle = document.createTextNode("Voici mon lien"); // creation du noeud texte qui sera dans la balise a
 
  lien.href = "javascript:coucou()";
 
  lien.appendChild(libelle); // ajout du texte dans le lien
  document.body.appendChild(lien); // ajout du noeud lien dans le corps de la page
 
}

appelle la fonction ajouterLien() sur le onchange de ton select. Le lien s'ajoutera dans ta page.
Lorsque tu cliqueras sur le lien la fonction coucou() sera exécutée.

[Auteur]

appendChid() ajoute l'objet créé à la fin (dans cet exemple en bas de page). Sinon l'élément sera ajouté comme étant le dernier nœud enfant d'un élément parent (div par exemple).

Maintenant si tu veux l'insérer dans un endroit précis, il me faut un peu de code HTML et utiliser la fonction insertBefore()

syntaxe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.inserBefore(e1, e2)

Pour ajouter l'élément créé avant un autre nœud :
* e1 : le nouvel élément enfant à insérer ;
* e2 : un élément enfant avant lequel le nouvel élément enfant doit être inséré.