Page 1 sur 1

onMouseOver et onMouseOut pour une image

Posté : 07 sept. 2007, 00:00
par thewind1
Bonsoir,

Je ne comprends pas pourquoi mon image ne s'agrandit pas lorsque je passe ma souris sur l'image !!!
Quelqu'un pourrait-il m'aider svp ?

Voici mon code :
<?php
include 'connexionbdd.php';
//include 'panier.php'; 
require 'lib/mes_fonctions_panier.inc.php';//PAS DE CROCHER mais des quotes !!!!!!!    

$donnee = mysql_query("SELECT * FROM produit") or die(mysql_error());   

 
while ($resultat = mysql_fetch_array($donnee))//affichage des résultats    
  {
    $html = '<form action="index.php" method="post" size="170" id="voirpanier"><fieldset>';
    $html.= '<img src="'.$resultat['url_photo'].' onMouseOver="this.style.width=400px" onMouseOut="this.style.height=150px""><br/><legend>'.$resultat['nom'].'</legend>';
    $html.= '<br>'.$resultat ['prix_ht'].' euros X';   
    $html.= '<input type="text" name="quantite" value="1" size="1"/><input type="submit" name="panier" value="panier"/>';        
    $html.= '<br/>'.$resultat['description'].'<br/>Montant H.T. : '.montant_panier($_POST['panier']).'<br/>';
    $html.= 'Modifier quantité :<input type="text"'.modif_qte($ref_article, $_POST['quantite']).'name="modif"/></fieldset></form>'; 
     
    echo $html;
     
  } 
?>

Posté : 07 sept. 2007, 01:03
par Sékiltoyai
Mets des balises
.

Posté : 07 sept. 2007, 08:00
par zeus
Modération :
thewind1, je pense que tu as bien compris qu'il fallait utiliser les balises pour mettre en forme ton code, mais je pense que tu n'as pas compris comment.

Je t'invite très vivement à lire ces indications sur la manière de mettre en forme vos messages dans la FAQ


@Sekiltoyai : préfère nous signaler les messages de ce genre, merci ;)

Posté : 07 sept. 2007, 10:08
par Ryle
Ton problème vient probablement du fait que "400px" n'est pas un nombre, mais une chaine de caractère et doit donc être délimitéep par des guillemets ou apostrophes, le plus simple ici étant d'utiliser les secondes (puisque l'attribut est déjà délimité par des guillemets) et de les protéger d'un \ pour que php le considère comme un caractère apostrophe et pas comme la fin de sa chaine à lui :)

Posté : 07 sept. 2007, 10:52
par thewind1
Bonjour Ryle,

J'ai mis l'apostrophe autour de chaque chaîne de caractère et protégé par des slash inversé mais l'image ne s'affiche pas.

Merci quand même.

Posté : 07 sept. 2007, 11:19
par Ryle
Si ton image ne s'affiche pas, c'est que la source n'est pas bonne, et pour cause, tu as un petit soucis au niveau de la délimitation de tes attributs html :

Code : Tout sélectionner

tu as <img src=" ... onMouseOver="..." onMouseOut="..." " /> au lieu de <img src="..." onMouseOver="..." onMouseOut="..." />

Posté : 07 sept. 2007, 11:59
par thewind1
ça fonctionne :D

Merci Ryle, c'était une erreur toute bête, j'avais oublier de un " à la fin de scr="... :?

Mais là ce n'est pas ce que je voulais obtenir en fait. je pensais que ça allait générer un genre de popup qui donne une image plus grand.
Je viens de trouver un tuto de jojolapine mais à peaufiner.
Mince, je l'ai déjà perdu !!!!
Je vais le rechercher et le mettre en lien ici.

Posté : 07 sept. 2007, 12:05
par jojolapine
Heing?
J'ai jamais écrit de tuto moi.... :shock:
A moins que ce soit mon double?

Posté : 07 sept. 2007, 12:06
par Ryle
Ah bah oui mais t'as demandé une image qui grandit au passage de la souris, pas une popup qui s'ouvre quand on clique sur l'image ;)

Tu peux regarder du côté de onClick et window.open du coup... sinon tu peux faire une recherche sur lightbox, tu devrais trouver pas mal de truc sympa et animés qui correspondent à ce que tu veux faire :)

Posté : 07 sept. 2007, 12:51
par thewind1
Oups vraiment désolé à tous !:?:?

J'ai pu trouvé l'idée de jojolapine.

Excusez-moi mais je me suis trompé il n'y pas de popup dans l'explication de jojolapine !mi a culpa

Voici le lien :

http://www.phpfrance.com/forums/viewtop ... seover+img

Posté : 07 sept. 2007, 16:17
par jojolapine
Ok je me rappel que j'avais écrit ce piti message (rien d'un tuto entre nous :langue: )
Bref est-ce que tu as réussit à obtenir ce que tu souhaitais?

Posté : 07 sept. 2007, 21:25
par thewind1
Bonsoir jojolapine,

C'est vrai, ça na rien avoir d'un tuto, vraiment désolé. :?

Justement je suis dessus, je vous tiens au courant.

Merci.