Help with scrolling text code
Hi there, the following code seems to work fine but I would like to know if the code can be changed so that the cursor blinks as it gets to the end of each line?
Code:
<script language="JavaScript1.2">
var line=new Array()
line[1]="Test1"
line[2]="Test2"
line[3]="Test3"
line[4]="Test4"
//Specify font size for scoller
var ts_fontsize="13px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",2000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",5000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="_"}
else if (cursor=="|"){
cursor="_"}
else if (cursor=="/"){
cursor="_"}
else if (cursor=="-"){
cursor="_"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",50)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
Cheers
Last edited by malhyp; 12-29-2006 at 09:00 AM..
|
