Discussion :

[artenis]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

 <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

[RomainVALERI]

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

[artenis]

voici le formulaire:

le bouton en question s'intitule "pubnow"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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. ^^

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[artenis]

Merci Kaamo ta reponse va m'aider a resoudre mon probleme ( input type button, style)
RomainV : il n'y a justement pas d'erreur ou de message du serveur

[RomainVALERI]

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

[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 ?

[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é

[ouldfella]

voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et le css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[RomainVALERI]

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+