Back to top

Autore Topic: [RISOLTO] - Scrollbar e javascript  (Letto 2620 volte)

Offline The Jackall

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
[RISOLTO] - Scrollbar e javascript
« il: 18 Mar 2010, 17:52:27 »
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

Codice: [Seleziona]
<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...

Codice: [Seleziona]
<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!
« Ultima modifica: 19 Mar 2010, 15:01:46 da The Jackall »

Offline The Jackall

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
Re:Scrollbar e javascript
« Risposta #1 il: 19 Mar 2010, 15:01:27 »
Scusate.. ho risolto.. L'errore, se così si può chiamare, stava nel codice JS e non nell'inclusione dello stesso nel file index.php del template.

A presto!

 



Web Design Bolzano Kreatif