Action submit sur un input type image

Version imprimable

20/04/2012, 14h08
artenis

Action submit sur un input type image

Bonjour,

a ce jour est-ce que l'input type "image" effectue bien la même action que le "submit" ?

j'ai beau essayé et ça ne marche pas:

voici mon code:

Code:

<input type="image" src="images/publier.png" name="pubnow" id="pubnow" class="pubstyle" />

les données ne sont pas envoyées à la page de traitement

voici un assaie:

Code:

<input type="image" src="images/publier.png" name="pubnow" id="pubnow" class="pubstyle" onClick="this.form.submit();" />

toujours pas

je tourne en rond pourriez-vous m'aider
par avance merci pour vos réponses
20/04/2012, 15h33
RomainVALERI

Pas besoin d'onclick ça devrait fonctionner, il doit y avoir autre chose ailleurs : montre-nous le code du formulaire ^^

voici le formulaire:

le bouton en question s'intitule "pubnow"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<?php  while( $recup_accueil  = mysql_fetch_array($result_accueil ) ){ ?>
	<form method="post" action="traitement.php">
 
        <div  id="ata" >  BLOC (Haut Gauche) Texte 1</div>
 
        <div id="infopubli">
        	<div class="titrepubli"> <?php echo (html_entity_decode($recup_accueil['titre1'])); ?></div>
            <div class="details-articles">
            	<span style="font-size:18px;">Etat actuel:</span>
                <br/><br/> 
                <span style="color:black; margin-left:20px;">
                	<label> Publié :</label>
                    <input type="radio" name="publier" value="0"><label>Oui</label> 
                    <input type="radio" name="publier" value="1"> <label>Non</label>
                </span><br/><br/>
                <span style="color:black; margin-left:20px;">
                	<label>Date de création:</label>
                    <div style="background:white; width:180px; height:18px; font-size:12px; margin-left:15px;"><?php if(!empty($recup_accueil['date1'])) echo ($recup_accueil['date1']); ?></div>
 
                </span>
                <br/>
                 <span style="color:black; margin-left:20px;">
                	<label>Début de publication:</label>
                    <input type="text" name="date-crea" id="datepicker1"  cols="20"  rows="1"  style="margin-left:15px;"><?php  ?></textarea>
                </span>
                 <br/>
                 <span style="color:black; margin-left:20px;">
                	<label>Fin de publication:</label>
                    <input type="text" name="date-fin" id="datepicker2"  cols="20"  rows="1" style="margin-left:15px;" ><?php  ?></textarea>
                </span>
            </div>
 
        	<input type="image" src="images/publier.png"  name="pubnow"  id="pubnow" class="pubstyle"  onClick="this.form.submit();"/>
 
 
           <input type="image" src="images/enregistrer.png" name="save" class="pubstyle" >
 
          <div id="apercu" class="pubstyle"></div>
           <div id="supprimer" class="pubstyle"></div>
 
           <div id="aff-apercu" title="Cliquer sur l'image pour la fermer">
		   		<div style="height:68px; border-bottom:3px solid #81A7CD;"><?php echo (html_entity_decode($recup_accueil['titre1'])); ?></div>
                 <br/> 
				 <?php echo (html_entity_decode($recup_accueil['text1'])); ?>
           </div>
 
        </div>
        <div id="aza">
            <div id="t-aza" >
                Titre de l'article<br />
                <textarea name="edittitre" class="mceEditor" style="max-width:462px; height:100px; overflow:auto; margin-bottom:20px;"  ><?php echo ($recup_accueil['titre1']); ?></textarea>
            </div>
 
            <div id="c-aza" >
                Texte de l'article<br />
                <textarea name="edittext" class="mceEditor" style="max-width:462px; height:341px; overflow:auto;"  ><?php echo ($recup_accueil['text1']); ?></textarea>
            </div>
        </div>
 
 
 
    </form>
   <?php }; ?>

