Page 1 sur 1
Image taille réel lorsque le curseur passe dessus
Posté : 05 sept. 2007, 15:15
par thewind1
Bonjour,
Pourrai-je savoir comment généré une image plus grande lorsque mon curseur passe sur l'image, svp ?
Merci
Posté : 05 sept. 2007, 17:25
par Ryle
C'est un événement et une intéraction côté client, donc sans rapport avec php qui s'exécute sur le serveur. Il te faut utiliser du javascript, l'action onMouseOver et modifier les propriétés width et height de ton image

Posté : 05 sept. 2007, 19:42
par thewind1
Hello Ryle,
Merci pour ton aide.
Justement je suis en train de mettre sur javascript (côté client), beaucoup de choses qui me plaisent beaucoup d'ailleurs, je vais voir pour "onMouseOver".
Je peux donc faire un mélange PHP/javascript sans souci ?
Y-a-t-il des pièges à éviter, ou des choses conseillées ?
Merci bien.
Posté : 06 sept. 2007, 00:14
par Ryle
Pas vraiment de piège non.. la remarque habituelle étant "PHP s'exécute sur le serveur et génère du code html, Javascript s'exécute chez le client à partir du code html généré"
Tu peux ainsi construire ton code js à partir de php comme n'importe quel élément html de ta page, mais javascript ne pourra pas exécuter de requête php au sein de la page (il faut pour cela réintéroger le serveur en rechargeant la page ou en utilisant ajax, mais tu n'en es pas encore là

)
En conseil, je dirais de faire attention sur les alternances guillemets / apostrophes si tu génères du js avec php. Le plus simple étant toujours de partir du code que tu souhaites obtenir et y intégrer le php au fur et à mesure.
Egalement, penser à utiliser l'objet courrant avec "this". Dans le cas de ton image par exemple, tu aurait onMouseOver="this.style.width = ... " (pis tant que j'y pense, tu as également l'événement onMouseOut qui correspond à la sortie de la souris d'au dessus de l'élément)
Sinon euh... en piège bête qui m'a souvent tapé sur les nerfs, je dirais le "+" qui sert à l'addition et à la concaténation. Comme en php les variables ne sont pas explicitement typés, mais le sont implicitement tu peux donc te retrouver avec des " 1 + 1 = 11 " parce que l'un des deux était une chaine et non un nombre

Posté : 06 sept. 2007, 02:32
par thewind1
Ok, je vois.
Je suis justement sur le chapitre des formulaires où j'aborde "this" le raccourcis, et la partie évènementielle.
Décidément j'ai l'impression que PHP et javascript vont bien ensemble, ils sont complémentaires.
Comme l'a dit Genova PHP génère et javascript commande l'interface document.
Pour javacsript aurais-tu un bon livre à me conseillé ?
Là je suis en train de suivre les cours du site du zéro et toutjavacript.com.
L'équivalent de php.net mais pour javascript, où dois-je aller stp ?
Merci Ryle
Posté : 12 sept. 2007, 17:29
par thewind1
Coucou,
En fait, ça fonctionne très bien en générant une image dans un infobulle personnalisé avec du css.
@+
Posté : 12 sept. 2007, 17:31
par fab
thewind1 l'homme qui a inventé le générateur de question sur phpfrance
Posté : 12 sept. 2007, 18:50
par Calimero
thewind1 l'homme qui a inventé le générateur de question sur phpfrance
Y'a d'ailleurs un gros bug dans le bot, il poste toujours dans le mauvais forum

Posté : 12 sept. 2007, 19:54
par Sékiltoyai
Ca casse dur par là

Posté : 12 sept. 2007, 20:22
par AB
L'équivalent de php.net mais pour javascript, où dois-je aller stp ?
Ben malheureusement je me suis également longtemps posé la question, mais pas moyen de trouver sur le net l'équivalent javascript d'un manuel php.
J'ai trouvé une alternative avec selfhtml.org qui donne la compatibilité des fonctions avec de bons exemples mais le pb c'est qu'ils n'ont pas de moteur de recherche.
Posté : 12 sept. 2007, 20:30
par thewind1
Génial

Merci AB
Posté : 13 sept. 2007, 06:34
par Cyrano
...J'ai trouvé une alternative avec selfhtml.org qui donne la compatibilité des fonctions avec de bons exemples mais le pb c'est qu'ils n'ont pas de moteur de recherche.
Il y a
la quick bar qui est quand même pratique et pas limitée au JavaScript.
Posté : 18 sept. 2007, 23:15
par AB
ça peut servir parfois de relire des vieux post...
J'avais pas vu ta réponse et n'avais pas encore remarqué cette quick barre. Donc je tapais les méthodes dans google en rajoutant selfhtml pour avoir un résultat.
Merci bien Cyrano
