1
Post New Requests Here / Re: DONE: a self-scrolling, BPM adjustable html/notepad/text file gizmo
« on: March 31, 2007, 06:27 PM »
I found a java code that web designers use to scroll text on a webpage. I tested it with some success. The page will automatically began to scroll once you click on your local web page, but using only a browser you wouldnt have to be reliant on just MS Word.
Here's an example with Sweet Home Alabama. Just copy everything as is, paste into notepad and save it with quotations around the file name to specify .html. ex. File->Save As->"sweethome.html". This will save the file with a .html extension rather than .txt. Start at the <html> and end at the </html>. The var speed controls the tempo. Not sure if this would help, but, with a common style sheet you could simply include this java script, css style sheet and format a bulk of songs with all common font size, etc... The BPM notepad concept really got me thinking especially with the ability to insert images, establish things precisely so that they match the tempo of the song.
Enjoy!
Todd
<html>
<head>
<title>
Test
</title>
<SCRIPT language=JavaScript1.2>
//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all &&
!document.getElementById)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=2
else
alt=1
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",50)
}
window.onload=initialize
</SCRIPT>
</head>
<body>
<font size = 10>
<p>Sweet Home Alabama</p>
1.<br>
2.<br>
3.<br>
4.<br>
5.<br>
6.<br>
7.<br>
8.<br>
9.<br>
10.<br>
<p>
Big wheels keep on turning<br>
Carry me home to see my kin<br>
Singing songs about the Southland<br>
I miss Alabamy once again<br>
And I think its a sin, yes<br>
</p>
1.<br>
2.<br>
3.<br>
4.<br>
5.<br>
<p>
Well I heard mister Young sing about her<br>
Well, I heard ole Neil put her down<br>
Well, I hope Neil Young will remember<br>
A Southern man don't need him around anyhow<br>
</p>
<p>
Sweet home Alabama<br>
Where the skies are so blue<br>
Sweet Home Alabama<br>
Lord, I'm coming home to you<br>
</p>
<p>
In Birmingham they love the governor<br>
Now we all did what we could do<br>
Now Watergate does not bother me<br>
Does your conscience bother you?<br>
Tell the truth<br>
</p>
<p>
Sweet home Alabama<br>
Where the skies are so blue<br>
Sweet Home Alabama<br>
Lord, I'm coming home to you<br>
Here I come Alabama<br>
</p>
<p>
Now Muscle Shoals has got the Swampers<br>
And they've been known to pick a song or two<br>
Lord they get me off so much<br>
They pick me up when I'm feeling blue<br>
Now how about you?<br>
</p>
<p>
Sweet home Alabama<br>
Where the skies are so blue<br>
Sweet Home Alabama<br>
Lord, I'm coming home to you<br>
</p>
<p>
Sweet home Alabama<br>
Oh sweet home baby<br>
Where the skies are so blue<br>
And the governor's true<br>
Sweet Home Alabama<br>
Lordy<br>
Lord, I'm coming home to you<br>
Yea, yea Montgomery's got the answer<br>
</font>
</p>
</body>
</html>
Here's an example with Sweet Home Alabama. Just copy everything as is, paste into notepad and save it with quotations around the file name to specify .html. ex. File->Save As->"sweethome.html". This will save the file with a .html extension rather than .txt. Start at the <html> and end at the </html>. The var speed controls the tempo. Not sure if this would help, but, with a common style sheet you could simply include this java script, css style sheet and format a bulk of songs with all common font size, etc... The BPM notepad concept really got me thinking especially with the ability to insert images, establish things precisely so that they match the tempo of the song.
Enjoy!
Todd
<html>
<head>
<title>
Test
</title>
<SCRIPT language=JavaScript1.2>
//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all &&
!document.getElementById)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=2
else
alt=1
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",50)
}
window.onload=initialize
</SCRIPT>
</head>
<body>
<font size = 10>
<p>Sweet Home Alabama</p>
1.<br>
2.<br>
3.<br>
4.<br>
5.<br>
6.<br>
7.<br>
8.<br>
9.<br>
10.<br>
<p>
Big wheels keep on turning<br>
Carry me home to see my kin<br>
Singing songs about the Southland<br>
I miss Alabamy once again<br>
And I think its a sin, yes<br>
</p>
1.<br>
2.<br>
3.<br>
4.<br>
5.<br>
<p>
Well I heard mister Young sing about her<br>
Well, I heard ole Neil put her down<br>
Well, I hope Neil Young will remember<br>
A Southern man don't need him around anyhow<br>
</p>
<p>
Sweet home Alabama<br>
Where the skies are so blue<br>
Sweet Home Alabama<br>
Lord, I'm coming home to you<br>
</p>
<p>
In Birmingham they love the governor<br>
Now we all did what we could do<br>
Now Watergate does not bother me<br>
Does your conscience bother you?<br>
Tell the truth<br>
</p>
<p>
Sweet home Alabama<br>
Where the skies are so blue<br>
Sweet Home Alabama<br>
Lord, I'm coming home to you<br>
Here I come Alabama<br>
</p>
<p>
Now Muscle Shoals has got the Swampers<br>
And they've been known to pick a song or two<br>
Lord they get me off so much<br>
They pick me up when I'm feeling blue<br>
Now how about you?<br>
</p>
<p>
Sweet home Alabama<br>
Where the skies are so blue<br>
Sweet Home Alabama<br>
Lord, I'm coming home to you<br>
</p>
<p>
Sweet home Alabama<br>
Oh sweet home baby<br>
Where the skies are so blue<br>
And the governor's true<br>
Sweet Home Alabama<br>
Lordy<br>
Lord, I'm coming home to you<br>
Yea, yea Montgomery's got the answer<br>
</font>
</p>
</body>
</html>