Adrianfay:scroll: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
(New page: <html> <head> <script language="JavaScript" src="scroll.dflt.js"></script> <script> var n_id = document.location.search.substr(1); document.write("<script language='javascript' src='scro...)
 
No edit summary
Line 1: Line 1:
<html>
<html>
<head>
<head>
<script language="JavaScript" src="scroll.dflt.js"></script>
<script language="JavaScript">
DEFAULT = {
'clas' : {
'bck':'Back',
'aup':'ArrowUp',
'adn':'ArrowDn',
'itm':'ItemBody'
},
'size' : [150, 100],
'up' : 'aup.gif',
'dn' : 'adn.gif'
}
</script>
<script>
<script>
var n_id = document.location.search.substr(1);
var n_id = document.location.search.substr(1);
document.write("<script language='javascript' src='scroll.tpl" + n_id + ".js'><\/script><link rel='stylesheet' href='scroll" + n_id + ".css'>")
document.write("<script language='javascript' src='scroll.tpl" + n_id + ".js'>
var LOOK = {
// scroller box size: [width, height]
'size': [600, 150]
},
 
BEHAVE = {
// autoscroll - true, on-demand - false
'auto': true,
// vertical - true, horizontal - false
'vertical': true,
// scrolling speed, pixels per 40 milliseconds;
// if negative value, reverses scrolling direction
'speed': 3
},
 
// news contents
ITEMS = [
{
'file': '../news_files/news.html',
'content': '',
'pause_b': 2,
'pause_a': 2
}
]
<\/script><link rel='stylesheet' href='scroll" + n_id + ".css'>")
</script>
</script>
</head>
</head>

Revision as of 16:16, 30 July 2007

<html> <head> <script language="JavaScript"> DEFAULT = { 'clas' : { 'bck':'Back', 'aup':'ArrowUp', 'adn':'ArrowDn', 'itm':'ItemBody' }, 'size' : [150, 100], 'up' : 'aup.gif', 'dn' : 'adn.gif' } </script> <script> var n_id = document.location.search.substr(1); document.write("<script language='javascript' src='scroll.tpl" + n_id + ".js'> var LOOK = { // scroller box size: [width, height] 'size': [600, 150] },

BEHAVE = { // autoscroll - true, on-demand - false 'auto': true, // vertical - true, horizontal - false 'vertical': true, // scrolling speed, pixels per 40 milliseconds; // if negative value, reverses scrolling direction 'speed': 3 },

// news contents ITEMS = [ { 'file': '../news_files/news.html', 'content': '', 'pause_b': 2, 'pause_a': 2 } ] <\/script><link rel='stylesheet' href='scroll" + n_id + ".css'>") </script> </head>

<body class="Back" onload="init()"> <div id=mn class="ItemBody" style="position:absolute;top:0;left:0;width:100%"></div> <script language="JavaScript"> function getElem(div) { return document.getElementById ? document.getElementById(div) : document.all[div] }

var auto = BEHAVE.auto, vertical = BEHAVE.vertical, items = ITEMS, o_up = new Image(16,16), o_dn = new Image(16,16), o_class = DEFAULT.clas, o_container = parent.document.getElementById ? parent.document.getElementById("Tscr" + n_id) : parent.document.all["Tscr" + n_id], w = LOOK.size[0] ? LOOK.size[0] : DEFAULT.size[0], h = LOOK.size[1] ? LOOK.size[1] : DEFAULT.size[1], n_wheight = vertical ? h : w, n_step = BEHAVE.speed != 0 ? BEHAVE.speed : 1, n_interval = n_pos = n_cur = prior = 0, n_astep = Math.abs(n_step), n_num = items.length, main = getElem('mn')

o_container.style.width = w; o_container.style.height = h;

if (!auto) { o_up.src = LOOK.up ? LOOK.up : DEFAULT.up; 

 o_dn.src = LOOK.dn ? LOOK.dn : DEFAULT.dn;

document.write("<div id=aup class=" + o_class.aup + " style=position:absolute;z-index:1><img src=" + o_up.src + "></div><div id=adn class=" + o_class.adn + " style=position:absolute;z-index:1><img src=" + o_dn.src + "></div>"); arrup = getElem("aup") arrdn = getElem("adn") } // ------------------------------------------------------------ // initialize items array - waiting for each to load completely // ------------------------------------------------------------ for (var i in items) { if (items[i].file) document.write("<iframe style=\"visibility:hidden\" height=0 width=0 src=\"" + items[i].file + "\"></iframe>") items[i].supply = supp; }

function init(n_2measure) { var b_fl = true, e_frm, k = 0, i; if (n_2measure != null) items[n_2measure].height = vertical ? main.offsetHeight : main.offsetWidth; for (i = n_num - 1; i >= 0; i--) if (!items[i].height) { if (items[i].content) { main.innerHTML = items[i].content; setTimeout("init(" + i + ")", 100) } else if (items[i].file) { e_frm = window.frames[k++]; if (e_frm.document.body) items[i].content = e_frm.document.body.innerHTML } b_fl = false; 

	}

if (!b_fl) setTimeout("init()", 100) else if (auto) move(0) }

// user control methods assigning if (auto) { document.body.onmouseover = function () { stop(1) } document.body.onmouseout = function () { move(1) } } else { arrup.onmouseover = function () { n_step = -n_astep; move(1) } arrdn.onmouseover = function () { n_step = n_astep; move(1) } arrdn.onmouseout = arrup.onmouseout = function () { n_pos += n_step stop(1) } }

// internal control methods function move(p) { if (prior <= p && n_interval == 0) { prior = 0 n_interval = setInterval("roll()", 40) } } function stop(p) { if (prior < p) prior = p if (n_interval != 0) { clearInterval(n_interval) n_interval = 0 } } var ajust = vertical ? function () { main.style.top = n_pos } : function () { main.style.left = n_pos }

function sleep(delay) { stop(0); setTimeout("move_s()", delay * 1000) } function move_s() { n_pos -= n_step ajust() move(0) }

function roll() { var item = items[n_cur]; if (n_pos > n_wheight) { item = items[n_cur = n_cur == 0 ? n_num - 1 : n_cur - 1] n_pos = -item.height item.supply() } else if (n_pos < - item.height) { item = items[n_cur = n_cur == n_num - 1 ? 0 : n_cur + 1] n_pos = n_wheight item.supply() } var delta = n_wheight - item.height if (item.pause_a > 0 && n_pos >= delta && n_pos < n_astep + delta) { n_pos = delta ajust() return sleep (item.pause_a) } if (item.pause_b > 0 && n_pos >= 0 && n_pos < n_astep) { n_pos = 0 ajust() return sleep (item.pause_b) } n_pos -= n_step ajust() }

function supp () { main.innerHTML = this.content ajust() } </script> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Adrianfay:scroll&oldid=135584"