Liens Boutons

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateurs : chinon37, Kazé, bobo

Shinouille
Gecko
Messages : 71
Enregistré le : 01 févr. 2009, 20:38

Liens Boutons

Message par Shinouille » 10 mars 2009, 02:10

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

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 10 mars 2009, 09:03

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
Modifié en dernier par Mongo Bob le 10 mars 2009, 09:30, modifié 1 fois.
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228

Zefling
Tyrannosaurus Rex
Messages : 2576
Enregistré le : 21 déc. 2004, 03:45

Message par Zefling » 10 mars 2009, 09:27

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)
Modifié en dernier par Zefling le 10 mars 2009, 12:58, modifié 1 fois.
Mon blog de dév web ― Thème pour le forum Geckozone ― Le clavier Latin-9 fr sous Windows ― Raccourcis clavier pour Firefox
Debian 8 KDE avec Firefox & Nightly

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 10 mars 2009, 09:32

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
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 10 mars 2009, 09:34

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
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228

Kazé
Varan
Messages : 1743
Enregistré le : 10 févr. 2005, 10:26

Message par Kazé » 10 mars 2009, 11:16

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 :
KompoZer lead dev
Ubuntu 10.04 Lucid Lynx — « L'erreur est humaine, mais vraiment foutre la merde nécessite le mot de passe root. »

Shinouille
Gecko
Messages : 71
Enregistré le : 01 févr. 2009, 20:38

Message par Shinouille » 10 mars 2009, 13:31

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

chinon37
Animal mythique
Messages : 5318
Enregistré le : 21 mars 2005, 10:17

Message par chinon37 » 10 mars 2009, 13:58

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: )
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Shinouille
Gecko
Messages : 71
Enregistré le : 01 févr. 2009, 20:38

Message par Shinouille » 10 mars 2009, 14:34

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

chinon37
Animal mythique
Messages : 5318
Enregistré le : 21 mars 2005, 10:17

Message par chinon37 » 10 mars 2009, 15:29

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 » ;-) ]
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Kazé
Varan
Messages : 1743
Enregistré le : 10 févr. 2005, 10:26

Message par Kazé » 10 mars 2009, 16:13

Faudra que je pense à ajouter l’attribut « target » dans l’onglet « lien » des propriétés de l’image…
KompoZer lead dev
Ubuntu 10.04 Lucid Lynx — « L'erreur est humaine, mais vraiment foutre la merde nécessite le mot de passe root. »

chinon37
Animal mythique
Messages : 5318
Enregistré le : 21 mars 2005, 10:17

Message par chinon37 » 10 mars 2009, 16:36

:wink:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Zefling
Tyrannosaurus Rex
Messages : 2576
Enregistré le : 21 déc. 2004, 03:45

Message par Zefling » 10 mars 2009, 16:40

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)
Mon blog de dév web ― Thème pour le forum Geckozone ― Le clavier Latin-9 fr sous Windows ― Raccourcis clavier pour Firefox
Debian 8 KDE avec Firefox & Nightly

chinon37
Animal mythique
Messages : 5318
Enregistré le : 21 mars 2005, 10:17

Message par chinon37 » 10 mars 2009, 16:55

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
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Zefling
Tyrannosaurus Rex
Messages : 2576
Enregistré le : 21 déc. 2004, 03:45

Message par Zefling » 10 mars 2009, 17:05

: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)
Mon blog de dév web ― Thème pour le forum Geckozone ― Le clavier Latin-9 fr sous Windows ― Raccourcis clavier pour Firefox
Debian 8 KDE avec Firefox & Nightly

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités