Insertion de PHP dans Javascript

Fermé

Gregg78 Messages postés 54 Date d'inscription samedi 20 décembre 2008 Statut Membre Dernière intervention 16 mars 2022 - 28 juil. 2010 à 15:14
M@té-us - 28 juil. 2010 à 16:01

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:

Insertion de PHP dans Javascript
Insertion liste déroulante excel - Guide
Telecharger javascript - Télécharger - Langages
Insertion signature word - Guide
Insertion sommaire word - Guide
Easy php - Télécharger - Divers Web & Internet

2 réponses

Réponse 1 / 2

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
28 juil. 2010 à 15:34

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>

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
28 juil. 2010 à 15:35

Si tu as des questions n'hésite pas.

Gregg78 Messages postés 54 Date d'inscription samedi 20 décembre 2008 Statut Membre Dernière intervention 16 mars 2022 4
28 juil. 2010 à 15:49

Quel plaisir que de travailler avec des gens aussi réactifs et doués !!!!

Merci Defouille !

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
28 juil. 2010 à 15:54

Avec plaisir Gregg ;)

Réponse 2 / 2

M@té-us
28 juil. 2010 à 16:01

cool

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

balise de retour à la ligne en php