Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    contenuti scorrevoli multipli

    salve, ho scaricato il seguente script http://javascript.html.it/demo/javas...43/esempio.htm che mostra dei contenuti in sequenza alla pressione di un link avanti/indietro.

    ma come faccio ad inserire sempre nella stessa pagina un altro gruppo di contenuti scorrevoli indipendenti?

    il codice dello script è il seguente:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>

    <title>Contenuti scorrevoli - Esempio JavaScript scaricato da HTML.it</title>
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="it" />
    <meta name="Robots" content="All" />
    <meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
    <meta name="Keywords" content="Utile script per visualizzare in sequenza immagini o testi." />
    <meta name="Owner" content="HTML.it srl" />
    <meta name="Author" content="HTML.it srl" />
    <meta name="Copyright" content="HTML.it srl" />

    <style type="text/css">
    /*specify height of broken up content */
    .multiparts{
    height: 50px;
    }

    </style>

    <script type="text/javascript">

    if (document.getElementById){
    document.write('<style type="text/css">')
    document.write('.multiparts, #formnavigation{display:none;}')
    document.write('</style>')
    }

    var curpart=0

    function getElementbyClass(classname){
    partscollect=new Array()

    var inc=0
    var alltags=document.all? document.all : document.getElementsByTagName("*")
    for (i=0; i<alltags.length; i++){
    if (alltags[i].className==classname)
    partscollect[inc++]=alltags[i]
    }
    }

    function cycleforward(){
    partscollect[curpart].style.display="none"
    curpart=(curpart<partscollect.length-1)? curpart+1 : 0
    partscollect[curpart].style.display="block"
    updatenav()
    }

    function cycleback(){
    partscollect[curpart].style.display="none"
    curpart=(curpart>0)? curpart-1 : partscollect.length-1
    partscollect[curpart].style.display="block"
    updatenav()
    }

    function updatenav(){
    document.getElementById("backbutton").style.visibi lity=(curpart==0)? "hidden" : "visible"
    document.getElementById("forwardbutton").style.vis ibility=(curpart==partscollect.length-1)? "hidden" : "visible"
    }

    function onloadfunct(){
    getElementbyClass("multiparts")
    partscollect[0].style.display="block"
    document.getElementById("formnavigation").style.di splay="block"
    updatenav()
    }

    if (window.addEventListener)
    window.addEventListener("load", onloadfunct, false)
    else if (window.attachEvent)
    window.attachEvent("onload", onloadfunct)
    else if (document.getElementById)
    window.onload=onloadfunct

    </script>

    </head>
    <body >



    <div align="center">


    <div class="multiparts" style="display: block">


    "Il mondo si divide in due: chi ha la pistola carica e chi scava!".
    da Il Buono, il Brutto e il Cattivo</p>
    </div>

    <div class="multiparts">
    <div>"La vita e' come una scatola di cioccolatini, non sai mai quello che ti capita".
    Forrest Gump in Forrest Gump</div>
    </div>

    <div class="multiparts">


    "Quello che voi chiamate Inferno... lui lo chiama Casa!".
    da Rambo 2 - La Vendetta</p>
    </div>




    <div id="formnavigation" style="width:200px; display:none">
    Indietro
    Avanti
    </div>




    </div>







    <div align="center">
    [img]logo_htmlit.gif[/img]
    </div>


    </body>
    </html>

  2. #2
    up

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.