Page 1 sur 1
Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 17:15
par ehjoe
Bonjour,
Je n'y connais rien en php, je fais du copier coller, j'ai un beau code qui fonctionne mais je voudrais y rajouter deux éléments de style ou assimilé, ce que je n'arrive pa à faire ; en plus ma question est à cheval php css, voire html, alors...
Je voudrais bien rajouter à ce bouton deux éléments :
- Police en gras.
- Ouvrir sur une page blanche.
Voici mon code, suite après :
<input
type=button
style="font size:15"
style="cursor:hand"
style="color:#008000"
style="background:#c0c0c0"
value=" Denrées "
style="height:30"
style="width:90"
onClick="document.location.href='D.htm'";>
Donc si quelqu'un peut avoir l'mabilité de me rajouter les deux lignes recherchées (si possible sans rien changer), soit : police en gras + ouverture sur page blanche (_blank) ?
Merci.
Re: Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 17:38
par AB
Pour ouvrir une nouvelle page l'attribut est
target="_blank"
Pour mettre en gras c'est
font-weight:bold
Re: Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 18:51
par ehjoe
Bonjour AB,
Pour blank je ne sais comment faire ?
onClick="document.location.href='D.htm'" target="_blank";>
Marche pas !
*
Pour l'autre je te remercie, chat marche, j'avais trouvé déjà mais je n'y arrivais pas, il devait manquer un signe, ou quelque chose de mal placé...
Donc si tu as une solution dans mon onClick avec _blank, je suis toute ouie.
Au plaisir.
Re: Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 19:04
par sirakawa
target ne fonctionne pas toujours.
Discussion intéressante sur:
http://www.ultra-fluide.com/ressources/xhtml/target.htm
Re: Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 20:05
par ehjoe
Bonjour Sirakawa,
Oui, certes, mais au moins il faudrait je j'essaye, comment le placer dans mon code ?
Et le contraire, peut-on demander à une page appelée de s'ouvrir dans une page blanche (ceci en lisant son propre code et avant son ouverture je présume) ?
Au plaisir.
Re: Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 20:18
par AB
onClick="document.location.href='D.htm';target=\"_blank\""
Re: Problème de style dans un bouton, aide svp ?
Posté : 06 mars 2013, 20:45
par ehjoe
onClick="document.location.href='D.htm';target=\"_blank\""
AB suite...
Hélas, marche pas, en sus je crois que tu as oublié de fermer la balise ?
J'ai fait deux versions qui ne fonctionnent pas, même pas l'appel, que voici :
onClick="document.location.href='D.htm';target=\"_blank\"">
onClick="document.location.href='D.htm';target=\"_blank\"";>
Le code d'origine étant :
onClick="document.location.href='T.htm'";>
Si tu as une autre version ?
Et... ceci :
<input type=button onClick="document.location.href='T.htm'";>
A part le CSS (style) c'est quoi comme code je te prie (php, js) ?
Au plaisir.
Re: Problème de style dans un bouton, aide svp ?
Posté : 07 mars 2013, 19:27
par AB
Oui non je t'ai pas donné la bonne syntaxe car target ne convient pas dans ce contexte (il faudrait qu'il soit contenu dans une balise a)
Donc dans ton cas utilises plutôt widow.open soit :
<input
type = "button"
style = "font-size:15px;cursor:hand;color:#008000;background:#c0c0c0;height:30px;width:90px"
value = " Denrées "
onClick = "window.open('D.htm')">
Re: Problème de style dans un bouton, aide svp ?
Posté : 07 mars 2013, 20:53
par two3d
salut, une solution est d'ajouter un target="_blank" à
<form...
<form action="D.html" target="_blank" method="post">
<input type="submit" value="ok" />
</form>
Re: Problème de style dans un bouton, aide svp ?
Posté : 07 mars 2013, 23:15
par ehjoe
Cher AB,
Tu as trouvé, tu es un génie, c'est donc du HTML et du CSS ?
Two3D,
Merci de ta participation.
Re: Problème de style dans un bouton, aide svp ?
Posté : 07 mars 2013, 23:32
par two3d
il y a du HTML seulement, pour ajouter du CSS je te conseil de passer par une feuille de style ou d'utiliser les balise
<style type="text/css"></style> dans la patie
<head></head> de ta page
par exemple:
<style type="text/css">
input.boutonStyle {
font-size:15;
cursor:hand;
color:#008000";
background:#c0c0c0";
height:30";
width:90";
}</style>
<form action="D.html" target="_blank" method="post">
<input type="submit" value="ok" class="boutonStyle" />
</form>
Re: Problème de style dans un bouton, aide svp ?
Posté : 08 mars 2013, 04:22
par AB
il y a du HTML seulement...
Nan... tout ce qui est dans une balise style est du css ! tout comme onclick est un évènement javascript. Il est très souvent préférable de suivre tes conseils mais même si on les écrit en ligne dans le html cela ne change pas leur nature.
salut, une solution est d'ajouter un target="_blank" à
<form...
<form action="D.html" target="_blank" method="post">
<input type="submit" value="ok" />
</form>
Oui mais son bouton est de type "button", il n'envoie donc pas de formulaire
@ehjoe A noter qu'avec html5 on peut inclure n'importe quoi dans une balise a. On pourrait donc faire :
<a href = "D.htm" target="_blank" style="text-decoration:none;"><input type = "button" style = "font-size:15px;color:#008000;background:#c0c0c0;height:30px;width:90px;cursor:pointer" value = " Denrées "></a>
L'avantage est qu'il n'y a pas d'évènement javascript dans cette syntaxe, donc contrairement à ton code précédent celui-ci fonctionnerait même avec javascript désactivé (onclick est un évènement javascript). Ce n'est pas nécessairement indispensable pour les visteurs car javascript est quasiment toujours activé aujourd'hui, mais par contre cela permettrait aux robots de référencement (qui n'utilisent pas javascript) de suivre ton lien.
Le style = "text-decoration:none;" dans la balise a est pour éviter le soulignement par défaut (dans une balise a). Et j'ai remplacé le cursor:hand (qui date de mathulasem et qui n'est pas compatible avec les nouveaux navigateurs) par cursor:pointer.
Re: [RESOLU] Problème de style dans un bouton, aide svp ?
Posté : 08 mars 2013, 05:21
par two3d
C'est vrai, il n'y a pas que du HTML, je voyais que la balise input quand je l'ai dit
button comme ça ?:
<form action="D.html" target="_blank" method="post">
<button value="123" name="azerty">ok</button>
</form>
fonctionne aussi
1 partout ?
PS: bon à savoir le coup du javascript avec les moteurs de recherche
Re: [RESOLU] Problème de style dans un bouton, aide svp ?
Posté : 08 mars 2013, 07:58
par AB
button comme ça ?:
<form action="D.html" target="_blank" method="post">
<button value="123" name="azerty">ok</button>
</form>
fonctionne aussi
1 partout ?
Non là tu triche. J'ai pas dis une balise button, j'ai dis un bouton (input) de type "button" (tel que dans son code). Et un bouton (input) de type "button" est incapable d'envoyer un formulaire, contrairement au type "submit". Donc pour la peine, soit faute d'inattention ou faute de mauvaise foi, ça fait 3 - 0
Re: [RESOLU] Problème de style dans un bouton, aide svp ?
Posté : 08 mars 2013, 08:23
par two3d
3-0 comme en 68 france-brésil, allez hop ! ^^
et sinon Joe, t'en pense quoi ?