Inclure du php dans js

**xyrox** · 30/11/2010, 21h21

Bonjour à tout les dev js.

Je viens vous rendre visite car j'ai un souci d'intégration.
J'ai fais un script (récupéré puis modifié à ma sauce) qui fais en sort de montrer et cacher une div en cliquant sur un lien.

Quand je clique sur le lien sa me montre la div en question et ça affiche le texte qui est dans objet.innerHTML = "mon texte";

A la place de mon texte je voudrais y mettre du code php avec une requête sql qui afficherais le contenu d'un table sql.

Je ne trouve pas comment faire et donc je vous demande une petite aide.

Merci beaucoup.

**alpha232** · 01/12/2010, 00h36

Salut pour inclure du php ds js, pas difficile, voilà un ex:
ds ton code js tu mets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

txt_slider ="<?php echo $variable;?>";

& la variable js 'txt_slider' contiendra ce que contenait la variable php '$variable'.

Alpha.

**vaneck** · 01/12/2010, 02h48

Donc si je comprend bien , tu veux qu'apparaisse dynamiquement(=sans recharger le navigateur) une partie de ta base de donnée quand on clique sur ta div?
Dans ce cas la, il te faut forcement passer par de l'Ajax.

**xyrox** · 01/12/2010, 05h11

Bonjour.

Merci pour vos réponse. Je me suis plus penché sur la première réponse qui me semble plus judicieux.
Je ne veux pas faire des requêtes au serveur en permanence sans recharger la page.
Je veux juste afficher le résulta d'une requête php dans une div masqué/démasqué en JS.

Pour info j'ai fais

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
txt_slider ="<?php include('mon_script.php');?>";
objet.innerHTML = txt_slider;

Mais sa me refais le même prob.
La div ne s'affiche pas.

**andry.aime** · 01/12/2010, 06h14

Bonjour,

Tu peux nous montrer ton code?

A+.

**xyrox** · 01/12/2010, 06h48

Code :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<head>
<script type="text/javascript">
function Suite(lien){
 
	var objet = document.getElementById('popup'); 
 
	if(objet.style.display == "none" || !objet.style.display){
 
		objet.innerHTML = "Ici le code php qui contient la requete sql";
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "Cacher";
 
        var hFinal      =     200;  
        var hActuel     =     0;	 	
 
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;    
 
                objet.style.height     =	 hActuel      +     'px';
 
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.overflow    =   'inherit';
                }
        };
        fct();
 
 
		timer = setInterval(fct,40);    //Toute les 40 ms
 
	}else if(objet.style.display == "block"){
 
        var hFinal      =     0;  
        var hActuel     =     200;	 	
 
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;
 
                objet.style.height     =	 hActuel      +     'px';
 
                if( hActuel < hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.overflow    =   'inherit';
						objet.style.display     =   "none";
                }
        };
        fct();
 
 
		timer = setInterval(fct,40);    //Toute les 40 ms
 
 
		lien.innerHTML = "Montrer";
 
	}
}
</script>
</head>
<body>
[<a href="javascript:;" onclick="Suite(this)">Montrer</a>]
 
<div id="popup" style="display: none; border: #000000 1px solid; width: 300px;">
 
</div>
 
</body>

Voilà si ça peux vous aider

**andry.aime** · 01/12/2010, 07h11

Re,

Ton code fonction nickel chez moi, il se peut que la chaine générée depuis php contient de doubles quote qui va tronquer la chaine.

Tu nous montres le html généré du php?

A+.

Inclure du php dans js

JavaScript

Vue hybride

Discussions similaires

Partager

Partager