Buongiorno a tutti. Scusate la domanda che forse è banale...
Ho creato un template da zero. Gli unici moduli che carica il template sono il modulo top che contiene un menu e il modulo content che contiene i vari articoli.
Vorrei (visto che il div che contiene gli articoli è un 400*400 px) sostituire la scrollbar canonica che appare di default con 2 pulsantini (freccia su e freccia giu) sui quali passando il mouse, si attiva lo scorrimento dell'articolo all'interno del div.
Ora il problema è questo: dove devo posizionare il codice JS per farlo funzionare come si deve? Cioè.. Io ho messo il codice e il richiamo al file js direttamente nell'index.php del mio template
<script src="templates/mio_template/js/dw_event.js" type="text/javascript"></script>
<script src="templates/mio_template/js/dw_scroll.js" type="text/javascript"></script>
<script src="templates/mio_template/js/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript">
function init_dw_Scroll() {
var wndo = new dw_scrollObj('navigazionesx', 'lyr1');
wndo.setUpScrollControls('scrollLinks');
}
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
//dw_writeStyleSheet('css/scroll.css');
dw_Event.add( window, 'load', init_dw_Scroll);
}
</script>
tra i due tag <head></head>
Poi ho creato i div per i moduli...
<div id="wrap">
<!--PARTE ALTA SX SOLO SFONDO 400*100-->
<div id="altosx">
</div>
<!--PARTE ALTA SX SOLO SFONDO 400*100-->
<div id="bassosx">
</div>
<!--PARTE NAVIGAZIONE SINISTRA DINAMICA 400*400-->
<div id="navigazionesx">
<!--MENU-->
<div id="menu">
<jdoc:include type="modules" name="top" />
</div>
<!--COMPONENTI DINAMICI ARTICOLI-->
<div lyr1>
<jdoc:include type="component" />
</div>
<!--INCLUSIONE DIV SCROLL JS BUTTON-->
<div id="scrollLinks">
<a class="mouseover_up" href="#"><img src="templates/mio_template/images/tri-up.gif" alt="" border="0" /></a>
<a class="mouseover_down" href="#"><img src="templates/mio_template/images/tri-dn.gif" alt="" border="0" /></a>
</div>
<!--INCLUSIONE DIV SCROLL JS BUTTON-->
</div>
<!--PARTE NAVIGAZIONE DESTRA DINAMICA 600*400-->
<div id="navigazionedx" align="center">
<jdoc:include type="modules" name="right" />
</div>
</div>
sapete dirmi se quello che ho fatto è corretto oppure ho pezzato qcosa??
Grazie in anticipo a chi potrà aiutarmi.. e anche agli altri!