> 
- Home Page
- > Script DHTML
- > Script DHTML Frame
- > Scroller di Testo 2
Scroller di Testo2
Scroller di testo.
<HTML>
<HEAD>
<title>Demo dhtml</title>
<style type="text/css">
A:link, A:visited { text-decoration: underline }
A:hover { text-decoration: none }
</style>
</HEAD>
<BODY vlink="#004080" link="#004080" alink="red" bgcolor="white">
<IMG SRC="bianco.gif" width=120 height=100 NAME="holdspace" ID="holdspace" STYLE="visibility:hidden;
position:relative;" ALIGN=MIDDLE border=0 HSPACE=0 VSPACE=8>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
if (navigator.appVersion.indexOf("MSIE 4.0; Macintosh;") == -1) {
with (document) {write("<SCRIPT LANGUAGE='JavaScript1.2' SRC='bannerconfig.js'>");
write("<\/SCRIPT>");
write("<SCRIPT LANGUAGE='JavaScript1.2' SRC='banner.js'>");
write("<\/SCRIPT>");
}
}
//-->
</SCRIPT>
<br><br><br><br><br><br><br><br><br>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
document.write("<SCRIPT LANGUAGE='JavaScript' SRC='/banner/banner.js'><\/SCRIPT>");
}
//-->
</SCRIPT>
</BODY>
</HTML>
File banner.js
onload = startBanner;
function showMessage(n, show) {
var whichEl = (NS4) ? eval("message" + n) :
eval("message" + n + ".style");
whichEl.visibility = (show) ? ((NS4) ? "show" : "visible")
:
((NS4) ? "hide" : "hidden");
}
function nextMessage() {
var fromInd = current;
current = (fromInd == ar.length - 1) ? 0 : fromInd + 1;
scrollBanner(fromInd, current);
}
function moveUp() {
if (NS4) {
fromEl.top -= increment;
if (toEl.top - increment <= toElTarget) {
toEl.top = toElTarget;
clearInterval(intervalID);
fromEl.visibility = "hide";
timeoutID = setTimeout("nextMessage()", pause);
} else {
toEl.top -= increment;
}
} else {
fromEl.pixelTop -= increment;
if (toEl.pixelTop - increment <= toElTarget) {
toEl.pixelTop = toElTarget;
clearInterval(intervalID);
fromEl.visibility = "hidden";
timeoutID = setTimeout("nextMessage()", pause);
} else {
toEl.pixelTop -= increment;
}
}
}
function scrollBanner(from, to) {
if (NS4) {
fromEl = eval("message" + from);
toEl = eval("message" + to);
toEl.top = fromEl.top + bannerHeight;
toElTarget = fromEl.top;
} else {
fromEl = eval("message" + from + ".style");
toEl = eval("message" + to + ".style");
toEl.pixelTop = fromEl.pixelTop + bannerHeight;
toElTarget = fromEl.pixelTop;
}
showMessage(to, true); // show the upcoming message
intervalID = setInterval("moveUp()", interval);
}
function makeIE() {
// assign the necessary code to a variable
var text = '<DIV ID="banner" STYLE="position:absolute">';
for (var i = ar.length - 1; i >= 0; i--) {
text += '<DIV ID="message' + i + '"STYLE="position:absolute"></DIV>';
}
text += '</DIV>';
// insert the code before the end of the document
document.body.insertAdjacentHTML("BeforeEnd", text);
// define the main element's properties
with (banner.style) {
width = bannerWidth;
height = bannerHeight;
clip = "rect(0 " + bannerWidth + " " + bannerHeight + " 0)";
backgroundColor = bannerColor;
pixelLeft = bannerLeft;
pixelTop = bannerTop;
}
// define the child elements' properties
for (i = 0; i < ar.length; i++) {
with (eval("message" + i + ".style")) {
visibility = "hidden";
pixelLeft = leftPadding;
pixelTop = topPadding;
width = bannerWidth - leftPadding;
backgroundColor = bannerColor;
}
}
}
function makeNS() {
// create the main element
banner = new Layer(bannerWidth);
// define the main element's properties
with (banner) {
clip.right = bannerWidth;
clip.bottom = bannerHeight;
document.bgColor = bannerColor;
left = bannerLeft;
top = bannerTop;
visibility = "show";
}
// define the child elements' properties
for (var i = 0; i < ar.length; i++) {
// create a child element
eval("message" + i + " = " +
"new Layer(bannerWidth - leftPadding, banner)");
with(eval("message" + i)) {
visibility = "hide";
left = leftPadding;
top = topPadding;
document.bgColor = bannerColor;
}
}
}
function fillBanner() {
var whichEl;
if (NS4) {
for (var i = 0; i < ar.length; i++) {
whichEl = eval("message" + i);
whichEl.document.write(ar[i]);
whichEl.document.close();
}
} else {
for (var i = 0; i < ar.length; i++) {
whichEl = eval("message" + i);
whichEl.innerHTML = ar[i];
}
}
}
function startBanner() {
if (NS4)
makeNS()
else
makeIE();
fillBanner();
showMessage(0, true);
current = 0;
timeoutID = setTimeout("nextMessage()", pause);
}
File bannerconfig.js
var NS4 = (document.layers) ? true : false;
var IE4 = (document.all) ? true : false;
var interval = 5;
var increment = 1;
var pause = 3000;
var bannerColor = "#FFFFFF";
var leftPadding = 3;
var topPadding = 1;
var bannerLeft = (NS4) ? document.images.holdspace.x :
holdspace.offsetLeft;
var bannerTop = (NS4) ? document.images.holdspace.y :
holdspace.offsetTop;
var bannerWidth = (NS4) ? document.images.holdspace.width :
holdspace.width;
var bannerHeight = (NS4) ? document.images.holdspace.height :
holdspace.height;
var ar = new Array(
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net/galileo' target='_parent'>Galileo</a></B><BR><FONT
SIZE=1 FACE=tahoma>Magazine mensile, mercatino informatico e Dynamic HTML.
Tutto gratis!!</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net/galileo/magazine' target='_parent'>Magazine
mensile</a></B><BR><FONT SIZE=1 FACE=tahoma>La rivista
aggiornata mensilmente esclusivamente riservata al mondo dell'informatica</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net/galileo/dhtml' target='_parent'>DHTML store</a></B><BR><FONT
SIZE=1 FACE=tahoma>L'archivio di demo DHTML più vasto del WWW italiano.
Oltre a teoria e links</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net/galileo/mercatino' target='_parent'>Mercatino</a></B><BR><FONT
SIZE=1 FACE=tahoma>Compravendita di prodotti informatici di seconda mano</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net/galileo/mailing' target='_parent'>2 Mailing
list</a></B><BR><FONT SIZE=1 FACE=tahoma>La newsletter
mensile e "Una demo DHTML a settimana".</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net/galileo/libri' target='_parent'>Libri</a></B><BR><FONT
SIZE=1 FACE=tahoma>Recensione di libri dedicati al web publishing hi-tech</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.ipoint2000.net' target='_parent'>iPoint2000</a></B><BR><FONT
SIZE=1 FACE=tahoma>Il server e la comunità che attualmente ospita Galileo</font></center>",
"<center><FONT SIZE=2 FACE=tahoma><B><A class=newslink
HREF='http://www.asp-it.com' target='_parent'>ASP-it</a></B><BR><FONT
SIZE=1 FACE=tahoma>Tutto sulle Active Server Pages</font></center>"
);
