Page 1 sur 2

Liens Boutons

Publié : 10 mars 2009, 02:10
par Shinouille
J'ai fait un lien pour afficher un plan, mais il ouvre 2 pages et je n'arrive pas à comprendre pourquoi...
http://cmalattia.perso.sfr.fr/actualites.html

Code : Tout sélectionner

      <a target="_blank" href="Plan.html"><input
 name="Plan" value="Plan" type="submit"></a><br>
      <a href="mailto:...hotmail.fr">ateliers-agora@hotmail.fr</a>
      <br>
      <a target="_blank"
 href="http://www.mille-etune-passions.com/agora/site/">www.ateliers-agora.fr</a></span><a
 href="www.ateliers-agora.fr"><br>
      </a></big></big><br>
En plus, catastrophe! les liens de mes boutons ne marchent pas sur IE, personnellement j'utilise Firefox, mais beaucoup de gens utilisent IE et je n'ai pas encore eu le temps de me familiariser avec le CSS, Savez-vous d'où vient ce bug?
Many thanks for your help !



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Publié : 10 mars 2009, 09:03
par Mongo Bob
Ce n'est pas un bug : les boutons ne sont pas faits pour donner un lien, les boutons sont une partie d'un formulaire, tu cliques dessus et ça provoque une interactivité.
Ymai te l'a dit je crois dans un autre topic.
Il faut respecter l'utilisation originale des éléments, les navigateurs ont assez de mal à tout interpréter si en plus tu détournes ce pour quoi tel élément a été créé pour une utilisation autre!
Tu comprends que les navigateurs ont étés développés pour réagir de telle façon à un bouton, de telle autre façon à un lien, alors ne te complique pas la vie! :roll:
Pour aller vers ton plan, fais un lien. FF ne devrait même pas réagir, là!






<edit>j'ai trouvé un lien absolu encore, dans ta page :

Code : Tout sélectionner

D:\Docs\Site, Internet\Site pa\page_web\actualites.html
</edit>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Publié : 10 mars 2009, 09:27
par Zefling
Sinon c'est possible, mais t'étonne pas que tout site soit mal référence :

Code : Tout sélectionner

<input type="button" value="texte du bouton" onclick="window.location='tonlien';" />
Après on t'as prévenu. C'est une solution pourrie, utilise plutôt un lien dont tu changes le style.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Publié : 10 mars 2009, 09:32
par Mongo Bob
oui, on peut faire un lien sur un <input>, mais c'est pas une raison pour!


:arrow: Si tu veux mettre en valeur spécialement le lien sur ton plan, utilise css pour le personnaliser.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Publié : 10 mars 2009, 09:34
par Mongo Bob
Ah! J'avais pas vu la 1ère question :
Shinouille a écrit :J'ai fait un lien pour afficher un plan, mais il ouvre 2 pages
pourquoi 2 pages?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Publié : 10 mars 2009, 11:16
par Kazé
Shinouille > évite les formulaires pour faire des boutons : un lien peut avoir l’apparence d’un bouton, d’un point de vue fonctionnel ça reste un lien et non un bouton de formulaire.

Le plus simple est donc d’utiliser un lien, et de lui donner l’apparence d’un bouton en utilisant la feuille de style :

Publié : 10 mars 2009, 13:31
par Shinouille
Okii, je savais pas du tout que ça n'était pas fait pour... ! Je pensais qu'un "bouton", c'était justement un moyen de naviguer dans le site de façon plus "design"... Rahhh, après des heures de travail, j'étais toute fière de moi et maintenant je vais devoir me retaper tout le boulot, j'en jubile d'avance ! :lol:

Pour l'histoire des 2 pages, c'était également un bug lié au bouton, j'ai refais les choses correctement et maintenant ça marche au poil!

Et sur une image, c'est possible de faire un lien sans que ca provoque trop d'interférences?... Et un lien qui s'ouvre dans une autre page? Voir même qui s'ouvre avec une adresse .JPG et non .HTML?

