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 :

Utilisation des paramètres


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    361
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 361
    Par défaut Utilisation des paramètres
    Bonjour, j'essaye depuis un moment d'utiliser des paramètres php envoyé en javascript.

    Pour le contexte, c'est une photo qui change au passage de la souris.

    javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function test(num, url) {
     
    	var id = "element" + num;
     
    	$(id).attr("src", url);
     
    	alert(id);
    };

    php :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <div class="athlete">
    	$num = 1;
    	$urlon = 'img/team/on.jpg';
    	$urloff = 'img/team/off.jpg';
    	$buffer .= '<img src="img/team/off.jpg" class = "element'.$num.'" onMouseOver="test(\''.$num.'\', \''.$urlon.'\')" onMouseOut="test(\''.$num.'\', \''.$urloff.'\')">';
     
    </div>
    L'alert fonctionne très bien mais l'image ne change pas, si quelqu'un saurait pourquoi ... ?

    Merci d'avance

  2. #2
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    Citation Envoyé par mateuil Voir le message
    Bonjour, j'essaye depuis un moment d'utiliser des paramètres php envoyé en javascript.

    Pour le contexte, c'est une photo qui change au passage de la souris.

    javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function test(num, url) {
     
    	var id = "element" + num;
     
    	$(id).attr("src", url);
     
    	alert(id);
    };

    php :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <div class="athlete">
    	$num = 1;
    	$urlon = 'img/team/on.jpg';
    	$urloff = 'img/team/off.jpg';
    	$buffer .= '<img src="img/team/off.jpg" class = "element'.$num.'" onMouseOver="test(\''.$num.'\', \''.$urlon.'\')" onMouseOut="test(\''.$num.'\', \''.$urloff.'\')">';
     
    </div>
    L'alert fonctionne très bien mais l'image ne change pas, si quelqu'un saurait pourquoi ... ?

    Merci d'avance
    à mon avis tu mélanges php, html et javascript.

    peux-tu nous montrer le code source/html généré ? (donc sans php)

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    361
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 361
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
     
    <div class="athlete">
         <img src="img/team/chauvelier_off.jpg" class = "action" onMouseOver="test('1', 'img/team/chauvelier_on.jpg')" onMouseOut="test('1', 'img/team/chauvelier_off.jpg')">
    </div>

  4. #4
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    Citation Envoyé par mateuil Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
     
    <div class="athlete">
         <img src="img/team/chauvelier_off.jpg" class = "action" onMouseOver="test('1', 'img/team/chauvelier_on.jpg')" onMouseOut="test('1', 'img/team/chauvelier_off.jpg')">
    </div>
    le "$" c'est jQuery ? ou un autre framework ? Comment il est censé récupérer ton image avec "element1" ?

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    361
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 361
    Par défaut
    Au temps pour moi, il y a une erreur dans le dernier code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div class="athlete">
         <img src="img/team/chauvelier_off.jpg" class = "element1" onMouseOver="test('1', 'img/team/chauvelier_on.jpg')" onMouseOut="test('1', 'img/team/chauvelier_off.jpg')">
    </div>
    Je l'avais changé dans mes derniers tests, mais cela ne fonctionne pas mieux. Oui, le $ correspond au Jquery.

  6. #6
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    class != id

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    361
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 361
    Par défaut
    Je suis d'accord mais étant donné qu'à terme, j'aurais plusieurs images sur la page, au survol d'une image, toutes les images ne doivent pas être modifié, donc avoir un nom de classe différentes ...

  8. #8
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Citation Envoyé par mateuil Voir le message
    Je suis d'accord mais étant donné qu'à terme, j'aurais plusieurs images sur la page, au survol d'une image, toutes les images ne doivent pas être modifié, donc avoir un nom de classe différentes ...
    ... des id différents.

    Garde les classes pour ce qu'elles sont (potentiellement communes à divers éléments, sinon elles n'ont aucun intérêt) et les id aussi, et les vaches seront bien gardées...

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var id = "#element" + num;
     
    	$(id).attr("src", url);
    id => #
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  10. #10
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    361
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 361
    Par défaut
    Nikel, cela fonctionne en remplaçant class par ID et avec un petit # avant element Merci pour votre aide

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 15/01/2009, 16h09
  2. [2.2.0] Utilisation des Paramètres
    Par GAEREL dans le forum BIRT
    Réponses: 7
    Dernier message: 25/06/2008, 13h54
  3. Réponses: 3
    Dernier message: 14/03/2008, 22h09
  4. Utilisation des paramètres avec rowsource - 97 et 2003
    Par IntenseM3 dans le forum Access
    Réponses: 1
    Dernier message: 10/05/2006, 09h18

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