[RESOLU] Problème de style dans un bouton, aide svp ?

06 mars 2013, 17:15

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.

06 mars 2013, 17:38

Pour ouvrir une nouvelle page l'attribut est

target="_blank"

Pour mettre en gras c'est

font-weight:bold

06 mars 2013, 18:51

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.

06 mars 2013, 19:04

target ne fonctionne pas toujours.
Discussion intéressante sur:
http://www.ultra-fluide.com/ressources/xhtml/target.htm

06 mars 2013, 20:05

target ne fonctionne pas toujours.
Discussion intéressante sur:
http://www.ultra-fluide.com/ressources/xhtml/target.htm

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.

06 mars 2013, 20:18

onClick="document.location.href='D.htm';target=\"_blank\""

06 mars 2013, 20:45

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.

07 mars 2013, 19:27

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')">

07 mars 2013, 20:53

salut, une solution est d'ajouter un target="_blank" à <form...

<form action="D.html" target="_blank" method="post">
<input type="submit" value="ok" />
</form>

07 mars 2013, 23:15

Cher AB,

Tu as trouvé, tu es un génie, c'est donc du HTML et du CSS ?

Two3D,
Merci de ta participation.

07 mars 2013, 23:32

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>

08 mars 2013, 04:22

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.

08 mars 2013, 05:21

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

08 mars 2013, 07:58

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

08 mars 2013, 08:23

3-0 comme en 68 france-brésil, allez hop ! ^^

et sinon Joe, t'en pense quoi ?

[RESOLU] Problème de style dans un bouton, aide svp ?

Qui est en ligne