- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- 2 javascript nella stessa pagina
-
2 javascript nella stessa pagina
Ciao a tutti,
ho un problema con 2 javascript nella stessa pagina html. invertendo la posizione del codice, uno funziona e l'altro no e viceversa.il codice dei due script è:
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="showcase.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script src="js/slider.js"></script>
<script language="JavaScript">
$(document).ready(function(){
$('#slider-list').aslider({
'speed': 2000,
'animation': ['move'],
'auto': true,
'delay': 5000,
'pix_count_x': 14,
'pix_count_y': 8,
'pix_effect': 'show',
'pix_random': true,
'btn_opacity': .3,
'title_opacity': .8,
'description_opacity': .6
});
});
</script>
</head><body>
<div id="container"> <!-- aSlider --> <ul id="slider-list"> <li><img src="images/1.jpg" title="" alt="" /></li> <li><img src="images/2.jpg" title="" alt="" /></a></li> <li><img src="images/3.jpg" title="" alt="" /></a></li> </ul> <!-- /aSlider --> <div class="showcase" id="horizontal"> <a href="#previous" class="controls previous" rel="previous"><</a> <a href="#next" class="controls next" rel="next">></a> <ul> <li><img src="img/1.png" alt="" /></li> <li><img src="img/2.png" alt="" /></li> <li><img src="img/3.png" alt="" /></li> <li><img src="img/4.png" alt="" /></li> <li><img src="img/5.png" alt="" /></li> <li><img src="img/6.png" alt="" /></li> <li><img src="img/7.png" alt="" /></li> <li><img src="img/8.png" alt="" /></li> <li><img src="img/9.png" alt="" /></li> <li><img src="img/10.png" alt="" /></li> <li><img src="img/11.png" alt="" /></li> <li><img src="img/12.png" alt="" /></li> <li><img src="img/13.png" alt="" /></li> </ul> </div><script type="text/javascript">
document.observe('dom:loaded', function () {
new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
});
</script>
</div>Potete cortesemente aiutarmi?
Grazie
claudio
-
Veramente da quello che leggo hai molteplici javascript nella pagina: ogniuno dei file .js e
un js che carichi e che lavora sulla pagina. Quale vada in conflitto con quale eda capire...
-
ciao,
sono 2 script, ovvero i js prototype.js, effects.js" e showcase.js fanno parte di uno script trovato sul sito html per un effetto showcase su delle immagini.jquery e slider, anche questo fanno diverso su altre immagini.
come potrei fare per capire quale va in conflitto?Grazie
-
Una grossa e bella opera di debug conoscendo il codice e usando, tra le altre cose, Firebug...
-
utilizzo già firebug per i css e codice ma non ho idea di come fare il debug su questi js
-
C'e` la console da attivare e che ti da messaggi relativi agli script.
-
fatto come da istruzioni, mi esce questo errore:
$("#slider-list") is null
$('#slider-list').aslider({
-
Ma.. hai definito un div con id #slider-list dove applicare 'sta roba?
-
si.., ho provato anche a creare un altro contenitore ed all'interno richiamare slider-list ma nulla, l'errore di firebug è sempre quello.
-
Mh... credo che tu abbia poche idee ma molto ben confuse.
-
non avrei chiesto aiuto
cmq lo script funziona benissimo finchè lo lascio da solo in pagina, appena inserisco il secondo non funziona più.
-
ho effettuato un ulteriore prova, ovvero ho invertito l'ordine dei js ed ora mi trovo con il primo effetto funzionante e non più il secondo. L'errore segnalato da firebug è il seguente:
--
element.attachEvent is not a function
element.attachEvent("on" + name, wrapper);
prototype.js (riga 3917)element.dispatchEvent is not a function
element.dispatchEvent(event);
prototype.js (riga 3972)
-
Risolto!!