[Resolu] Liens dans une page Web

Bonjour,

Petite question bête :

Est-il préférable de noter une adresse de lien complète dans une page Web :

<a href="Site/Photos.html" class="navigation_principale">Photos</a>

ou

<a href="http://jason.free.fr/Site/Photos.html" class="navigation_principale">Photos</a>

Dans le second cas, si l'on doit déplacer la page dans un autre dossier, ça fonctionnera, pas dans le premier...

La même question se retrouve pour toutes les images de la page...
<img src="Image/bandeau.jpg" border="0" width="680" height="252" alt="Bandeau" />
<img src="http://jason.free.fr/Image/bandeau.jpg" border="0" width="680" height="252" alt="Bandeau" />

Qu'est-ce qui est préférable ?

Merci

@+
Modifié par Jason (20 Aug 2012 - 10:54)

Cela va dépendre, je suppose.

Enfin, dans tous les cas, je pense que la seconde écriture est trop longue, en écrivant juste /Site/Photos.html, ça ne fonctionne pas ?

Si tu veux lier des fichiers qui ne bougeront pas (par exemples toutes tes images qui seraient dans le dossier img à la racine), utilise /img/tonimage.jpg
Si ta page appartient à un module et que tu appelles une autre page de celui-ci, il peut être intéressant de donner une adresse relative (./templates/widget.html), comme ça, tu pourras déplacer tout ton module sans te soucier de quoi que ce soit...
Modifié par Gothor (20 Aug 2012 - 10:03)

Bonjour,

Merci de ta réponse, Gothor...

a écrit :
en écrivant juste /Site/Photos.html, ça ne fonctionne pas ?

Ah, si, si, ça fonctionne, évidemment...

Seulement, sur le site, je vais avoir quelques pages dont le programme va changer annuellement.
Mais j'aurais aimé garder ces anciennes pages en archives en les déplaçant dans un dossier Archives.
Si je fais cela avec les liens ( /Site/Photos.html,), ça ne fonctionnera plus...

D’où ma question.

Et donc, si je note « ./ » ainsi ( ./Site/Photos.html ), c'est comme si j'indiquais « http://jason.free.fr/ » ?

Merci

@+
Modifié par Jason (20 Aug 2012 - 10:02)

Oups, je m'a gouré... "./" c'est chemin relatif (par rapport au fichier courant).

Si tu mets pas le point, c'est chemin absolu (donc comme si tu mettais http://jason.free.fr/)
Modifié par Gothor (20 Aug 2012 - 10:04)

Bonjour,

Bon, il va falloir que je me documente un peu sur Chemin Relatif et Absolu.... Merci

Pour éviter d'ouvrir un autre post, je viens de remarquer une erreur :

<a onclick="javascript:alert('Le programme'); return false;" href="Fetes_du_chateau.html">ICI</a>

Cette ligne fonctionne sur IE mais pas sur Firefox.
Le message d'alerte s'affiche, mais le renvoi vers la page ne se fait pas...
Vois-tu une erreur quelque part ?

Merci

@+
Modifié par Jason (20 Aug 2012 - 10:18)

Le "return false;" empêche le lien de se poursuivre.
De plus, l'attribut onclick contient toujours du javascript, inutile d'écrire "javascript:" au début de celui-ci donc. Il ne se met que lorsque le javascript est écrit dans l'attribut href, ce qui ne devrait pas être le cas (et qui ne l'est pas dans ton cas).

a écrit :
De plus, l'attribut onclick contient toujours du javascript,

Ah ?
Ça peut aussi être noté :

<a onclick="window.alert('Le programme');

Et d'après ce que tu me dis, il faudrait noter :

<a onclick="alert('Le programme');

a écrit :
Le "return false;" empêche le lien de se poursuivre.

C'est bizarre, je l'avais pourtant toujours vu noté comme ça...

Edit : Ah, oui, je pense qu'on note ça lorsque l'on ne met pas de lien href... C'est ça ?

@+
Modifié par Jason (20 Aug 2012 - 10:36)

Tu peux noter window.alert ou juste alert (l'objet window étant implicite).

Pour le return false, tu peux tester par toi-même.

a écrit :
Edit : Ah, oui, je pense qu'on note ça lorsque l'on ne met pas de lien href... C'est ça ?

Mui... Mais ça ne devrait pas être fait un lien sans href =°
Modifié par Gothor (20 Aug 2012 - 10:37)

a écrit :
Mui... Mais ça ne devrait pas être fait un lien sans href =°

Voui... C'est pas précisemment le sens que je voulais donner.
Je voulais dire un HREF sans lien direct

En général, je note :

href="javascript:void(0);"

a écrit :
Tu peux noter window.alert ou juste alert (l'objet window étant implicite).

OK, merci de l'info...
Et c'est quand même valide pour les anciens navigateurs ?

a écrit :
Pour le return false, tu peux tester par toi-même.

Bigre, c'est pour tester des lignes de code, génial...

Merci

@+
Modifié par Jason (20 Aug 2012 - 10:48)

Jason a écrit :
Et c'est quand même valide pour les anciens navigateurs ?

Tous les navigateurs.

Jason a écrit :
Bigre, c'est pour tester des lignes de code, génial...

Il y en a d'autres... Les gens aiment bien aussi JS Fiddle. Dabblet pour le HTML/CSS.
Pas mal d'outil sur The Toolbox

OK...

Merci beaucoup pour ton aide, Gothor...

...Je m'endormirais un peu moins bête ce soir.

Résolu !!

Merci

@+
Modifié par Jason (20 Aug 2012 - 10:54)