Ralala, ils sont mesquins ces liens absolus à ce faufiler partout, mais ca y est, je l'ai vaincu ! ;)

Bon, ben il ne me reste plus qu'à me remetre au travail héhé... :lol:

Vé devenir une vrai pro grace à vous! :mrgreen:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Publié : 10 mars 2009, 13:58
par chinon37
Shinouille a écrit : Et sur une image, c'est possible de faire un lien sans que ca provoque trop d'interférences?...
oui, bien sûr, il n'y a pas de raison que ça provoque des interférences... Qu'entends tu par interférence?
Shinouille a écrit :Et un lien qui s'ouvre dans une autre page? Voir même qui s'ouvre avec une adresse .JPG et non .HTML?
Un lien qui s'ouvre dans une autre page, c'est simplement un lien avec la propriété target="_blank"
Un lien qui "s'ouvre" sur un fichier jpg et non html (ou php ou etc....) ouvrira tout simplement l'image ciblée dans ton navigateur.(il suffit de faire le test, même en local :wink: )

Publié : 10 mars 2009, 14:34
par Shinouille
Par "interférence", je faisais référence aux bugs que j'ai rencontrés en utilisant mal les boutons.

Pour la photo qui s'ouvre en jpg, je suis bête c'est tout simple et en plus j'avais réussi à le faire, mais j'apprends tellement de trucs en ce moment que j'ai le cerveau qui bouillonne.... Par contre, ce que je n'ai pas réussi à faire c'est créer un lien sur une image mais qui s'ouvre dans une autre fenêtre, ce qui est possible sur un texte. Dans les propriété du lien, cible > s'ouvre dans nouvelle fenêtre. Peut être dans propriétés avancées, mais la, je ne sais pas faire...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Publié : 10 mars 2009, 15:29
par chinon37
pour un lien sur une image, tant les propriétés dans l'onglet lien de "propriétés de l'image" que les propriétés avancées de cet onglet sont incomplètes.
Je te conseille de passer par la barre d’état :
sélection de l'image sur laquelle se trouve le lien
> dans la barre d’état (en bas de l'écran) clic droit sur <a>
> propriétés avancées
> en bas de la fenêtre qui s'ouvre: attribut > choisir target
dans valeur, entrer blank
Valider tout ça et le lien s'ouvrira dans une nouvelle fenêtre (ou onglet)

[ édité par Kazé : « barre d’état » et non « barre des tâches » ;-) ]

Publié : 10 mars 2009, 16:13
par Kazé
Faudra que je pense à ajouter l’attribut « target » dans l’onglet « lien » des propriétés de l’image…

Publié : 10 mars 2009, 16:36
par chinon37
:wink:

Publié : 10 mars 2009, 16:40
par Zefling
Pour mes liens je fais ça :

Code : Tout sélectionner

 <a href="http://www.example.com" onclick="window.open(this.href,'_blank');return false;">site</a>
Ça permet d'être valide XHTML 1.1 (même si ça va l'encontre des recommandations) et surtout le lien marche même si on désactive le JavaScript (donc les moteurs des recherches peuvent aussi le voir).

Par contre mettre deux liens sur un lien c'est plus ça :

Code : Tout sélectionner

<a href="http://www.example.com" onclick="window.open(this.href,'_blank');window.open('http://www.example2.com','_blank');return false;">site</a>
Mais le deuxième ne sera pas accessible à tout le monde et ça risque aussi de se faire bloquer.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Publié : 10 mars 2009, 16:55
par chinon37
Au cas présent, Shinouille ne souhaitait pas ouvrir 2 liens, mais le contraire: remédier au fait que le clic ouvrait 2 pages :wink:

Un avis sur l'ouverture d'un lien dans une nouvelle fenêtre: http://www.floatthatbox.com/articles/target-blank.php

Publié : 10 mars 2009, 17:05
par Zefling
:oops: Ça m'apprendra à ne pas lire. :oops:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)