Script DHTML - Frame: Text Scroller - Morpheusweb.it - webmaster resources: script, ASP.NET, C#, Visual Basic .Net, tutorial, asp, javascript, css, php, html, java, ADO, VBScript, forms, frames, Active Server Pages, Dynamic HTML, database

Text Scroller
Scroller of text, through a div. (the text automatically flows, as for the marquees).


					
					<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 &quot;Una demo DHTML a settimana&quot;.</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>"

					);
Download the code...
A colpo d'occhio

Script C#

Manuale C#

Script VB.Net

Manuale VB.Net

Seo

Manuale CSS

Be Responsive

HTML 5

CSS 3

jQuery

dhtml
