avec js générer un lien <a href> à un endroit précis d'une page?

Version imprimable

01/07/2008, 23h19
adoptioninternationa

avec js générer un lien <a href> à un endroit précis d'une page?

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

bonjour,

voilà un exemple :

Code:

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.

merci

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
Citation:
Envoyé par Auteur
bonjour,

voilà un exemple :
Code:

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.

02/07/2008, 00h14
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:

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é.