Guest_imported
New member
- Jan 1, 1970
- 0
I've got the following javascript to gather arrays of messages and scroll them, embedding links to cgi script i the array, with variables defined, therein; however, the first link works, but after that, it won't, I'm pretty sure b/c I haven't </form> anywhere; however, I don't know where to stick it.
Here is the code for the scroller - I don't mean to put it all in, but I don't know where the problem is - thanks for any help, in advance.
<html>
<head>
<base target=main>
<TITLE>NewsNav: pop-up-menu and news-scroller all in one</TITLE>
<script language="JavaScript1.2">
var message= new Array()
message[0]="A & B Charters|10% off on all full day trips| & B Charters&vendorcontact=info@aandbcharters.com&discount=10% off on all full day trips"
message[1]="Carrabba's Grille|free meals all around!| Grille&vendorcontact=info@carrabbas.com&discount=free meals all around!"
var menu_1= new Array()
var menu_2= new Array()
var menu_3= new Array()
var menu_4= new Array()
var menu_5= new Array()
var menu_6= new Array()
var scrollerheight=200
var scrollerwidth=275
var scrollertop=0
var scrollerleft=0
var scrollerpadding=10
var leftdif=140
var topdif=36
var backgroundborder=2
var scrollerbgcolor="DDDDDD"
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=2
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=2
var font_linkface="Verdana"
var font_linkcolor="blue"
var font_linksize=2
var linktarget="_main"
var standstillfix=3000
var submenutime=5000
var buttonnumber=6
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight
var i_message=0
var mes_joined
var mes_split
var menu_joined
var menu_split
var contenttext
var contentmenu
var contentbg
var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20
var standstillflex=0
function initiatemenus(){
for (ii=1;ii<=buttonnumber;ii++) {
contentmenu="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contentmenu+="<tr valign='top'><td height='"+scrollerheight+"'>"
var thismenu=eval("menu_"+ii)
for (i=0;i<=thismenu.length-1;i++) {
menu_joined=thismenu
menu_split=menu_joined.split("|"
contentmenu+="<center><a href='"+menu_split[1]+"' target='"+linktarget+"'><font face='"+font_linkface+"' color='"+font_linkcolor+"' size='"+font_linksize+"'>"+menu_split[0]+"</font></a></center><br>"
}
contentmenu+="</td></tr>"
contentmenu+="</table>"
if (document.all) {
var thismenudiv=eval("document.all.menu"+ii+".style"
var thisinnerhtml=eval("menu"+ii)
thisinnerhtml.innerHTML=contentmenu
thismenudiv.posTop=scrollertop
thismenudiv.posLeft=scrollerleft
}
if (document.layers) {
var thismenudiv=eval("document.menu"+ii)
thismenudiv.document.write(contentmenu)
thismenudiv.document.close()
thismenudiv.top=scrollertop
thismenudiv.left=scrollerleft
}
contentmenu=""
}
initiatescroller()
}
function initiatescroller(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message
mes_split=mes_joined.split("|"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"
contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"
if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollerbgimg.style.posTop=scrollertop-scrollerpadding-topdif
document.all.scrollerbgimg.style.posLeft=scrollerleft-scrollerpadding-leftdif
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+""
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding
document.scrollerbgimg.top=scrollertop-scrollerpadding-topdif
document.scrollerbgimg.left=scrollerleft-scrollerpadding-leftdif
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}
function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+""
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+""
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}
function showmenu(whichmenu) {
hidealldivs()
if (document.all) {
var thismenu=eval("document.all."+whichmenu+".style"
thismenu.visibility="VISIBLE"
}
if (document.layers) {
var thismenu=eval("document."+whichmenu)
thismenu.visibility="VISIBLE"
}
var timer=setTimeout("showtextagain()",submenutime)
}
function hidealldivs() {
for (ii=1;ii<=buttonnumber;ii++) {
if (document.all) {
var thismenudiv=eval("document.all.menu"+ii+".style"
thismenudiv.visibility="HIDDEN"
}
if (document.layers) {
var thismenudiv=eval("document.menu"+ii)
thismenudiv.visibility="HIDDEN"
}
}
if (document.all) {
document.all.scrollertext.style.visibility="HIDDEN"
}
if (document.layers) {
document.scrollertext.visibility="HIDDEN"
}
}
function showtextagain() {
for (ii=1;ii<=buttonnumber;ii++) {
if (document.all) {
var thismenudiv=eval("document.all.menu"+ii+".style"
thismenudiv.visibility="HIDDEN"
}
if (document.layers) {
var thismenudiv=eval("document.menu"+ii)
thismenudiv.visibility="HIDDEN"
}
}
if (document.all) {
document.all.scrollertext.style.visibility="VISIBLE"
}
if (document.layers) {
document.scrollertext.visibility="VISIBLE"
}
}
</script>
</head>
<body onLoad="initiatemenus()">
<div id="scrollerbgimg" style="position:absolute;top:-1000px">
<MAP NAME="menunewsnav">
<AREA SHAPE=RECT COORDS="17,32,135,53" HREF="javascript:showmenu('menu1')">
<AREA SHAPE=RECT COORDS="18,59,134,77" HREF="javascript:showmenu('menu2')">
<AREA SHAPE=RECT COORDS="18,81,134,100" HREF="javascript:showmenu('menu3')">
<AREA SHAPE=RECT COORDS="17,104,135,123" HREF="javascript:showmenu('menu4')">
<AREA SHAPE=RECT COORDS="16,126,135,146" HREF="javascript:showmenu('menu5')">
<AREA SHAPE=RECT COORDS="17,150,133,168" HREF="javascript:showmenu('menu6')">
<AREA SHAPE=RECT COORDS="138,149,267,169" HREF=" target="_blank">
<AREA SHAPE=RECT COORDS="17,1,130,16" HREF=" target="_blank">
</MAP>
</div>
<div id="scrollerbg" style="position:absolute;top:-1000px"> </div>
<div id="scrollertext" style="position:absolute;top:-1000px"> </div>
<div id="menu1" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu2" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu3" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu4" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu5" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu6" style="position:absolute;top:-1000px;visibility:hidden"></div>
</body>
</html>
Here is the code for the scroller - I don't mean to put it all in, but I don't know where the problem is - thanks for any help, in advance.
<html>
<head>
<base target=main>
<TITLE>NewsNav: pop-up-menu and news-scroller all in one</TITLE>
<script language="JavaScript1.2">
var message= new Array()
message[0]="A & B Charters|10% off on all full day trips| & B Charters&vendorcontact=info@aandbcharters.com&discount=10% off on all full day trips"
message[1]="Carrabba's Grille|free meals all around!| Grille&vendorcontact=info@carrabbas.com&discount=free meals all around!"
var menu_1= new Array()
var menu_2= new Array()
var menu_3= new Array()
var menu_4= new Array()
var menu_5= new Array()
var menu_6= new Array()
var scrollerheight=200
var scrollerwidth=275
var scrollertop=0
var scrollerleft=0
var scrollerpadding=10
var leftdif=140
var topdif=36
var backgroundborder=2
var scrollerbgcolor="DDDDDD"
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=2
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=2
var font_linkface="Verdana"
var font_linkcolor="blue"
var font_linksize=2
var linktarget="_main"
var standstillfix=3000
var submenutime=5000
var buttonnumber=6
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight
var i_message=0
var mes_joined
var mes_split
var menu_joined
var menu_split
var contenttext
var contentmenu
var contentbg
var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20
var standstillflex=0
function initiatemenus(){
for (ii=1;ii<=buttonnumber;ii++) {
contentmenu="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contentmenu+="<tr valign='top'><td height='"+scrollerheight+"'>"
var thismenu=eval("menu_"+ii)
for (i=0;i<=thismenu.length-1;i++) {
menu_joined=thismenu
menu_split=menu_joined.split("|"
contentmenu+="<center><a href='"+menu_split[1]+"' target='"+linktarget+"'><font face='"+font_linkface+"' color='"+font_linkcolor+"' size='"+font_linksize+"'>"+menu_split[0]+"</font></a></center><br>"
}
contentmenu+="</td></tr>"
contentmenu+="</table>"
if (document.all) {
var thismenudiv=eval("document.all.menu"+ii+".style"
var thisinnerhtml=eval("menu"+ii)
thisinnerhtml.innerHTML=contentmenu
thismenudiv.posTop=scrollertop
thismenudiv.posLeft=scrollerleft
}
if (document.layers) {
var thismenudiv=eval("document.menu"+ii)
thismenudiv.document.write(contentmenu)
thismenudiv.document.close()
thismenudiv.top=scrollertop
thismenudiv.left=scrollerleft
}
contentmenu=""
}
initiatescroller()
}
function initiatescroller(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message
mes_split=mes_joined.split("|"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"
contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"
if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollerbgimg.style.posTop=scrollertop-scrollerpadding-topdif
document.all.scrollerbgimg.style.posLeft=scrollerleft-scrollerpadding-leftdif
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+"
"}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding
document.scrollerbgimg.top=scrollertop-scrollerpadding-topdif
document.scrollerbgimg.left=scrollerleft-scrollerpadding-leftdif
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}
function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+"
"document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+"
"standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}
function showmenu(whichmenu) {
hidealldivs()
if (document.all) {
var thismenu=eval("document.all."+whichmenu+".style"
thismenu.visibility="VISIBLE"
}
if (document.layers) {
var thismenu=eval("document."+whichmenu)
thismenu.visibility="VISIBLE"
}
var timer=setTimeout("showtextagain()",submenutime)
}
function hidealldivs() {
for (ii=1;ii<=buttonnumber;ii++) {
if (document.all) {
var thismenudiv=eval("document.all.menu"+ii+".style"
thismenudiv.visibility="HIDDEN"
}
if (document.layers) {
var thismenudiv=eval("document.menu"+ii)
thismenudiv.visibility="HIDDEN"
}
}
if (document.all) {
document.all.scrollertext.style.visibility="HIDDEN"
}
if (document.layers) {
document.scrollertext.visibility="HIDDEN"
}
}
function showtextagain() {
for (ii=1;ii<=buttonnumber;ii++) {
if (document.all) {
var thismenudiv=eval("document.all.menu"+ii+".style"
thismenudiv.visibility="HIDDEN"
}
if (document.layers) {
var thismenudiv=eval("document.menu"+ii)
thismenudiv.visibility="HIDDEN"
}
}
if (document.all) {
document.all.scrollertext.style.visibility="VISIBLE"
}
if (document.layers) {
document.scrollertext.visibility="VISIBLE"
}
}
</script>
</head>
<body onLoad="initiatemenus()">
<div id="scrollerbgimg" style="position:absolute;top:-1000px">
<MAP NAME="menunewsnav">
<AREA SHAPE=RECT COORDS="17,32,135,53" HREF="javascript:showmenu('menu1')">
<AREA SHAPE=RECT COORDS="18,59,134,77" HREF="javascript:showmenu('menu2')">
<AREA SHAPE=RECT COORDS="18,81,134,100" HREF="javascript:showmenu('menu3')">
<AREA SHAPE=RECT COORDS="17,104,135,123" HREF="javascript:showmenu('menu4')">
<AREA SHAPE=RECT COORDS="16,126,135,146" HREF="javascript:showmenu('menu5')">
<AREA SHAPE=RECT COORDS="17,150,133,168" HREF="javascript:showmenu('menu6')">
<AREA SHAPE=RECT COORDS="138,149,267,169" HREF=" target="_blank">
<AREA SHAPE=RECT COORDS="17,1,130,16" HREF=" target="_blank">
</MAP>
</div>
<div id="scrollerbg" style="position:absolute;top:-1000px"> </div>
<div id="scrollertext" style="position:absolute;top:-1000px"> </div>
<div id="menu1" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu2" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu3" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu4" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu5" style="position:absolute;top:-1000px;visibility:hidden"></div>
<div id="menu6" style="position:absolute;top:-1000px;visibility:hidden"></div>
</body>
</html>
