Forum d'entraide PHPFrance

Bonjour , j'ai depuis peut mi en ligne un serveur wow avec sont site , mais je rencontre un problème avec la boutique :

lorsque on veut choisir une catégorie en cliquant sur l'image sa me revois au même endroit .

voici une des lignes concerné :

<input type="image" name="cat" value="1" src="images/boutique/boutons/armes.png" onclick="submit"/>

part contre quand on remplace <input type="image" part <input type="submit" sa fonctionne a la différence que l'image disparais pour être remplacée part le chiffre 1 .

Personne pour solutionner mon problème ?

Bonjour,

Est-ce que ça fonctionne avec cette syntaxe ?

<INPUT border=0 src="images/boutique/boutons/armes.png" type=image Value=submit align="middle" > 

bonjour et non quand je clique sur l'image sa ne change rien ,

j'ai teamspeak se sera peut être plus facile pour t'expliquer ^^

J'ai un boulot lol

Teamspeak est à proscrire XD (même si là effectivement, mon travaille de recherche consiste à trouver quoi faire pour m'occuper ^^' enfin c'est ça d'attendre des clients :p)

Donc ça ne fonctionne pas non plus

Tu pourrais mettre un peu plus de code, pour voir à quoi ça ressemble tout ça ?

Et donc en mettant le type="submit" ça passe ?

Ma formule, l'as-tu essayer en rajoutant des guillemets un peu partout ? :p

Slt essaye ça :

<form method="post" enctype="multipart/form-data" action="lien de ta page">
<p>
<input src="tonimageici">
</p>
</form>

oui je me doute bien que tu travail lol , moi aussi mais pas aujourd'huit , bon voici le contenu de mon fichier "boutique"

<script src="js/power.js"></script>
<?php
if($_SESSION['login'] && $_SESSION['login'] == TRUE ) 
     {
?>
<div align="center">
<h2>Boutique d'Objets!</h2>
<hr color="#C49720" size="4px">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp; Armes &nbsp; &nbsp;Armures &nbsp; &nbsp; Bijoux &nbsp;&nbsp; Boucliers &nbsp;Familiers&nbsp;&nbsp;</span><br/>
<form action="index.php?site=boutique" method="post">
<input type="image" name="cat" value="1" src="images/boutique/boutons/armes.png" onclick="submit"/>
<input type="image" name="cat" value="2" src="images/boutique/boutons/armures.png" onclick="submit"/>
<input type="image" name="cat" value="3" src="images/boutique/boutons/bijoux.png" onclick="submit"/>
<input type="image" name="cat" value="4" src="images/boutique/boutons/boucliers.png" onclick="submit"/>
<input type="image" name="cat" value="5" src="images/boutique/boutons/compagnon.png" onclick="submit"/><br/>
<span>&nbsp; &nbsp;artisanats&nbsp; Argents &nbsp;&nbsp; Héritage &nbsp; Montures &nbsp; &nbsp; Sacs &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><br/>
<input type="image" name="cat" value="6" src="images/boutique/boutons/compo.png" onclick="submit"/>
<input type="image" name="cat" value="7" src="images/boutique/boutons/gold.png" onclick="submit"/>
<input type="image" name="cat" value="8" src="images/boutique/boutons/herit.png" onclick="submit"/>
<input type="image" name="cat" value="9" src="images/boutique/boutons/montures.png" onclick="submit"/>
<input type="image" name="cat" value="10" src="images/boutique/boutons/sacs.png" onclick="submit"/>
</form>
<?php
if(isset($_POST['cat']) && $_POST['cat'] != 'NULL') {
$ry = viewboutique();
echo '<table border="1">';
while($rep = mysql_fetch_array($ry)) {
echo '<tr><th width="200"><a href="index.php?site=boutiqacht&id='.$rep['id'].'">Acheter</a></th><th width="200"><a href="http://fr.wowhead.com/?item='.$rep['id'].'"> '.$rep['nom'].'</a></th><th width="200">Prix : '.$rep['prix'].' Points</th></tr><br/>';
}
echo "</table>";
}
}else
{
echo '<meta http-equiv="refresh" content="3;URL=index.php">';
echo '<p class="erreur">Erreur : vous devez &ecirc;tre connect&eacute; pour avoir acc&egrave;s a cette page.<br/><br/>Redirection dans 3 secondes ...</p>';
}
?>
</div>

bonjour timotebx et merci mais je doit mettre le code ou ^^ je suis débutant

Tu met ton code la où tu veux mettre ton boutton.

Et si tu essayais ça pour voir :

<input type="submit" name="cat" value="1" style="background:url(images/boutique/boutons/armes.png); border:none; width:largeur_de_l'image; height:hauteur_de_l'image;"/>

On l'aura à l'usure !!!

Sa donne rien timotebx , sa doit pas être grand choses car comme je l'ai dit plus haut en remplaçant "image" part "submit" sa fonctionne a la différence que l'image disparais et est remplacée part " 1 "

Alors la on est sur la bonne voie Lyssorus a la différence que l'image" arme.png "est décalée , mais j'ai testé que sur la première , je vais essayer les autres il se peut que tout se recale correctement .

Si ça merdouille tu peux essayer d'ajouter un float:left; ou float:right; voir même un position:adsolute; ou position:relative; dans le style.

Ou si tu utilise déjà une feuille de style CSS tu met tout le style="..." dedans plutot que de le mettre là :/
Ça sera plus propre lol.

Heu oublie pas que je suis très débutant lol car la j'ai rien compris , si non bonne nouvelle j'ai donc modifier toutes les lignes le seul souci est le décalage des images je s est pas trop si j’ai le droit de mettre un screen pour te montrer se que sa donne , mais sa te permettrais de voir le résultat ^^

Salut,

Bah tu peux mettre un screen oui, si tu veux pas d'emmerde tu "floutte" les adresse ou truc sensibles et surtout lol, tu fait en sorte que t'on image ne soit pas en 5000*5000 lol, ou tu fait afficher une miniature

Alors explication :

<input type="submit" name="cat" value="1" style="background:url(images/boutique/boutons/armes.png); border:none; width:largeur_de_l'image; height:hauteur_de_l'image;"/>

style="background:url(images/boutique/boutons/armes.png); border:none; width:largeur_de_l'image; height:hauteur_de_l'image; C'est en fait du CSS qu'on met directement dans le input, ça permet de le mettre en forme, mais ça perd tout l’intérêt dela feuille de style (feuille CSS) vu que le but de cette feuille est de centraliser pour pouvoir facilement modifier tout un style d'un coup.
Donc si tu as une feuille de style CSS, ce qui est dans style="..." faudrait le mettre dans le CSS sous forme de :

.form input[type=submit]{

background:url(images/boutique/boutons/armes.png) top right no-repeat;
width:largeur;
height: hauteur;
padding: 0 0 0 10px;
border:0;
}

Et donc j'avais dis que si tu as un décalage :

Si ça merdouille tu peux essayer d'ajouter un float:left; ou float:right; voir même un position:adsolute; ou position:relative; dans le style.

C'est à rajouter dans style="...." (ou dans ta feuille de style) essaye les quatres séparément ^^' et vois ce que ça donne :p parce qu'en fait, je ne connais pas trop les effets XD