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 :

passer un argument vers javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de gantec
    Inscrit en
    Février 2007
    Messages
    225
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 225
    Par défaut passer un argument vers javascript
    Bonjour,

    pour réaliser un site Intranet, j'ai crée un module de demandes. La page d'affichage des demandes est une liste récupérée via SQL et affichée dans une page PHP.

    mon problème survient dès maintenant : lorsque je clique sur DETAILS de la demande, je souhaiterais utiliser un LIGHTBOX avec CSS et Javascript pour afficher les détails de la demande.

    Mais je ne sais pas vraiment comment utiliser ce système afin de récupérer l'id en paramètre et le passer avec Javascript...

    Voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a>
    <div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)">Retour</a>
    Je pense que le paramètre doit être passé dans le premier <a> avec javascript ??

    Merci de votre aide.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    pas bien saisi le problème je me jettes avec ceci
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <!DOCTYPE html>
    <html>
    <head>
    <title>[...]</title>
    <style type="text/css">
    #light {
      display : none;
      border : 1px solid #e0e0e0;
      width : 150px;
    }
    </style>
    <script type="text/javascript">
    </script>
    </head>
    <body>
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';">here</a>
    <div id="light" class="white_content">
      This is the lightbox content.
      <a href = "javascript:void(0)" onclick="this.parentNode.style.display='none';">Retour</a>
    </div>
    </body>
    </html>
    pour faire avancer le schmilblick!

  3. #3
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2011
    Messages
    271
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Italie

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Avril 2011
    Messages : 271
    Par défaut
    Je n'ai pas bien saisi le probleme, de ce que j'ai compris , y'a deux cas passage de variable de php a js et inversement...
    - Passage de variable de php à une fonction javascript :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href = "javascript:void(0)" onclick="affiche(<?php echo $resultat; ?>")>here</a>
    - Passage de variable de javascript à php :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href = "page.php?id=1">here</a>

    et dans page.php tu recupere Id
    avec :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <?php
    echo $_POST["id"];
    ?>

  4. #4
    Membre confirmé Avatar de gantec
    Inscrit en
    Février 2007
    Messages
    225
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 225
    Par défaut
    Merci pour vos réponses,

    @Fab,

    quel est la fonction js de affiche() ??

    merci a+

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Citation Envoyé par gantec Voir le message
    quel est la fonction js de affiche() ??
    tu dois pas être bien loin de ce que tu as mis sur les événements onclick de tes liens me semble t-il.

  6. #6
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    un détail mais ça fait pas de mal
    ce code marche mais ....
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <a href = "javascript:void(0)" 
       onclick="affiche(<?php echo $resultat; ?>")>here</a>

    voici une façon de faire qui marche conformément au W3C et à EcmaScript
    qui de plus prends en compte le cas ou l'utilisateur à désactivé Javascript
    1) faire un epage HTML statique nommée noJavascript.html qui contient un message indiquant à l'utilisateur que le site ne fonctionne qu'avec javascript

    dans ton code si javascript est désactive le onclick n'est pas exécuté et tu tente d'exécuter javascript:void(0) or il n'y a pas de javascript

    si js est actif ton code onclick est exécuté puis ensuite ton code void(0) aussi

    2)
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <a href = "/noJavascript.html" 
       onclick="affiche(<?php echo $resultat; ?>"); return false;>here</a>

    si JS n'est pas présent le click ouvre la page annonçant que JS est nécessaire
    Si js est présent ton code onclick est exécuté mais comme il fait un return false le lien n'est pas activé
    A+jyt

  7. #7
    Membre confirmé Avatar de gantec
    Inscrit en
    Février 2007
    Messages
    225
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 225
    Par défaut
    Merci pour vos réponses à tous.

    Problème résolu.

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

Discussions similaires

  1. passer une variable vers javascript
    Par eric204044 dans le forum Langage
    Réponses: 2
    Dernier message: 01/07/2010, 10h07
  2. Réponses: 10
    Dernier message: 26/01/2008, 00h09
  3. Passer en argument à une page PHP un tableau en JavaScript?
    Par Izanaghi dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/09/2007, 10h57
  4. passer des arguments depuis un lien hypertxte vers une page php
    Par killer_instinct dans le forum Langage
    Réponses: 5
    Dernier message: 28/04/2007, 12h18
  5. Passer un tableau de VbScript vers Javascript
    Par Poussy-Puce dans le forum ASP
    Réponses: 1
    Dernier message: 03/03/2006, 12h07

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