onMouseOver et onMouseOut pour une image

Eléphant du PHP | 130 Messages

07 sept. 2007, 00:00

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;
     
  } 
?>
Le vent souffle où il veut et tu en entends le bruit,
Mais tu ne sais d'où il vient, ni où il va ...

ViPHP
ViPHP | 5924 Messages

07 sept. 2007, 01:03

Mets des balises
.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

07 sept. 2007, 08:00

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 ;)
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

07 sept. 2007, 10:08

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 :)
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

Eléphant du PHP | 130 Messages

07 sept. 2007, 10:52

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.
Le vent souffle où il veut et tu en entends le bruit,
Mais tu ne sais d'où il vient, ni où il va ...

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

07 sept. 2007, 11:19

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="..." />
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

Eléphant du PHP | 130 Messages

07 sept. 2007, 11:59

ç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.
Le vent souffle où il veut et tu en entends le bruit,
Mais tu ne sais d'où il vient, ni où il va ...

ViPHP
ViPHP | 3607 Messages

07 sept. 2007, 12:05

Heing?
J'ai jamais écrit de tuto moi.... :shock:
A moins que ce soit mon double?

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

07 sept. 2007, 12:06

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 :)
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

Eléphant du PHP | 130 Messages

07 sept. 2007, 12:51

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
Le vent souffle où il veut et tu en entends le bruit,
Mais tu ne sais d'où il vient, ni où il va ...

ViPHP
ViPHP | 3607 Messages

07 sept. 2007, 16:17

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?

Eléphant du PHP | 130 Messages

07 sept. 2007, 21:25

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.
Le vent souffle où il veut et tu en entends le bruit,
Mais tu ne sais d'où il vient, ni où il va ...