Display a dynamic Ticker Tape

Code Bank

User Name:

Password:

Remember me

ASP Free Forums Sponsor:

Generate data entry and reporting .NET Web apps in minutes, straight from your database. Read our FREE whitepaper “Build Web 2.0 Applications Without Hand-Coding” Download now!

February 12th, 2004, 03:19 PM

ricksterval

Contributing User

Join Date: Nov 2003

Posts: 31

Time spent in forums: < 1 sec
Reputation Power: 5

Display a dynamic Ticker Tape

<%
'Created by Max Cappellari
'to get the content from a Database:
'simply create a Recordset object here.

Link1 = "<a href='http://www.yahoo.com'>http://www.yahoo.com</a>"
Link2 = "<a href='http://www.cnn.com'>http://www.cnn.com</a>"
Link3 = "<a href='http://www.aol.com'>http://www.aol.com</a>"

'Settings
TickerColor = "#9CD3FF"
TickerHeight = 15
TickerWidth = 300

%>

<style>

</style>

<script language="JavaScript">

function regenerate() {
window.location.reload()

}

function regenerate2() {
if (document.layers)
setTimeout("window.onresize = regenerate",450)
}

function update() {

if (document.layers){
document.tickertape.document.subtickertape.documen t.write ('<span class="subtickertapefont">'+news[i]+'</span>')
document.tickertape.document.subtickertape.documen t.close()
}
else
{
document.all.subtickertape.innerHTML=news[i]
}

if (i<news.length-1)
i++
else
i=0
setTimeout("update()",speed)
}

</script>
<%' To get the content from a database, Loop through the recordset here %>

<form name="tform" id="tform">
<input type=hidden name="link1" value="<%=Link1%>">
<input type=hidden name="link2" value="<%=Link2%>">
<input type=hidden name="link3" value="<%=Link3%>">
</form>

<% 'end of loop %>

<script language="Javascript">
//default speed is 4.5 seconds
var speed = 4500

var news = new Array()

news[0] = document.forms["tform"].item("link1").value
news[1] = document.forms["tform"].item("link2").value
news[2] = document.forms["tform"].item("link3").value

i = 0

</script>

<table border=0 bgcolor="<%=TickerColor%>" cellpadding=0 cellspacing=0 width=<%=TickerWidth%>>
<tr bgcolor="<%=TickerColor%>" height=<%=TickerHeight%>>
<td bgcolor="<%=TickerColor%>">
<div id="tickertape">
<div id="subtickertape" class="subtickertapefont">Initializing...</div>
</div>
</td>
</tr>
</table>



Then in the Main file just add the following in the Tag:

<BODY Onload = "if (document.all||document.layers){regenerate2();upda te()}">



Read Complete Article

Viewing: ASP Free Forums > Programming > Code Bank > Display a dynamic Ticker Tape

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump