Inclure du php dans js

Version imprimable

30/11/2010, 21h21
xyrox

Inclure du php dans js

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.
01/12/2010, 00h36
alpha232

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

Code:

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

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

Alpha.
01/12/2010, 02h48
vaneck

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.
01/12/2010, 05h11
xyrox
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:

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.
01/12/2010, 06h14
andry.aime

Bonjour,

Tu peux nous montrer ton code?

A+.

Code:

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

01/12/2010, 07h11
andry.aime

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+.
01/12/2010, 07h53
xyrox

Voici ce qu'affiche ma requête

http://www.swgroupe.fr/sites/tep_dev/photovolt.php
01/12/2010, 07h56
andry.aime

Citation:

Envoyé par xyrox

Voici ce qu'affiche ma requête

http://www.swgroupe.fr/sites/tep_dev/photovolt.php

bloqué par notre websense :P.

Colle ici le bout de code HTML généré ;).

A+.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<p align="justify"><font face="Arial, sans-serif">La plus facilement valorisantes des énergies renouvelables restent, pour des particuliers,<strong> l’énergie solaire</strong> : la lumière du soleil est disponible partout, les technologies solaire thermique et photovoltaïque sont en progrès constants, tant au niveau de la fiabilité des matériels que de la facilité de leur mise en œuvre et de l’expérience acquise par les fabricants, les bureaux d’études et les installateurs. <br><br>Installation <strong>relativement simple</strong>, de <strong>taille réduite</strong> et <strong>facilement modulable</strong>, fonctionnement <strong>sans intervention</strong> ou presque : la production d’électricité photovoltaïque apparaît comme la mieux adaptée à vos possibilités. Elle se met en œuvre de façon <strong>souple</strong> et<strong> facile</strong> dans de petites unités dispersées, grâce à de simples capteurs fixés sur un toit. <br><br>Capter et transformer l’énergie solaire, c’est<strong> possible en ville comme à la campagne</strong> : à défaut de briller tout le temps, le soleil brille partout et les capteurs ne sont<strong> ni très encombrants, ni très difficiles à intégrer</strong>. <br>Bien sûr, votre installation photovoltaïque produira moins d’énergie à Lille qu’à Nice. Pour obtenir la même puissance électrique, il faudra prévoir davantage de capteurs.</font> </p>
 
<p align="justify">&nbsp;</p>
<p align="center"><img src="http://img98.imageshack.us/img98/7867/23877269.png" width="400"></p>
<p align="justify"><br></p><font face="Arial, sans-serif">
<p>Certains matériaux comme le silicium, appelés semi-conducteurs, possèdent la propriété de générer de l’électricité quand ils reçoivent la lumière du soleil : <strong>c’est l’effet photovoltaïque, découvert par Edmond Becquerel en 1839. <br></strong>Il est mis en application dans les cellules photovoltaïques, petits composants électroniques à base de silicium. Sans pièce mécanique, sans bruit, sans production de polluants, elles convertissent directement l’énergie solaire en électricité, sous forme de courant continu. </p></font>
<p class="western" align="justify">&nbsp;</p>
<p class="western" align="center"><img src="http://img444.imageshack.us/img444/8834/64082277.png" width="383"></p>
<p style="line-height: 0.34cm; margin-top: 0.49cm; margin-bottom: 0.49cm;" align="justify"><font face="Arial, sans-serif">Chaque cellule ne génère qu’une petite quantité d’électricité.<strong> Assemblées en série, elles fournissent la tension et le courant électrique utiles</strong> : on obtient ainsi des modules photovoltaïques. Ce sont eux qu’on commercialise. Le matériau utilisé étant très fragile, il est nécessaire de le protéger des intempéries par un verre transparent et solide. Les enveloppes employées actuellement sont étudiées <strong>pour résister de vingt à trente ans aux agressions de l’environnement. </strong>Les modules ont en général une forme rectangulaire et quelques millimètres d’épaisseur. Leur surface varie entre cinquante centimètres carrés et trois mètres carrés. Ils pèsent quelques kilogrammes. Depuis peu sont commercialisés des modules inclus dans les matériaux de construction (tuiles, ardoises, éléments de façade, etc.), sont plus faciles à intégrer d’un point de vue architectural. Ils représentent maintenant 95 % du marché. </font></p>
 
<p style="line-height: 0.34cm; margin-top: 0.49cm; margin-bottom: 0.49cm;" align="center"><img src="http://img444.imageshack.us/img444/6191/25864601.png" width="281"></p>
<h4 class="western">&nbsp; </h4>
<p style="margin-bottom: 0cm;" align="justify"><font style="font-size: 11pt;" size="2"><strong>TEP SERVICES</strong></font>&nbsp;réalise l'installation complète de votre équipement photovoltaïque en raccordement réseau ou sur site isolé.</p>
<p style="margin-bottom: 0cm;" align="justify"><br><strong>Raccordement au réseau</strong> &nbsp;: Le système photovoltaïque produit en fonction de la lumière et fournit de l'énergie électrique. Cette solution permet d'utiliser l'énergie de votre centrale photovoltaïque comme source de revenu pour votre foyer. L'énergie est donc revendue à votre fournisseur d'électricité (EDF en général). </p>
<p style="margin-bottom: 0cm;" align="justify">&nbsp;</p>
<p style="margin-bottom: 0cm;" align="justify"><font style="font-size: 11pt;" size="2"><strong>TEP SERVICES</strong></font> est une <strong>entreprise proche de ses clients</strong>. Qu’ils soient particuliers, professionnels du bâtiment, collectivités locales, établissements de santé ou entreprises privées, nos clients reçoivent toujours l’expertise et les conseils appropriés à leurs besoins.<br><br><strong>Agrée QualiPV</strong> Je suis là pour répondre à toutes vos questions, aussi bien techniques, pratiques, qu’administratives.</p>
 
<p style="margin-bottom: 0cm;" align="justify">&nbsp;</p>
<p style="margin-bottom: 0cm;" align="justify"><img src="http://img829.imageshack.us/img829/3118/65330498.png" width="316"><br><br><strong>Je vous assisterai dans l’ensemble de vos projets :<br></strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Etude de votre besoin<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Mise en place de la meilleure solution<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Gestion administrative du projet (déclaration de travaux, demandes de &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;subvention,…)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Conseil d’utilisation de votre installation<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Suivi régulier du système en fonctionnement.<br><br>Nous voulons que votre seul souci soit celui de devenir un bon éco-citoyen. Pour cela nous mettons tout en œuvre pour que vous le deveniez...</p>
<h4 style="margin-bottom: 0cm;">&nbsp;</h4>

Voilà le code source

01/12/2010, 12h19
andry.aime

C'est le code que tu veux mettre dans le div avec innerHTML?
Si c'est le cas, la chaine sera donc tronqué à la première double quote.

Citation:

objet.innerHTML = "<p align="justify">....

Tu dois échaper les doubles quote quand tu le génères.

A+.
01/12/2010, 13h09
xyrox

un simple addslashes suffi ?

Pourtant quand on reprend ma page c'est bien fait

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
objet.innerHTML = "<p align=\"justify\"><font face=\"Arial, sans-serif\">La plus facilement valorisantes des énergies renouvelables restent, pour des particuliers,<strong> l’énergie solaire</strong> : la lumière du soleil est disponible partout, les technologies solaire thermique et photovoltaïque sont en progrès constants, tant au niveau de la fiabilité des matériels que de la facilité de leur mise en œuvre et de l’expérience acquise par les fabricants, les bureaux d’études et les installateurs. <br><br>Installation <strong>relativement simple</strong>, de <strong>taille réduite</strong> et <strong>facilement modulable</strong>, fonctionnement <strong>sans intervention</strong> ou presque : la production d’électricité photovoltaïque apparaît comme la mieux adaptée à vos possibilités. Elle se met en œuvre de façon <strong>souple</strong> et<strong> facile</strong> dans de petites unités dispersées, grâce à de simples capteurs fixés sur un toit. <br><br>Capter et transformer l’énergie solaire, c’est<strong> possible en ville comme à la campagne</strong> : à défaut de briller tout le temps, le soleil brille partout et les capteurs ne sont<strong> ni très encombrants, ni très difficiles à intégrer</strong>. <br>Bien sûr, votre installation photovoltaïque produira moins d’énergie à Lille qu’à Nice. Pour obtenir la même puissance électrique, il faudra prévoir davantage de capteurs.</font> </p>
<p align=\"justify\">&nbsp;</p>
<p align=\"center\"><img src=\"http://img98.imageshack.us/img98/7867/23877269.png\" width=\"400\"></p>
<p align=\"justify\"><br></p><font face=\"Arial, sans-serif\">
<p>Certains matériaux comme le silicium, appelés semi-conducteurs, possèdent la propriété de générer de l’électricité quand ils reçoivent la lumière du soleil : <strong>c’est l’effet photovoltaïque, découvert par Edmond Becquerel en 1839. <br></strong>Il est mis en application dans les cellules photovoltaïques, petits composants électroniques à base de silicium. Sans pièce mécanique, sans bruit, sans production de polluants, elles convertissent directement l’énergie solaire en électricité, sous forme de courant continu. </p></font>
<p class=\"western\" align=\"justify\">&nbsp;</p>
<p class=\"western\" align=\"center\"><img src=\"http://img444.imageshack.us/img444/8834/64082277.png\" width=\"383\"></p>
<p style=\"line-height: 0.34cm; margin-top: 0.49cm; margin-bottom: 0.49cm;\" align=\"justify\"><font face=\"Arial, sans-serif\">Chaque cellule ne génère qu’une petite quantité d’électricité.<strong> Assemblées en série, elles fournissent la tension et le courant électrique utiles</strong> : on obtient ainsi des modules photovoltaïques. Ce sont eux qu’on commercialise. Le matériau utilisé étant très fragile, il est nécessaire de le protéger des intempéries par un verre transparent et solide. Les enveloppes employées actuellement sont étudiées <strong>pour résister de vingt à trente ans aux agressions de l’environnement. </strong>Les modules ont en général une forme rectangulaire et quelques millimètres d’épaisseur. Leur surface varie entre cinquante centimètres carrés et trois mètres carrés. Ils pèsent quelques kilogrammes. Depuis peu sont commercialisés des modules inclus dans les matériaux de construction (tuiles, ardoises, éléments de façade, etc.), sont plus faciles à intégrer d’un point de vue architectural. Ils représentent maintenant 95 % du marché. </font></p>
<p style=\"line-height: 0.34cm; margin-top: 0.49cm; margin-bottom: 0.49cm;\" align=\"center\"><img src=\"http://img444.imageshack.us/img444/6191/25864601.png\" width=\"281\"></p>
<h4 class=\"western\">&nbsp; </h4>
<p style=\"margin-bottom: 0cm;\" align=\"justify\"><font style=\"font-size: 11pt;\" size=\"2\"><strong>TEP SERVICES</strong></font>&nbsp;réalise l\'installation complète de votre équipement photovoltaïque en raccordement réseau ou sur site isolé.</p>
<p style=\"margin-bottom: 0cm;\" align=\"justify\"><br><strong>Raccordement au réseau</strong> &nbsp;: Le système photovoltaïque produit en fonction de la lumière et fournit de l\'énergie électrique. Cette solution permet d\'utiliser l\'énergie de votre centrale photovoltaïque comme source de revenu pour votre foyer. L\'énergie est donc revendue à votre fournisseur d\'électricité (EDF en général). </p>
<p style=\"margin-bottom: 0cm;\" align=\"justify\">&nbsp;</p>
<p style=\"margin-bottom: 0cm;\" align=\"justify\"><font style=\"font-size: 11pt;\" size=\"2\"><strong>TEP SERVICES</strong></font> est une <strong>entreprise proche de ses clients</strong>. Qu’ils soient particuliers, professionnels du bâtiment, collectivités locales, établissements de santé ou entreprises privées, nos clients reçoivent toujours l’expertise et les conseils appropriés à leurs besoins.<br><br><strong>Agrée QualiPV</strong> Je suis là pour répondre à toutes vos questions, aussi bien techniques, pratiques, qu’administratives.</p>
<p style=\"margin-bottom: 0cm;\" align=\"justify\">&nbsp;</p>
<p style=\"margin-bottom: 0cm;\" align=\"justify\"><img src=\"http://img829.imageshack.us/img829/3118/65330498.png\" width=\"316\"><br><br><strong>Je vous assisterai dans l’ensemble de vos projets :<br></strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Etude de votre besoin<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Mise en place de la meilleure solution<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Gestion administrative du projet (déclaration de travaux, demandes de &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;subvention,…)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Conseil d’utilisation de votre installation<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;› Suivi régulier du système en fonctionnement.<br><br>Nous voulons que votre seul souci soit celui de devenir un bon éco-citoyen. Pour cela nous mettons tout en œuvre pour que vous le deveniez...</p>
<h4 style=\"margin-bottom: 0cm;\">&nbsp;</h4>";

01/12/2010, 13h51
xyrox

J'ai trouvé mais je ne sais pas comment faire.
C'est parce que ça ne se met pas sur la même ligne en faite.

Si quelqu'un vois comment faire