Var php dans src javascript

Fermé
momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 - 19 juil. 2010 à 11:15
Tsunami Chups Messages postés 224 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 21 juillet 2010 - 19 juil. 2010 à 12:03
Bonjour,
j'aimerais mettre des variable php dans du javascript.

{ src: 'images/'<?php echo $image1; ?>')' },
{ src: 'images/P1010842.JPG' },
{ src: 'images/P1010843.JPG' },
{ src: 'images/P1010848.JPG' },
{ src: 'images/P1010845.JPG' },
{ src: 'images/P1010846.JPG' },
{ src: 'images/P1010847.JPG' }

j'ai essayer avec un petit echo $image1 (qui indique le nom de l'image que je veut) mais ca ne marche pas...

Merci

5 réponses

Tsunami Chups Messages postés 224 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 21 juillet 2010 12
19 juil. 2010 à 11:22
Salut,
est ce qu'il est possible de savoir si ce bout de code ce trouver dans le head ou dans le body

et dans l'ideal ont peut avoir le code de ta page ?

merci
0
momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 8
Modifié par momohuri le 19/07/2010 à 11:27
et voila:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<LINK rel="stylesheet" type="text/css" href="css/main.css">
<LINK rel="stylesheet" type="text/css" href="css/accueil.css">
<LINK rel="stylesheet" type="text/css" href="css/menu.css"> <!--[if IE 7]>
<LINK rel="stylesheet" type="text/css" href="css/menuie.css">
<![endif]-->

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="script/jquery.cross-slide.min.js" type="text/javascript"> </script>

<script src="script/jquery.cross-slide.js" type="text/javascript"></script>

<?php

include('connect.php');

$result=mysql_query( "select * from fond order by date asc") or die(mysql_error());

while($row = mysql_fetch_array($result)){


$image1=$row['image1'];
$image2=$row['image2'];
$image3=$row['image3'];
$image4=$row['image4'];
$image5=$row['image5'];
$image6=$row['image6'];
$image7=$row['image7'];
}

?>

<script type="text/javascript">



$(function(){
$('#crossslide').crossSlide({ // fonction arriere plan
sleep: 2,
fade: 1
}, [
{ src: 'images/'<?php echo $image1; ?>')' },
{ src: 'images/P1010842.JPG' },
{ src: 'images/P1010843.JPG' },
{ src: 'images/P1010848.JPG' },
{ src: 'images/P1010845.JPG' },
{ src: 'images/P1010846.JPG' },
{ src: 'images/P1010847.JPG' }
]);
});



$(document).ready(function() { //fonction menu
jQuery(".documents2:visible").css("display","none");
jQuery(".documents").click(function(){
jQuery(this).next().next().slideToggle();
});

});

</script>



</head>

<body>

<div id="crossslide" >
</div>

<div id='menu' >
<div id="menutext">
<img src="images/logo/logo.jpg" width="200" height="200" />
<br />
Menu
<ul>
<li >Accueil</li><hr/>

<span class="documents" >Projet</span><br/>
<ul class="documents2">
<li class="projet"><a href='nouveau.php'>Nouveauté</a></li>
<li class="projet"><a href='rehabilitation.php'>Réhabilitation</a></li>
<li class="projet"><a href='extension.php'>Extension</a></li><li class="projet"><a href='projet.php'>Projet</a></li>
</ul><hr/>

<li><a href='Publication.php'>Publications</a></li><hr/>

<li><a href='contact.php'>Contact</a></li><hr/>


</ul>

</div>

</div>


<?php include('footer.php'); ?>



</body>



</html>
0
Tsunami Chups Messages postés 224 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 21 juillet 2010 12
19 juil. 2010 à 11:47
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php

include('connect.php');

$result=mysql_query( "select * from fond order by date asc") or die(mysql_error());

while($row = mysql_fetch_array($result)){


$image1=$row['image1'];
$image2=$row['image2'];
$image3=$row['image3'];
$image4=$row['image4'];
$image5=$row['image5'];
$image6=$row['image6'];
$image7=$row['image7'];
}

?>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<LINK rel="stylesheet" type="text/css" href="css/main.css">
<LINK rel="stylesheet" type="text/css" href="css/accueil.css">
<LINK rel="stylesheet" type="text/css" href="css/menu.css"> <!--[if IE 7]>
<LINK rel="stylesheet" type="text/css" href="css/menuie.css">
<![endif]-->

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="script/jquery.cross-slide.min.js" type="text/javascript"> </script>

<script src="script/jquery.cross-slide.js" type="text/javascript"></script>

<script type="text/javascript">



$(function(){
$('#crossslide').crossSlide({ // fonction arriere plan
sleep: 2,
fade: 1
}, [
{ src: 'images/'<?php echo $image1; ?>')' },
{ src: 'images/P1010842.JPG' },
{ src: 'images/P1010843.JPG' },
{ src: 'images/P1010848.JPG' },
{ src: 'images/P1010845.JPG' },
{ src: 'images/P1010846.JPG' },
{ src: 'images/P1010847.JPG' }
]);
});



$(document).ready(function() { //fonction menu
jQuery(".documents2:visible").css("display","none");
jQuery(".documents").click(function(){
jQuery(this).next().next().slideToggle();
});

});

</script>



</head>

<body>

<div id="crossslide" >
</div>

<div id='menu' >
<div id="menutext">
<img src="images/logo/logo.jpg" width="200" height="200" />
<br />
Menu
<ul>
<li >Accueil</li><hr/>

<span class="documents" >Projet</span><br/>
<ul class="documents2">
<li class="projet"><a href='nouveau.php'>Nouveauté</a></li>
<li class="projet"><a href='rehabilitation.php'>Réhabilitation</a></li>
<li class="projet"><a href='extension.php'>Extension</a></li><li class="projet"><a href='projet.php'>Projet</a></li>
</ul><hr/>

<li><a href='Publication.php'>Publications</a></li><hr/>

<li><a href='contact.php'>Contact</a></li><hr/>


</ul>

</div>

</div>


<?php include('footer.php'); ?>



</body>



</html>




je suis pas sur mais essais ca
0
momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 8
19 juil. 2010 à 11:54
tu a juste change la position du php au début ou j'ai louper autres chose? ca ne fonctionne pas ne tout cas. et le problème vient juste de la variable de le javascript car le reste fonctionne...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Tsunami Chups Messages postés 224 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 21 juillet 2010 12
19 juil. 2010 à 12:03
Nan nan tu as rien louper, mais mettre du php direct dans le head s'est assez limite, je l'ai sorti histoire de voir

pour ton probleme j'ai une meilleur solution mais un peu plus longue

tu met ta requette phph dans ton body, a chaque ligne tu creer une div avec un id specifique et en display:none; (on aura pas besoin de l'afficher)

dans le div tu met la valeur de la ligne

et ensuite avec jquery tu va chercher la valeur du bon div
$("#div1).val ou $("#div1).val() je ne sais plus

bonne chance
0