creare uno SCROLL DI TESTO VERTICALE

**cristal** · 06-05-2005, 00:23

Scusate, sapreste dirmi come creare in DREAMWEAVER MX 2004 uno scroll verticale automatico tipo questo che ho trovato nella raccolta javascript di HTML.IT:

http://www.html.it/dynamic/testo/testo07codice.htm

Ho provato a copiare e incollare il codice HTML ma non funziona...quindi vorrei farlo "a mano" su DW. grazie mille

**awd** · 06-05-2005, 00:29

prova questo http://forum.html.it/forum/showthrea...hreadid=812876

**cristal** · 06-05-2005, 01:00

Grazie ho letto. Ma di tutti questi codici alla fine quale è quello giusto? ho visitato anche il tuo sito. VOGLIO FARE ESATTAMENTE COME HAI FATTO TU. Ps. Ma il codice l'hai messo in una semplice tabella, vero?

**awd** · 06-05-2005, 01:30

Questo è lo script che devi mettere nell'head

codice:

<script type="text/javascript" language="JavaScript1.2">
<!--
var sp=0;
var scrollon = true;

function swtScroll() {
  if(scrollon) {
    scrtext = (document.getElementById) ? document.getElementById("sctext") : document.all["sctext"];
    maxp = (scrtext.offsetHeight) ? scrtext.offsetHeight : scrtext.style.pixelHeight;
    sp--;
    if (sp < -maxp) sp=0;
    scrtext.style.top = sp;
  }
  setTimeout('swtScroll()',20); // larger number = slower scroll
}
function stop() { scrollon = false; }
function start() { scrollon = true; }
//-->
</script>

questo invece lo metti dove vuoi nel body

codice:

<div onmouseover="stop();" onmouseout="start();">
<div id="sctext">qui il testo</div>

**cristal** · 06-05-2005, 01:58

scusami e abbi pazienza..ho fatto come mi hai detto, ma non funziona..

Il primo codice lo posso mettere in una parte qualsiasi dell'HEAD?
il secondo l'ho messo nel BODY.

Ma nell'anteprima mi esce solo un "QUI IL TESTO" statico...non si muove!

**awd** · 06-05-2005, 03:13

ah scusa, dimenticavo il pezzo che ho messo nel css:
poi personalizzalo come vuoi

#nome_id {
width: 150px;
height: 100px;
overflow: hidden;
padding: 10px;
background-color: #ccc;
}
.nome_classe {
position: relative;
font-size: 12px;
color: #000;
padding-top: 100px;
}
quindi il codice diventa

codice:

<div id="nome_id" onmouseover="stop();" onmouseout="start();">
<div id="sctext" class="nome_classe">qui il testo</div>

**awd** · 06-05-2005, 04:12

che scemo, un'ora che provo e non funziona!

dimenticavo un pezzo:

codice:

<body onLoad="swtScroll();">

e inoltre qui manca la chiusura del div

codice:

<div id="nome_id" onmouseover="stop();" onmouseout="start();">
<div id="sctext" class="nome_classe">qui il testo</div></div>

ok dovremmo essere a posto adesso

**cristal** · 06-05-2005, 09:47

scusa, non sono molto esperto di linguaggi...dove lo trovo il CSS nella mia pagina web?

**awd** · 06-05-2005, 17:24

ecco questa è la tua pagina completa

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#nome_id { 
width: 150px; 
height: 100px; 
overflow: hidden; 
padding: 10px; 
background-color: #ccc; 
} 
.nome_classe { 
position: relative; 
font-size: 12px; 
color: #000; 
padding-top: 100px; 
}
</style> 
<script type="text/javascript" language="JavaScript1.2">
<!--
var sp=0;
var scrollon = true;

function swtScroll() {
  if(scrollon) {
    scrtext = (document.getElementById) ? document.getElementById("sctext") : document.all["sctext"];
    maxp = (scrtext.offsetHeight) ? scrtext.offsetHeight : scrtext.style.pixelHeight;
    sp--;
    if (sp < -maxp) sp=0;
    scrtext.style.top = sp;
  }
  setTimeout('swtScroll()',20); // larger number = slower scroll
}
function stop() { scrollon = false; }
function start() { scrollon = true; }
//-->
</script>
</head>

<body onLoad="swtScroll();">
<div id="nome_id" onmouseover="stop();" onmouseout="start();">
<div id="sctext" class="nome_classe">qui il testo</div></div>
</body>
</html>

Discussione: creare uno SCROLL DI TESTO VERTICALE

Strumenti discussione

Ricerca discussione

Visualizza

creare uno SCROLL DI TESTO VERTICALE

Permessi di invio