Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 29/04/2011, 11h22   #1
Membre du Club
 
Avatar de gantec
 
Inscription : février 2007
Messages : 223
Détails du profil
Informations forums :
Inscription : février 2007
Messages : 223
Points : 53
Points : 53
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 :
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.
__________________
.:: GanTec ::.
Quand on espère rien de rien et qu'on gagne le paquet, ça c'est le destin
gantec est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 30/04/2011, 15h31   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 933
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 933
Points : 4 756
Points : 4 756
Bonjour,
pas bien saisi le problème je me jettes avec ceci
Code html :
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!
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/05/2011, 19h51   #3
Membre confirmé
 
Homme
Développeur informatique
Inscription : avril 2011
Messages : 196
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Italie

Informations professionnelles :
Activité : Développeur informatique
Secteur : Transports

Informations forums :
Inscription : avril 2011
Messages : 196
Points : 298
Points : 298
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 :
1
2
 
<a href = "javascript:void(0)" onclick="affiche(<?php echo $resultat; ?>")>here</a>
- Passage de variable de javascript à php :

Code html :
1
2
 
<a href = "page.php?id=1">here</a>

et dans page.php tu recupere Id
avec :

Code html :
1
2
3
4
 
<?php
echo $_POST["id"];
?>
fab256 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/05/2011, 09h54   #4
Membre du Club
 
Avatar de gantec
 
Inscription : février 2007
Messages : 223
Détails du profil
Informations forums :
Inscription : février 2007
Messages : 223
Points : 53
Points : 53
Merci pour vos réponses,

@Fab,

quel est la fonction js de affiche() ??

merci a+
__________________
.:: GanTec ::.
Quand on espère rien de rien et qu'on gagne le paquet, ça c'est le destin
gantec est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/05/2011, 20h39   #5
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 933
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 933
Points : 4 756
Points : 4 756
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.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/05/2011, 09h44   #6
Expert Confirmé
 
Avatar de sekaijin
 
Femme
Urbaniste
Inscription : juillet 2004
Messages : 1 420
Détails du profil
Informations personnelles :
Sexe : Femme
Âge : 48
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Urbaniste
Secteur : Santé

Informations forums :
Inscription : juillet 2004
Messages : 1 420
Points : 2 807
Points : 2 807
un détail mais ça fait pas de mal
ce code marche mais ....
Code html :
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 :
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
sekaijin est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/05/2011, 09h24   #7
Membre du Club
 
Avatar de gantec
 
Inscription : février 2007
Messages : 223
Détails du profil
Informations forums :
Inscription : février 2007
Messages : 223
Points : 53
Points : 53
Merci pour vos réponses à tous.

Problème résolu.
__________________
.:: GanTec ::.
Quand on espère rien de rien et qu'on gagne le paquet, ça c'est le destin
gantec est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 08h49.


 
 
 
 
Partenaires

Hébergement Web