voici la partie PHP de traitement:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
if(isset($_POST['pubnow'])){
 
		//$date_time = date("l j F Y \à G \h i ");
 
		mysql_connect('localhost','root', '');
		mysql_select_db('ibo_admin');
		mysql_set_charset('utf8');
 
		$texteaccueil = mysql_real_escape_string(htmlentities($_POST['edittext']));
		$titreaccueil = mysql_real_escape_string(htmlentities($_POST['edittitre']));
 
		if(!empty($texteaccueil) && !empty($titreaccueil)){
			$acc1 = "UPDATE admin_accueil SET titre1='$titreaccueil',text1='$texteaccueil' ";
			mysql_query($acc1) or die(mysql_error());
		}
		header('Location:accueil.php');
	};

merci pour ton intérêt a mon problème

si je ne mets pas d'input type image , mais plutot un sublit tout de suite ça marche , mais actuellement je n'ai pas trouvé d'autre moyen pour mettre une image a la place d'un input

20/04/2012, 16h19
RomainVALERI

Je n'ai pas lu ton code PHP (pourquoi ?). Ce qu'il nous faut, c'est le code généré, pas le code serveur. ^^
20/04/2012, 17h05
Kaamo
le but d'utiliser un type image, c'est justement de ne pas mettre un événement "onclick" dessus. Historiquement, le principe de base des input image est de renvoyer les coordonnées x et y du point cliqué dans l'image et rien d'autres. Que firefox et autres envoient également la value ne semble pas être un bon usage de cet élément.

Tu utilises quel navigateur ? IE et Opera "respectent" ce qui doit être envoyé lors de la soumission du formulaire. Ils envoient seulement les coordonnées du clic sur le bouton image.

Donc sous IE / Opera, $_POST aura pour contenu (d'ailleurs, ait le réflexe de faire un petit print_r($_POST) à chaque réception. Ça peut éviter des erreurs classiques ;) ) :
Code:

1 2 3 4 5 Array ( [pubnow_x] => position X [pubnow_y] => position Y )
Donc ton $_POST['pubnow'] ne sera pas posté. Donc ton test isset() renverra toujours faux.

Il faut que tu tests la réception des autres input ;)

Si tu souhaites utiliser plusieurs boutons images sur le même formulaire, alors il faudra différencier coté serveur quel bouton a été cliqué. Une alternative : utiliser des type "button" et les styler à l'aide de CSS. (en appliquant un background-image par exemple)
21/04/2012, 11h33
artenis

Merci Kaamo ta reponse va m'aider a resoudre mon problem:oops:e ( input type button, style)
RomainV : il n'y a justement pas d'erreur ou de message du serveur
21/04/2012, 14h40
RomainVALERI

Citation:

Envoyé par artenis

RomainV : il n'y a justement pas d'erreur ou de message du serveur

Non, tu n'as pas compris ma remarque, c'est expliqué dans le lien mais tu n'as pas lu :roll:
22/04/2012, 11h47
ouldfella

pourquoi ne pas utiliser un input de type submit
et de lui définir une règle css de sorte à afficher ton image simplement, sans casser ta tête ?
23/04/2012, 10h17
artenis

ouldfella, ta suggestion est intéressante , mais c'est la première chose que j'ai fait , et sans résultat, si j'ai bien lu les indications d'autres forum, suite à mon échec, il est impossible de personnalisé un input type submit

Correction: après deuxieme essai, ça marche, mon probleme était de supprimer le texte, "envoyer", résolu par un value "vide".

donc merci de m'avoir remis dans le droit chemin ouldfella

donc désolé d'avoir fait un post pour ce genre de problème
merci à ceux qui m'ont répondu et aidé

voici un exemple :

Code:

<button type="submit">Envoyer</button>

et le css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
button {
    background: url("../images/bg_button.png");
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px 0 0;
    padding: 7px;
    text-align: center;
    text-transform: capitalize;
}

23/04/2012, 13h08
RomainVALERI

Citation:

Envoyé par artenis

donc désolé d'avoir fait un post pour ce genre de problème

Ben non t'inquiète ^^ tu as bien fait, ça n'avait rien d'absurde.

A+