IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Fct Onmousover et agrandissement d'une image.


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    67
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 67
    Par défaut Fct Onmousover et agrandissement d'une image.
    Bonour,

    Dans une page html, j'utilisais la fonction "onmouseover" pour agrandir une image (en remplaçant une autre image) :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <a href="grandeimage01.jpg" onmouseover="document.agrandissement.src='grandeimage01.jpg'"><img src="petiteimage01.jpg"></a>
     
    <img name="agrandissement" src="imagepardefaut.jpg"  Height="300" border="0">

    J'aimerai pouvoir utiliser cette même fonction avec php, mais cela ne fonctionne pas : "Imagepardefaut.jpg" reste désespérément vide !
    Quelqu'un aurait-il une idée ?

  2. #2
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    c'est-à dire utiliser la même fonction avec PHP ?

    je ne comprend pas vraiment, PHP s'exécute exclusivement coté serveur, ce que tu es en train de vouloir faire est purement du coté client ...
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  3. #3
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    Citation Envoyé par titoumimi
    c'est-à dire utiliser la même fonction avec PHP ?

    je ne comprend pas vraiment, PHP s'exécute exclusivement coté serveur, ce que tu es en train de vouloir faire est purement du coté client ...
    +1.
    Quelques remarques :
    • Pense à fermer tes balises <img ... />.
    • Utilise id plutôt que name (name n'est plus un attribut de img en XHTML).
    • Utilise document.getElementById('agrandissement').src plutôt que document.agrandissement.src (qui ne doit pas fonctionner sur certaines version de FF).
    • Vire tes majuscules dans le code HTML.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    67
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 67
    Par défaut Merci pour vos conseils...
    Pour info... Problème partiellement résolu !

    Il fallait en effet utiliser id plutôt que name.
    En revanche la fonction document.getElementById('agrandissement').src ne fonctionne pas. J'en reste donc avec la fonction précédente document.agrandissement.src
    De cette façon, j'obtiens le résultat escompté sur FireFox, mais pas sur I.E.
    Donc, je continue à chercher.

    Enfin, qu'est-ce qu'un(e) FF ???

  5. #5
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    FF = FireFox
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  6. #6
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    FF=Firefox.

    getElementById fonctionne parfaitement, je t'assure

    Pense à cliquer sur

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    67
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 67
    Par défaut Ca y est... génial !
    Merci à vous deux...
    En effet, la fonction document.getElementById('agrandissement').src fonctionne parfaitement !
    Il fallait juste "échapper" les apostrophes (Ah, faut vraiment tout leur expliquer à ces débutants).

    J'espère qu'un jour j'en serai au point de pouvoir vous rendre la pareille.
    D'ici là, j'ai encore bien du pain sur la planche ?

    Allez by, et prenez soin de votre santé.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD19] Agrandissement d'une image
    Par johan0510 dans le forum WinDev
    Réponses: 3
    Dernier message: 14/04/2014, 14h12
  2. Agrandissement d'une image
    Par jijikkk dans le forum OpenCV
    Réponses: 0
    Dernier message: 12/12/2009, 12h57
  3. Agrandissement d'une image
    Par jolio2006 dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 01/11/2009, 10h34
  4. Écrasement du texte lors de l'agrandissement d'une image
    Par bubleguy dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 08/12/2006, 16h31
  5. [FLASH 8] Agrandissement d'une image
    Par arnaud_verlaine dans le forum Flash
    Réponses: 1
    Dernier message: 31/05/2006, 21h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo