Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par :

Formulaire champ image

dyco, le mardi 13 septembre 2005 à 13:22:18 
 Signaler ce message aux modérateurs

Bonjour,

Voilà j'ai un soucis avec un champ d'image.

Voilà je désire que quand le surfeur clique sur une image, l'image envois par post une valeur 1.

Voici mon code ce sera plus claire peut etre...

<form action="index.php" method="post">
<input name="theme" type="image" value="1" src="images/ban.jpg" width="350" height="40" border="0">
</form>
$theme1=$_POST["theme"];
echo '<h1>'.$theme1.'</h1>';


Le soucis c'est que çà n'affiche rien ...

Bien à vous.

Dyco

1

Erdnax, le mardi 13 septembre 2005 à 13:49:25

Salut,

Essaie plutôt comme ça :

<form action="index.php" method="post">
<input type="hidden" value="1" name="theme">
<input type="image" src="images/ban.jpg" width="350" height="40" border="0">
</form>
$theme1 = $_POST['theme'];
echo '<h1>'.$theme1.'</h1>';

Ca marche ?
Grève de signure...

Répondre à Erdnax

2

dyco, le mardi 13 septembre 2005 à 14:07:38

C'est parfais çà marche.

Merci beaucoup j'avais pas penser au bouton caché.

Encore Merci

Répondre à dyco

3

dyco, le mardi 13 septembre 2005 à 15:20:39

Je suis désolé je me suis emballer trop vite ...

Mon soucis maintenant c'est que quand j'indique ce code

<form action="index.php" method="post">
<input type="hidden" value="1" name="theme">
<input type="image" src="images/ban.jpg" width="350" height="40" border="0">
<input type="hidden" value="2" name="theme">
<input type="image" src="images/anima.jpg" width="350" height="40" border="0">
</form>


Il prend en compte que la dernière image ...

Et si j'indique
<form action="index.php" method="post">	
<input type="hidden" value="1" name="theme">
<input type="image" src="images/ban.jpg" width="350" height="40" border="0">
</form>
<form action="index.php" method="post">	
<input type="hidden" value="2" name="theme">
<input type="image" src="images/anima.jpg"" width="350" height="40" border="0">
</form>

Il me fait un espace entre les formulaire.

Il y a une autre solution ?

Merci.

Dyco

Répondre à dyco

4

Erdnax, le mardi 13 septembre 2005 à 15:57:15

Re,

Alors en fait tu peux les mettre dans des cellules de tableaux, mais ça va jusqu'à un certain nombre, sans compter que tes images sont grandes pour être mises côte à côte. Enfin bref, tu peux faire ça comme ça :

<table border="0" cellpadding="0" cellspacing="0">
<tr>
  <td>
    <form action="index.php" method="post">	
    <input type="hidden" value="1" name="theme">
    <input type="image" src="images/ban.jpg" width="350" height="40" border="0">
    </form>
  </td>
  <td>
    <form action="index.php" method="post">	
    <input type="hidden" value="2" name="theme">
    <input type="image" src="images/anima.jpg"" width="350" height="40" border="0">
    </form>
  </td>
</tr>
</table>

@+
Grève de signure...

Répondre à Erdnax

5

dyco, le mardi 13 septembre 2005 à 16:06:00

En fait elles sont l'un en dessous de l'autre.
C'est des bannière qui dirige les themes du site.

Et j'avais déjà essayer le système de tableau, mais elles font toujours un enorme espace entre les images.

A mon avis c'est la balise

<form>
qui fait automatiquement l'espace.

Merci c'est génial que tu puisse m'aider comme çà.

Dyco

Répondre à dyco

6

Erdnax, le mardi 13 septembre 2005 à 16:21:16

Tu es sûr de bien avoir copié mon code ?

Parce que chez moi, elles s'affichent l'une à côté de l'autre, sans espace ni rien, tout bien :P

Alors est-ce que tu pourrais me donner ton code comme il est actuellement ?

@+
Grève de signure...

