Var php dans src javascript
momohuri
Messages postés
256
Statut
Membre
-
Tsunami Chups Messages postés 237 Statut Membre -
Tsunami Chups Messages postés 237 Statut Membre -
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
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
A voir également:
- Var php dans src javascript
- Easy php - Télécharger - Divers Web & Internet
- Expert php pinterest - Télécharger - Langages
- Telecharger javascript - Télécharger - Langages
- Javascript echo ✓ - Forum PHP
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
5 réponses
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
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
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>
<!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>
<!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
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...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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