[php]coupler un bouton à un lien

coupler un bouton à un lien [php] - PHP - Programmation

Marsh Posté le 18-01-2008 à 23:37:19    

Salut à tous!
 
voila, je voudrais faire une petite page web en idex, et j'aimerai y mettre deux boutons, un "entrer" et un autre "sortir".
Je voudrai que le premier lien me fasse acceder au site web, et que le second me renvoie sur google...
comment dois-je m'y prendre?
 
j'ai cette base là:
 

Citation :

<form name="form2" method="post" action="http://www.google.fr">
          <label>
         
         <input type="submit" name="SORTIR" id="button2" value="SORTIR">
 


mais qui ne marche visiblement pas.
Si certains peuvent m'aider.
Merci par avance :)


---------------
Ma Galerie Photo
Reply

Marsh Posté le 18-01-2008 à 23:37:19   

Reply

Marsh Posté le 19-01-2008 à 08:14:03    

et pourquoi ne pas mettre un lien ?

Reply

Marsh Posté le 19-01-2008 à 09:10:10    

oué, un lien sur un gif qui te dirige vers ton site et un autre gif qui dirige sur google

Reply

Marsh Posté le 19-01-2008 à 09:44:58    

je trouvais l'idée des boutons plus originale, mais si ce n'est pas possible, c'est ce que je vais faire...


---------------
Ma Galerie Photo
Reply

Marsh Posté le 19-01-2008 à 13:59:44    

ben on peut styler les liens en CSS pour les faire ressembler à des boutons

Message cité 1 fois
Reply

Marsh Posté le 19-01-2008 à 14:40:51    

gatsu35 a écrit :

ben on peut styler les liens en CSS pour les faire ressembler à des boutons


 
Exactement !  :hello:  
 
Il existe aussi la solution du <input name='...' type='image'>, mais il faut tester les coordonnées en POST : if(isset($_POST[..._x])), par exemple. Mais c'est pas tip top quand on connaît les capacités du css.
 
Je te fais donc une démo css, avec des liens, mais celà reste valable avec des inputs.
 
 
Solution 1
 
Dans ton .php :

Code :
  1. // On affiche un lien-image avec comme contenu un gif transparent de 1x1 
  2. // En effet, si on ne place pas de contenu, on a pas d'image !
  3. echo '<a href=\'...\'><img id=\'monimage\' src=\'images/spacer.gif\'/></a>';


Dans ton .css :

Code :
  1. img#monimage {
  2.   width:200px;
  3.   height:50px;
  4.   background:url('images/monimage.png') 0px 0px;
  5. }


 
Et hop tu as ton lien-image.
A noter que tu peux directement placer le background, width, height sur ton élément a, par exemple si tu souhaites avoir une image en arrière plan et écrire à l'aide de php le libellé de ton lien.
 
 
Solution 2
 
Dans ton .php :

Code :
  1. // On affiche un lien-image avec comme contenu 'Cliquez ici, viiiite !'
  2. echo '<a id=\'monlien\' href=\'...\'>Cliquez ici, viiiite !</a>';


Dans ton .css :

Code :
  1. a#monlien {
  2.   /* on ne spécifie généralement pas la largeur,               */
  3.   /* car on préfère que le lien s'étire en fonction du libellé */
  4.   height:50px;
  5.   background:url('images/monimage.png') 0px 0px;
  6. }


 
 
Mais il y a encore mieux...
 
Solution 3
 
Je ne détaille pas la solution 3 car je pense qu'à ton niveau tu n'en auras pas besoin, mais je te l'explique brièvement au cas où...
Il s'agit de combiner les solution 1 et 2, de sorte que l'arrière plan et le texte soit générés par GD2.
Tu créées alors dynamiquement une image avec du texte dessus.
Ton image est redimensionnable sans perte de qualité et tu peux utiliser les polices d'écriture que tu souhaites (et à ma connaissance c'est le seul moyen qui existe actuellement).
Problème : il faut avoir le module GD2 d'activé, ce que ne proposent pas tous les hébergeurs...
 
Voilà !  :wahoo:


Message édité par CyberDenix le 19-01-2008 à 14:55:42

---------------
Directeur Technique (CTO)
Reply

Marsh Posté le 20-01-2008 à 10:53:28    

merci à vous, finallement, j'ai opté pour des images, qui étaient beaucoup plus simple a faire, puisque je ne sais pas comment relier un fichier php avec un autre fichier css... :D


---------------
Ma Galerie Photo
Reply

Marsh Posté le 20-01-2008 à 18:08:23    

Oh je comprends c'est très compliqué...  :lol:  
 

Code :
  1. echo '<head>'."\n";
  2. echo '  <link rel=\'stylesheet\' href=\'ton_fichier_de_style.css\' type=\'text/css\'/>'."\n";
  3. echo '</head>'."\n";

Message cité 1 fois

---------------
Directeur Technique (CTO)
Reply

Marsh Posté le 20-01-2008 à 22:55:33    

CyberDenix a écrit :

Oh je comprends c'est très compliqué...  :lol:  
 

Code :
  1. echo '<head>'."\n";
  2. echo '  <link rel=\'stylesheet\' href=\'ton_fichier_de_style.css\' type=\'text/css\'/>'."\n";
  3. echo '</head>'."\n";



mais heeeeeuuuu !!! :D
 
toi qui a l'air de t'y connaitre, aide moi dans mon nouveau probleme :D
 
sur cette page:
http://gmp25.free.fr/
 
je voudrait que le logo tout au dessus fasse une bande complete (que ça parte de la gauche de la page, et qu eça s'arrete tout à droite), grace à la répétition d'un petit morceau de bandeau...
 
on fait ça comment?
Je sais pas si tu vois ce qu eje veux dire... :D
 
 
PS: que penses tu de mes boutons finallement :D
Ps2: si tu test les boutons, ne test pas celui du bas :D ;)


---------------
Ma Galerie Photo
Reply

Marsh Posté le 21-01-2008 à 10:30:51    

Je te propose l'exemple suivant :
 
Le code CSS :

Code :
  1. div#header {
  2.   width:600px;
  3.   height:50px;
  4.   background:url('mon_image_de_fond.png') 0px 0px;
  5. }
  6.  
  7. div#image_de_gauche {
  8.   width:200px;
  9.   background:url('mon_image_de_gauche.png') 0px 0px;
  10.   float:left;
  11. }
  12.  
  13. div#image_du_milieu {
  14.   width:200px;
  15.   background:url('mon_image_du_milieu.png') 0px 0px;
  16.   float:left;
  17. }
  18.  
  19. div#image_de_droite {
  20.   width:200px;
  21.   background:url('mon_image_de_droite.png') 0px 0px;
  22.   float:left;
  23. }
  24.  
  25. .clear {
  26.   clear:both;
  27. }


 
 
Le code HTML :

Code :
  1. <body> 
  2.   <div id='header'> 
  3.     <div id='image_de_gauche'></div> 
  4.     <div id='image_du_milieu'></div> 
  5.     <div id='image_de_droite'></div> 
  6.     <div class='clear'></div> 
  7.   </div> 
  8. </body>



Message édité par CyberDenix le 21-01-2008 à 10:37:29
Reply

Marsh Posté le 21-01-2008 à 10:30:51   

Reply

Marsh Posté le 21-01-2008 à 20:26:50    

j'essairai dès que possible :)


---------------
Ma Galerie Photo
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed