Insertion de PHP dans Javascript

Gregg78 Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   -  
 M@té-us -
Bonjour à toutes et tous,


voilà, je suis en train de développer un caroussel qui me permet de faire défiler automatiquement des petites vignettes. Rien de bien sorcier côté Javascript grâce à une compilation de divers codes trouvés à gauche à droite sur le net.

Or maintenant j'aimerais ne pas avoir à entrer dans le code à chaque fois que je veux modifier mes images, donc j'ai créé une petite base de données et une requête SQL qui les liste.

Sauf que impossible de l'implémenter dans mon code Javascript.

Voici la portion de mon code Javascript puis ma requête SQL, quelqu'un a sûrement déjà rencontré ce problème non ? 

<script type="text/javascript">
	var Car_Image_Width=240;
	var Car_Image_Height=160;
	var Car_Border=true;	
	var Car_Border_Color="white";
	var Car_Speed=1;
	var Car_Direction=true;	
	var Car_NoOfSides=12;	

	Car_Image_Sources=new Array(
		"wp-content/themes/animepress/images/IMG_6444.jpg","http://www.monsite.com",
		"wp-content/themes/animepress/images/IMG_6454.jpg","https://fr.yahoo.com/?p=us",
		"wp-content/themes/animepress/images/IMG_6647.jpg","",
		"wp-content/themes/animepress/images/IMG_6736.jpg","https://fr.yahoo.com/?p=us"
		);

	CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
	C_Coef=new Array(
		3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,	0,
		Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
	var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
	C_Pre_Img=new Array(Car_Image_Sources.length);
	var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
	C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

	function Carousel(){
		if(document.getElementById){
...
...
</script>
<div id="Carousel" style="position:relative">
 <img src="images/placeholder.gif" width="80" height="60">
</div>


Et la requête PHP : 

<?php
$retour = mysql_query("SELECT * FROM photos ORDER BY id");
while ($donnees = mysql_fetch_array($retour)) 
{
	echo '.......'; 
} 
?>



Merci d'avance pour votre aide et votre temps

Gregg
A voir également:

2 réponses

Réponse 1 / 2
Defouille Messages postés 388 Date d'inscription   Statut Membre Dernière intervention   54
 
Bonjour,

il suffit que tu écrives ton code php, dans ton code javascript et que tu fasses des echos en php qui vont "générer" du javascript : 

<script type="text/javascript">
	var Car_Image_Width=240;
	var Car_Image_Height=160;
	var Car_Border=true;	
	var Car_Border_Color="white";
	var Car_Speed=1;
	var Car_Direction=true;	
	var Car_NoOfSides=12;	
        
        <?php
                $retour = mysql_query("SELECT * FROM photos ORDER BY id");
                $s='';
                while ($donnees = mysql_fetch_array($retour)) 
                {
                        if($s=="")
                                $s="'".addslashes($donnees['fichier'])."'";
                        else
                              $s.=", '".addslashes($donness['fichier'])."'";
                }
                echo "Car_Image_Sources=new Array($s);";
        ?>

	CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
	C_Coef=new Array(
		3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,	0,
		Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
	var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
	C_Pre_Img=new Array(Car_Image_Sources.length);
	var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
	C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

	function Carousel(){
		if(document.getElementById){
...
...
</script>
<div id="Carousel" style="position:relative">
 <img src="images/placeholder.gif" width="80" height="60">
</div>
0
Defouille Messages postés 388 Date d'inscription   Statut Membre Dernière intervention   54
 
Si tu as des questions n'hésite pas.
0
Gregg78 Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   4
 
Quel plaisir que de travailler avec des gens aussi réactifs et doués !!!!

Merci Defouille !
0
Defouille Messages postés 388 Date d'inscription   Statut Membre Dernière intervention   54
 
Avec plaisir Gregg ;)
0
Réponse 2 / 2
M@té-us
 
cool
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses