Salut,
pour mon premier post sur ce forum, je vous soumet un problème que je rencontre en voulant mettre 2 scripts jquery sur la même page.
Les 2 pluqins jquery sont lavalamp (pour le menu) et ui datepicker (pour faciliter la saisie de dates).
Le plugins ui datepicker fonctionne à tout les coups, mais pas le lavalamp....
voilà le script :
N'étant pas spécialiste en js, peut être pourriez vous m'aider
Bonne soirée
pour mon premier post sur ce forum, je vous soumet un problème que je rencontre en voulant mettre 2 scripts jquery sur la même page.
Les 2 pluqins jquery sont lavalamp (pour le menu) et ui datepicker (pour faciliter la saisie de dates).
Le plugins ui datepicker fonctionne à tout les coups, mais pas le lavalamp....
voilà le script :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Chalet Grand-Bornand</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="style/position.css" >
<link rel="stylesheet" media="screen" type="text/css" href="style/style_w.css" >
<link rel="stylesheet" media="screen" type="text/css" href="style/menu_w.css" >
<!-- Script menu lavalamp -->
<script type="text/javascript" src="js/menu/jquery.js"></script>
<script type="text/javascript" src="js/menu/jquery.lavalamp.js"></script>
<script type="text/javascript" src="js/menu/jquery.easing.1.1.js"></script>
<script type="text/javascript">
$(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
</script>
<!-- Optional -->
<!-- ui_jquery -->
<link type="text/css" href="js/ui/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/ui/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="js/ui/uidatepicker-fr.js"></script>
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker();
});
</script>
<!-- ui_jquery -->
</head>
<body align="center">
<div id="global">
<div id="entete">
<div id="title_h"></div>
<div id="navigation">
<ul class="lavaLamp">
<li><a href="#">Accueil</a></li>
<li><a href="#">Accès</a></li>
<li><a href="#">Disponibilités</a></li>
</ul>
</div>
<div id="diapo_h">
<div id="main_img">
<div id="trans_div"></div>
</div>
</div>
<div id="diapo">
Diaporama
</div>
</div>
<div id="contenu">
<div id="cont_g">
<!-- Formulaire -->
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div>
<!-- Formulaire -->
</div>
<div id="cont_c">
<div id="c_haut">
<div id="c_haut_label"><div id="c_haut_title"><h1>Appartement 6/8 pers.</h1></div></div>
</div>
<div id="c_bas">
<ul>
<li>Quod cum ita sit, paucae domus studiorum</li>
<li>Illud autem non dubitatur quod cum esset</li>
<li>Haec ubi latius fama vulgasset missaeque</li>
<li>Ipsam vero urbem Byzantiorum fuisse</li>
<li>Cognitis enim pilatorum </li>
<li>Nemo quaeso miretur, si post exsudatos</li>
</ul>
</div>
</div>
<div id="cont_d">
<div id="d_haut">
<div id="c_haut_label"></div>
</div>
<div id="d_bas">
<ul>
<li>Quod cum ita sit, paucae domus studiorum</li>
<li>Illud autem non dubitatur quod cum esset</li>
<li>Haec ubi latius fama vulgasset missaeque</li>
<li>Ipsam vero urbem Byzantiorum fuisse</li>
<li>Cognitis enim pilatorum </li>
<li>Nemo quaeso miretur, si post exsudatos</li>
</ul>
</div>
</div>
</div>
<div id="pied">
<div id="contenu_bottom">
bottom
</div>
<div id="pied_g">pied droit</div>
<div id="pied_d">pied gauche</div>
</div>
</div>
</body>
</html>
N'étant pas spécialiste en js, peut être pourriez vous m'aider
Bonne soirée
