Discussion :

[jlb59]

Bonjour à tous,

Je voudrais savoir s'il est possible de faire un lien remplaçant le "<a href...>" en javascript ?

Merci de votre réponse.

Ps : pas trop compliqué parce que je suis nul en JS !

[RomainVALERI]

Reformule, donne un exemple, montre ton code, ou quelque chose, parce que ce n'est pas clair du tout

[jlb59]

Reformule, donne un exemple, montre ton code, ou quelque chose, parce que ce n'est pas clair du tout

Code :

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

a href="index.php?page=1122&amp;id=Tempo">Tempo</a>

ou encore

Code :

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

a href="http://nom.serveur.fr>Tempo.html</a>

J'espère que ça t’ira !

En tous cas, c'est ces liens que je voudrais mettre en javascript.

[RomainVALERI]

Oui, ce sont des liens, mais où est le souci ?

Tu veux savoir comment les créer/modifier par javascript ?

[jlb59]

Tu veux savoir comment les créer/modifier par javascript ?

Oui, c'est exactement ça ou quelque chose comme ça !

Est-il possible de faire ces lien en JS ?

[SpaceFrog]

regarde du coté de la création d'éléments avec le DOM

[vermine]

Pour compléter la réponse de SpaceFrog, tu trouveras des informations sur le DOM dans la faq.

[jlb59]

regarde du coté de la création d'éléments avec le DOM

J'ai regardé plusieurs site qui parlent de ça, mais pour moi, c'est pas très clair !

Je ne suis pas assez avancé dans ce domaine comme toi.
Ca peut se sembler facile parce que tu connais, mais pour moi, c'est autre chose !

[SpaceFrog]

http://hornetbzz.developpez.com/tuto...avascript/dom/

[RomainVALERI]

Pour donner une première idée, ça pourrait prendre grosso modo cette forme :

Code :

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

1
2
3
4
5
var lien = document.createElement("A");
lien.href = "nomDeLaPageCible.html";
lien.id = "idDeTonLien";// pas indispensable, seulement au cas où tu aies besoin d'accéder à l'élément ailleurs dans tes scripts
var elementParent = document.getElementById("idDuConteneurOuTuVeuxPlacerLeLien");
elementParent.appendChild(lien);

[jlb59]

Pour donner une première idée, ça pourrait prendre grosso modo cette forme :

Code :

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

1
2
3
4
5
var lien = document.createElement("A");
lien.href = "grahisme.html";
lien.id = "09";// pas indispensable, seulement au cas où tu aies besoin d'accéder à l'élément ailleurs dans tes scripts
var elementParent = document.getElementById("09");
elementParent.appendChild(lien);

Ca a l'air plus compliqué que ce que je pensais.

J'ai mis ton script avec les paramètres requis, mais comment est-ce que je dois le faire afficher sur la page ?

Concernant, l'ID,n j'ai pas très bien saisi où tu voulais en venir ! Désolé !

[SpaceFrog]

appendChild ...

[vermine]

appendChild voulant dire "attacher l'enfant [... à son père]".

Donc lorsque vous dites ceci :

Code :

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

1
2
3
 
lien.id = "09";// pas indispensable, seulement au cas où tu aies besoin d'accéder à l'élément ailleurs dans tes scripts
var elementParent = document.getElementById("09");

Vous voulez que l'élément enfant soit son propre père.
Le parent doit être un élément déjà présent sur la page. Une <div> par exemple.

[Eric2a]

Salut,

comment est-ce que je dois le faire afficher sur la page ?

Il manquait la ligne permettant de definir l'ancre du lien (voir plus bas).

Ca a l'air plus compliqué que ce que je pensais.

Le code

var lien = document.createElement("A");

créé en mémoire la balise

<a></a>

Le code

lien.href = "nomDeLaPageCible.html";

lui ajoute l'attribut href

<a href="nomDeLaPageCible.html"></a>

Le code

lien.id = "idDeTonLien";

pour spécifier aussi l'attribut id

<a href="nomDeLaPageCible.html" id="idDeTonLien"></a>

Le code...

lien.appendChild(document.createTextNode('Cliquez ici'));

lui ajoute le texte 'cliquez ici'

<a href="nomDeLaPageCible.html" id="idDeTonLien">Cliquez ici</a>

Ensuite, le code

var elementParent = document.getElementById("idDuConteneurOuTuVeuxPlacerLeLien");

recherche dans la page HTML et réference la balise ayant "idDuConteneurOuTuVeuxPlacerLeLien" pour id

Code :

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

1
2
3
4
 
<div id="idDuConteneurOuTuVeuxPlacerLeLien"> <!-- elementParent réference cet élément -->
	...
</div>

Et enfin, le code

elementParent.appendChild(lien);

ajoute la nouvelle balise. Elle fait désormais partie du document. Comme si nous avions saisi

Code :

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

1
2
3
4
 
<div id="idDuConteneurOuTuVeuxPlacerLeLien">
	<a href="nomDeLaPageCible.html" id="idDeTonLien">Cliquez ici</a>
</div>

[jlb59]

appendChild ...

Comme je l'ai déjà dit, je suis un novice, alors pour moi, c'est pas très clair !

[Auteur]

@Eric2a : excellentes explications

[RomainVALERI]

@Eric2a : excellentes explications

C'est clair ^^

Du grand art, ce "tuto on demand"

[jlb59]

C'est vrai que c'est mieux expliqué, n'est-ce pas les "confirmés" !

Eric2a est vraiment champion !

[jlb59]

Il manquait la ligne permettant de definir l'ancre du lien (voir plus bas).]

Merci beaucoup, je verrais tout ça à tête reposée parce que là, y a du monde là-haut, ça se bouscule à la porte !