Tweet
event handler problems
I have an understanding of the event handler and using more than one script on a page including using it successfully.
The script that is causing me problems is: //Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com located at http://www.javascriptkit.com/script/...croller.shtml.
I have found the window.open=function() and there is another function just before in the script window.resize=function() I can't seem to write this script correctly into the event handler to get all my scripts to work together.
Looking through this script I simply don't know what to put into the event handler so it understands to run this script with the others. I also don't know what to change in the script itself to make it cooperate. Deleting window.open= and putting the function() into the event handler stops the script and everything else.
Any ideas?
Here is the code. The code for the scroller is not written in the event handler simply because it screws everything up. I am not sure how to post the code or single out the right stuff. This is a bunch, but here it goes:
<html>
<HEAD>
<script>
<!--
if (window!= top)
top.location.href=location.href
// -->
</script>
<!-- ImageReady Preload Script (Anthony Top Corner.jpg) -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Anthony_Top_Corner_01_over = newImage("Ant%20Corner%20pic/images/Anthony-Top-Corner_01-over.jpg");
preloadFlag = true;
}
}
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=540,height=450,left = 140,top = 50');");
}
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
image2 = new Image();
image2.src = "Ant%20Home%20Icon%20shadow.jpg";
image4 = new Image();
image4.src = "written%20proffer%20icon%20shadow.jpg";
image5 = new Image();
image5.src = "weaverworks%20icon%20shadow.jpg";
image6 = new Image();
image6.src = "email%20icon%20shadow.jpg";
image7 = new Image();
image7.src = "links%20icon%20shadow.jpg";
// End -->
</script>
<!-- End Preload Script -->
</head>
<meta http-equiv="Content-Language" content="en-us">
<title>artproffers - anthillproffers</title>
<body link="#000080" vlink="#808080" alink="#FF0000">
<div align="center">
<center>
<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="605" cellpadding="0" height="584">
<tr>
<td width="104" height="1" align="center" style="border-right-style: none; border-right-width: medium">
<BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages()";"javascript
opUp()";>
<!-- ImageReady Slices (Anthony Top Corner.jpg) -->
<a title="Ant on his visual art"> <a href="javascriptopUp('antonart.htm/')";
ONMOUSEOVER="changeImages('Anthony_Top_Corner_01', 'Ant%20Corner%20pic/images/Anthony-Top-Corner_01-over.jpg'); return true;"
ONMOUSEOUT="changeImages('Anthony_Top_Corner_01', 'Ant%20Corner%20pic/images/Anthony-Top-Corner_01.jpg'); return true;">
<IMG NAME="Anthony_Top_Corner_01" SRC="Ant%20Corner%20pic/images/Anthony-Top-Corner_01.jpg" BORDER=0 width="116" height="96"></A>
<!-- End ImageReady Slices -->
</body>
<tr>
<td>
<script language="javascript">
//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Updated for bug fixes
//Visit JavaScript Kit (http://javascriptkit.com) for script
//ENTER CONTENT TO SCROLL BELOW.
var content='<font face="Courier New" size="2"><font color="#000080"><p><b><center><u>artproffers </font></u><u><font color="#FF0000">UPDATES</font></u></p><p><u>concepts</u> - <u> series</u> -</b><font color="#808080">brand new pieces as of <u>07-15-02</u></p></font><p><font color="#000080"><b>Click below on <u>concepts</u> or <u>series</u> to <font color="#FF0000"><b><u>check \'em out!</u></b></p></center></font>';
var boxheight=95; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=105; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#FFFFFF"; // BACKGROUND BOX COLOR.
var speed=50; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2; // PIXELS "STEPS" PER REPITITION.
var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE
// DO NOT EDIT BEYOND THIS POINT
var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height)arseInt(el.offsetHeight);
}
function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}
function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}
function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}
window.onload=function(){
outer=(ns4)?document.layers['outer']
ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</td>
That's it. I hope this helps
Any help?
Anthony
The script that is causing me problems is: //Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com located at http://www.javascriptkit.com/script/...croller.shtml.
I have found the window.open=function() and there is another function just before in the script window.resize=function() I can't seem to write this script correctly into the event handler to get all my scripts to work together.
Looking through this script I simply don't know what to put into the event handler so it understands to run this script with the others. I also don't know what to change in the script itself to make it cooperate. Deleting window.open= and putting the function() into the event handler stops the script and everything else.
Any ideas?
Here is the code. The code for the scroller is not written in the event handler simply because it screws everything up. I am not sure how to post the code or single out the right stuff. This is a bunch, but here it goes:
<html>
<HEAD>
<script>
<!--
if (window!= top)
top.location.href=location.href
// -->
</script>
<!-- ImageReady Preload Script (Anthony Top Corner.jpg) -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Anthony_Top_Corner_01_over = newImage("Ant%20Corner%20pic/images/Anthony-Top-Corner_01-over.jpg");
preloadFlag = true;
}
}
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=540,height=450,left = 140,top = 50');");
}
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
image2 = new Image();
image2.src = "Ant%20Home%20Icon%20shadow.jpg";
image4 = new Image();
image4.src = "written%20proffer%20icon%20shadow.jpg";
image5 = new Image();
image5.src = "weaverworks%20icon%20shadow.jpg";
image6 = new Image();
image6.src = "email%20icon%20shadow.jpg";
image7 = new Image();
image7.src = "links%20icon%20shadow.jpg";
// End -->
</script>
<!-- End Preload Script -->
</head>
<meta http-equiv="Content-Language" content="en-us">
<title>artproffers - anthillproffers</title>
<body link="#000080" vlink="#808080" alink="#FF0000">
<div align="center">
<center>
<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="605" cellpadding="0" height="584">
<tr>
<td width="104" height="1" align="center" style="border-right-style: none; border-right-width: medium">
<BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages()";"javascript
opUp()";><!-- ImageReady Slices (Anthony Top Corner.jpg) -->
<a title="Ant on his visual art"> <a href="javascript
opUp('antonart.htm/')";ONMOUSEOVER="changeImages('Anthony_Top_Corner_01', 'Ant%20Corner%20pic/images/Anthony-Top-Corner_01-over.jpg'); return true;"
ONMOUSEOUT="changeImages('Anthony_Top_Corner_01', 'Ant%20Corner%20pic/images/Anthony-Top-Corner_01.jpg'); return true;">
<IMG NAME="Anthony_Top_Corner_01" SRC="Ant%20Corner%20pic/images/Anthony-Top-Corner_01.jpg" BORDER=0 width="116" height="96"></A>
<!-- End ImageReady Slices -->
</body>
<tr>
<td>
<script language="javascript">
//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Updated for bug fixes
//Visit JavaScript Kit (http://javascriptkit.com) for script
//ENTER CONTENT TO SCROLL BELOW.
var content='<font face="Courier New" size="2"><font color="#000080"><p><b><center><u>artproffers </font></u><u><font color="#FF0000">UPDATES</font></u></p><p><u>concepts</u> - <u> series</u> -</b><font color="#808080">brand new pieces as of <u>07-15-02</u></p></font><p><font color="#000080"><b>Click below on <u>concepts</u> or <u>series</u> to <font color="#FF0000"><b><u>check \'em out!</u></b></p></center></font>';
var boxheight=95; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=105; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#FFFFFF"; // BACKGROUND BOX COLOR.
var speed=50; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2; // PIXELS "STEPS" PER REPITITION.
var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE
// DO NOT EDIT BEYOND THIS POINT
var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height)
arseInt(el.offsetHeight);}
function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}
function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}
function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}
window.onload=function(){
outer=(ns4)?document.layers['outer']
ie4)?document.all['outer']:document.getElementById('outer');inner=(ns4)?outer.document.layers['inner']
ie4)?document.all['inner']:document.getElementById('inner');ref=(ns4)?document.layers['ref']
ie4)?document.all['ref']:document.getElementById('ref');elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</td>
That's it. I hope this helps
Any help?
Anthony
Comment