11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde !
Je tiens à vous annoncer que c'est la première fois que je viens sur ce forum et que je suis une quiche en javascript!

J'ai un problème pour installer une lightbox sur le site que je suis en train de réaliser !
En effet, il faut savoir que j'utilise aussi un menu lavalamp mais celui-ci fonctionne parfaitement quelquesoit ce que je change sur la page.
Je vous montre un bout de mon code et à mon avis, je fais quelquechose de mal!


<head> 
   <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
    $(function() {
        $('#contenu_catalogue a').lightBox();
		$('a').lightBox();
    });
    </script>
</head>

<body>

<div id="page">

	<div id="top">
		<div id="container">
    <ul id="nav">
        <li id="selected"><a href="index.php">Accueil</a></li>
        <li><a href="contact.php">Nous contacter</a></li>
        <li class="lignes"><a href="nous.php">Comment<br/>commander</a></li>
        <li><a href="catalogue.php">catalogue</a></li>
        <li><a href="tarifs.php">tarification</a></li>
        <li class="lignes"><a href="livreor.php">Nos clients<br/>parlent de nous</a></li>
    </ul>
		
        </div>
   
	</div>

	<div id="content">

	<div id="contenu_catalogue">
<?php
if (isset($_GET['theme']))
{
	
$retour = mysql_query(
'SELECT *
FROM produits  
WHERE id_theme="'.$_GET['theme'].'"
ORDER BY id DESC
');

while($donnees = mysql_fetch_array($retour))
{
	echo '
	
	<div id="cellule_catalogue">
	
	<div id="img_catalogue">
	<a href="img/'.$donnees['img_fr'].'" title="'.stripslashes($donnees['titre_fr']).'">
	<img src="img/p-'.$donnees['img_fr'].'" border=0/>
	</a>
	</div>
	
	<div id="titre_theme_catalogue">
	'.stripslashes($donnees['titre_fr']).'
	</div>
	
	</div>
	
	' ;
}
}
?>
    
    </div>
     </div>    
<div class="clear">&nbsp;</div>
 </div>



<div id="footer">
	<div id="content">
    <div id="content_footer">
	<a href="conditions.php">Conditions générales de ventes</a>&nbsp;&nbsp;<a href="mentions.php">Mentions légales</a>
    </div></div>
<div class="clear">&nbsp;</div>  
</div>		



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.spasticNav.js"></script>

<script type="text/javascript">
    $('#nav').spasticNav();
	
</script>
</body>





J'espère avoir été assez clair, Merci d'avance! Smiley ravi
Les scripts jquery qui se trouvent dans le <head> devraient se trouver en bas de la page (avant </body>) vu qu'ils doivent se charger après jquery. Smiley cligne

P.S. : ton <head> est bizarre: pas de <title>, pas de meta charset. Smiley sweatdrop
Je te remercie énormément, ça fonctionne!
La head était modifiée pour cacher les infos !
Merci encore! Smiley biggrin