Répondre à Erdnax

7

StreM, le mardi 13 septembre 2005 à 16:27:21

Aaaah... saleté d'IE, il se comporte à chaque fois différemment...
Chez moi aussi, la balise FORM me fait un saut de ligne.
Si tu fais un tableau avec un cellpadding et cellspacing à 0 sans bordure, ca devrait passer.
Ou sinon 2 DIV avec les style float qui vont bien.

Moins le blanc est intelligent, plus le noir lui parait bête

Répondre à StreM

8

Erdnax, le mardi 13 septembre 2005 à 16:29:20

Justement, moi avec deux form, sans rien d'autre, ils sont l'un en dessous de l'autre, mais que je les mets dans un tableau (cf. code ci-dessus #4) ils s'affichent bien comme on essaye de le faire ;)
Grève de signure...

Répondre à Erdnax

9

dyco, le mardi 13 septembre 2005 à 16:31:43

<table>
<tr>
<td>
<form action="index.php" method="post"><input type="hidden" value="1" name="theme">
<input type="image" src="images/ban.jpg" width="350" height="40" border="0">
</form>
</td>
</tr>
<tr>
<td>
<form action="index.php" method="post"><input type="hidden" value="2" name="theme">
<input type="image" src="images/anima.jpg"" width="350" height="40" border="0">
</form></td></tr>
<tr>
<td>
<form action="index.php" method="post"><input type="hidden" value="3" name="theme">
<input type="image" src="images/cdg.jpg" width="350" height="40" alt=Cdg>
</form>
</td></tr>
<tr>
<td>
<form action="index.php" method="post"><input type="hidden" value="4" name="theme">
<input type="image" src="images/wowm.jpg" width="350" height="40" alt=Wow Moonlight>
</form>
</td>
</tr>
<tr>
<td>
<form action="index.php" method="post"><input type="hidden" value="5" name="theme">
<input type="image" src="images/wows.jpg" width="350" height="40" alt=Wow Sunlight>
</form>
</td>
</tr>
</table>

Voilà mon code, elles doivent etre l'une en dessous de l'autre. Pas l'une a coté de l'autre.
Merci de tes réponses rapide.

Dyco

Répondre à dyco

10

Erdnax, le mardi 13 septembre 2005 à 16:34:07

Bon, je suppose que ta dernière phrase est fausse, tu veux plutôt qu'elles soient à côté, et non dessous.
Grève de signure...

Répondre à Erdnax

11

Erdnax, le mardi 13 septembre 2005 à 16:36:48

Donc, selon mon message, essaye ça :

<table>
<tr>
  <td>
    <form action="index.php" method="post"><input type="hidden" value="1" name="theme">
    <input type="image" src="images/ban.jpg" width="350" height="40" border="0">
    </form>
  </td>
  <td>
    <form action="index.php" method="post"><input type="hidden" value="2" name="theme">
    <input type="image" src="images/anima.jpg"" width="350" height="40" border="0">
    </form>
  </td>
  <td>
    <form action="index.php" method="post"><input type="hidden" value="3" name="theme">
    <input type="image" src="images/cdg.jpg" width="350" height="40" alt=Cdg>
    </form>
  </td>
  <td>
    <form action="index.php" method="post"><input type="hidden" value="4" name="theme">
    <input type="image" src="images/wowm.jpg" width="350" height="40" alt=Wow Moonlight>
    </form>
  </td>
  <td>
    <form action="index.php" method="post"><input type="hidden" value="5" name="theme">
    <input type="image" src="images/wows.jpg" width="350" height="40" alt=Wow Sunlight>
    </form>
  </td>
</tr>
</table>


Mais c'est super large, donc je sais pas si c'est la meilleur solution, essaye peut-être de réduire un peu la taille de tes images ;)
Grève de signure...

Répondre à Erdnax

12

dyco, le mardi 13 septembre 2005 à 16:47:59

