11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde,

j'obtiens un conflit de code sur ma page entre un menu lavalamp et la solution vidéobox.

Effectivement, si la ligne du menu lavalamp est présente :

 
<script type="text/javascript" src="lavalamp_jq/jquery-1.1.3.1.min.js"></script>



Le videobox ne fonctionne pas, pas d'ouverture de la vidéo lors du clique sur mon image..

Voici le code en question :

<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="videobox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lavalamp_styles.css" type="text/css" media="screen" />

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>


<!--Début code videobox-->
  <script type="text/javascript" src="js/mootools.js"></script>
  <script type="text/javascript" src="js/swfobject.js"></script>
  <script type="text/javascript" src="js/videobox.js"></script>
<!--Fin code videobox-->

<!--Début code navigation lavalamp-->
  <script type="text/javascript" src="lavalamp_jq/jquery-1.1.3.1.min.js"></script>
  <script type="text/javascript" src="lavalamp_jq/jquery.easing.min.js"></script>
  <script type="text/javascript" src="lavalamp_jq/jquery.lavalamp.min.js"></script>
  <script type="text/javascript">
  
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
    </script>
<!--Fin code navigation lavalamp-->


<style type="text/css">
<!--

   .


Quelqu'un pourrait-il m'éclairer sur ce problème ? Merci d'avance en tout cas.
Modifié par nemeton73 (17 May 2010 - 22:34)
Dois-je me tourner vers une autre application pour le vidéobox ? Personne n'aurait de solution pour résoudre le "conflit" ? Smiley ohwell
Problème résolu !

Il falait contourner le problème de définition de fonction $()

Avec ce code là, tout fonctionne :

<script>
var $j = jQuery.noConflict();

$j('#test').show();
</script>

Puis remplacer les appels de jquery.

Merci ! Smiley lol