Je suis désolé mais c'est bien l'un en-desous de l'autre que je veux...
J'ai toujours un gros espace entre les bannières...

J'ai la même chause que strem a ce point de vue à
:
UNE IMAGE
UN GROS ESPACE
UNE IMAGE
UN GROS ESPACE
UNE IMAGE

Donc le tableua que tu me donne indique l'un a coté de l'autre mais ce n'est pas çà que je veux et sans tableau çà fait pareil...

Le cellpacing et padding ne marche pas non plus j'ai essayé ...

Dyco

Répondre à dyco

13

Erdnax, le mardi 13 septembre 2005 à 16:51:55

Arf, autant pour moi, j'ai mal compris dès le départ, et je suis resté à fond dans mon idée, désolé.

Bon, je cherche pour ta solution ;)
Grève de signure...

Répondre à Erdnax

14

dyco, le mercredi 14 septembre 2005 à 09:50:51

Bonjour,

Merci c'est gentil parce que là je vois pas du tout ...

Dyco

Répondre à dyco

15

Erdnax, le mercredi 14 septembre 2005 à 10:18:12

Re,

En fait, je me demande un truc (parce que là, je vois pas toptop la solution :S ).

Pourquoi tu ne veux pas plutôt utiliser un paramètre dans l'url ? Ca permet, en plus, que le visiteur rafraîchisse sa page sans message du type "La page ne peut pas être actualisée....."

Et ça simplifierai vachtiment les choses...
Grève de signure...

Répondre à Erdnax

16

StreM, le mercredi 14 septembre 2005 à 11:06:41

+1 !
J'ai juste lu en travers, mais d'après le code, tu veux juste passer le parametre "theme" a l'autre page... Donc :

<a href="tapage.php?theme=3"><img src="images/ban.jpg" width="350" height="40" border="0"></a>
et tu récupères le paramètre dans ta page par $_GET['theme']
Et si c'est la même page, va voir $PHP_SELF

Non ?

Explique nous ta problèmatique plutot que ton problème.

Moins le blanc est intelligent, plus le noir lui parait bête

Répondre à StreM

17

dyco, le mercredi 14 septembre 2005 à 11:15:28

Oui c'est ce que j'avais fait mais je voulais que les personne ne voix justemment pas çà pour des raison de securité de un et des faciliter d'encodage.
Parce que je connais moi les gars ou fille d'ailleur qui chipote et qui dise tien et si je met tel chiffre a la place çà donne quoi ?

PArce que en faite il y a que les personne qui a acces a ces themes qui on droit de les voir.

C'est pour cela que j'avais opter pour du post et pas du get...

Enfin voilà quoi mais si c'est pas possible tantpis...

Dyco

Répondre à dyco

18

Erdnax, le mercredi 14 septembre 2005 à 11:30:33

Mais où y a-t-il un problème de sécurité à passer des numéros ? Au pire, tu vérifie que le numéro existe bien, et si ce n'est pas le cas, hop, tu met le thème par défaut !
Grève de signure...

Répondre à Erdnax

19

StreM, le mercredi 14 septembre 2005 à 11:34:49

Tout à fait, tu fais un switch($_GET['theme']) avec un default, et pis voila.
Sinon, perso, j'opterais pour des liens si il me fallait VRAIMENT du post :

function soumettre(theme) {
   document.getElementById('theme').value=theme;
   document.nomform.submit();
}
<form name="nomform">
<input type=value id=theme name=theme value="">
<a href=# onclick="soumettre('1')"><img src=..></a>
<a href=# onclick="soumettre('2')"><img src=..></a>
</form>


Moins le blanc est intelligent, plus le noir lui parait bête

Répondre à StreM

21

Erdnax, le mercredi 14 septembre 2005 à 11:57:23

Ben voilà, elle est super cette solution non ?
Grève de signure...

Répondre à Erdnax

20

dyco, le mercredi 14 septembre 2005 à 11:35:27

Oui je sais j'ai certainement voulus compliqué la tâche en voulant la rendre plus simple.
Merci pour ton aide.

Dyco

Répondre à dyco

22

dyco, le mercredi 14 septembre 2005 à 14:10:04

Vendu ^^

Merci a vous deux pour votre aide.

Dyco

Répondre à dyco

23

Erdnax, le mercredi 14 septembre 2005 à 14:14:54

T'as une adresse où on peut voir le résultat ? ^^
Grève de signure...

Répondre à Erdnax

24

dyco, le mercredi 14 septembre 2005 à 14:31:37

Heu non là pas pour le moment je fais la V5 de mon site et evidemment c'est une surprise pour les habituer du site...

Dès que la V5 est fini je mets le lien promit

Dyco

Répondre à dyco

25

 Erdnax, le mercredi 14 septembre 2005 à 14:32:09

Oki, merci ;)
Grève de signure...

Répondre à Erdnax
Access: affichage d'image jpg? (Résolu) Bonjour à tous, je cherche à créer une base de données sous access 2002 dans laquelle un formulaire affiche des images. Je n'ai cependant réussi qu'avec des images bitmap (BMP), car pour des gifs ou des jpg le formulaire n'affiche que l'icone du... www.commentcamarche.net/forum/affich-2059692-access-affichage-d-image-jpg
Deux images pour valider un formulaire html (Résolu) Bonjour, j'aimerai determiner sur quelle image on click lorsque qu'il y a deux images pour valider un formulaire (ex : image "OK" et image "ANNULER"). Lorsque la method de passage de donnée est GET, je vois le nom de mon champ INPUT deux fois avec... www.commentcamarche.net/forum/affich-2384118-deux-images-pour-valider-un-formulaire-html
Formulaire : champ non modifiable (Résolu) Bonsoir à tous ! Je voudrais savoir comment faire, dans un formulaire, un champ "text" qui ne puisse être modifié, comme dans les formulaires d'envoi de réponse sur CCM par exemple ;-) ! ("Titre du message", pour une reponse; "Emeil", ...)... www.commentcamarche.net/forum/affich-9861108-formulaire-champ-non-modifiable
Javascript - Effacer un champ de formulaire lors du clic (focus)Il vous est sûrement arrivé de tomber sur un formulaire HTML avec des valeurs pré-remplies décrivant par exemple le type de valeur attendue. L'intention est louable mais il est désagréable de devoir sélectionner ce texte et le supprimer avant de... www.commentcamarche.net/faq/sujet-884-javascript-effacer-un-champ-de-formulaire-lors-du-clic-focus
Formulaires en ligne - La gestion des erreursBien qu'une attention particulière soit apportée à la conception des formulaires, tout risque d'erreur ne peut être écarté. Pour cette raison, des mécanismes de gestion des erreurs devront être mis en place. Dans le cas de saisies partielles ou... www.commentcamarche.net/faq/sujet-10791-formulaires-en-ligne-la-gestion-des-erreurs
Formulaire avec image en bouton (Résolu)Bonjour bonjour, J'ai un formulaire tout beau tout propre. J'ai placé une image en tant que bouton, pour cela, j'ai du changer son type en image, au lieu de submit. A partir de là, comment rendre valide mon formulaire. Car dès lors que le type n'est... www.commentcamarche.net/forum/affich-7989996-formulaire-avec-image-en-bouton
Emplir un formulaire automatiquementBonjour à tous Je suis à la recherche d'une application capable d'envoyer des données précises sur un formulaire internet. Imaginons une page x sur laquelle je suis sensé entrer la marque de ma voiture son type et sa cylindré je voudrai que... www.commentcamarche.net/forum/affich-1990501-emplir-un-formulaire-automatiquement
Formulaire / champ obligatoireBonjour à tous, je souhaite faire un formulaire avec Dreamweaver, ma question est simple: comment faire en sorte pour que certains champs soient obligatoires ? Merci d'avance pour vos réponses www.commentcamarche.net/forum/affich-2748082-formulaire-champ-obligatoire