Hard to "Handle"

Forum Moderators: open

Message Too Old, No Replies

Hard to "Handle"

Multiple Scripts, One page...

SynergyWD

10:32 pm on Apr 27, 2004 (gmt 0)

This is what i've been told: If your page has two or more Javascripts, they both have to be handled by one OnLoad attribute in the body tag. Which makes perfect sense, two scripts run at the same time. Only one problem, both of the scripts I have contain no "Name" leaving me with nothing for the OnLoad attribute to read. Simple to many, but for a person with no Javascript background... You get the point. How do I in a sense "Name" the two scripts so that I can put them like this:

In other words, How do I get "dothis()" and "dothat()"?!?!

coopster

11:15 pm on Apr 27, 2004 (gmt 0)

Just like you said...

<head><title>Dothis, Dothat</title> 
<script type="text/javascript"> 
function dothis() { 
 alert('Hello, dothis!'); 
} 
function dothat() { 
 alert('Hello, dothat!'); 
} 
</script> 
</head> 
<body onload="dothis(); dothat();">

Bernard Marx

7:10 am on Apr 28, 2004 (gmt 0)

..nothing..!

[edited by: Bernard_Marx at 7:19 am (utc) on April 28, 2004]

Bernard Marx

7:19 am on Apr 28, 2004 (gmt 0)

Do you need more?

SynergyWD

11:17 am on Apr 28, 2004 (gmt 0)

One more thing. I tried what you said and I STILL can't get this to work:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<title>NOTHING</title>
<style type="text/css">
BODY {background: #EDF2F9}
BODY {background-image: url(kgfree4back.jpg); }
BODY {font-family:Trebuchet MS}
BODY {color:#000000}
</style>
<script language="JavaScript" type="text/javascript">
<!--

//Disable right click script III- By Renigade
//For full source code, visit [dynamicdrive.com...]

<div align="center" style="width: 100px; border: 1px solid #999999; background-color: #F2F4FA;">
<form action="http://pub29.bravenet.com/passwd/show.php" method="post" style="margin:0px;">
<div style="margin:10px 10px 4px 10px; font: 11px arial; color: black; text-align:left;">
 User Name: <input type="text" name="uname" size="15" maxlength="254" style="border: 1px solid #cccccc; width: 115px">  Password: <input type="password" name="passwd" size="15" maxlength="254" style="border: 1px solid #cccccc; width: 115px;"> <input type="hidden" style="border: 0px solid black; height: 0px; width: 0px;" name="usernum" value="2443063768"> <input style="border: 0px solid black; height: 0px; width: 0px;" type="hidden" name="cpv" value="2">
</div>

<p align="center">
<script language="javascript" type="text/javascript">
function p(){window.open('http://pub29.bravenet.com/announce/show.php?usernum=2443063768&cpv=2',
'bnettaf','width=525,height=570,top=10,left=150,toolbars=no,resizable=1');}
</script></p><br>

<tr>
<td>
<div align="center">
<script language="javascript" type="text/javascript">
var content='<p align="center"><font color="black">Added a "HOME" link to the bottom of every page.<br><br>Organized Extras Page by Catagory<\/font><\/p>';

var boxheight=60; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=500; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#EDF2F8"; // BACKGROUND BOX COLOR.
var speed=100; // 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):parseInt(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;
}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

<div align="center">
<div align="center" style="width: 210px; border: 1px solid #999999; background-color: #F2F4FA;">
<form action="http://pub29.bravenet.com/search2/search.php" method="post" style="margin:0px;">
<div style="background-color:#DBE0F5; padding:3px; font:12px arial; color:black;">
<b>Search My Site</b>
</div>

Any help would be appreciated. (I tried to leave in all the javascript code in the above mock up, the only thing that won't show up is the Scroller Board that matches the background with black vertical scrolling text. I hope I make sense! )

[edited by: korkus2000 at 1:48 pm (utc) on April 29, 2004]
[edit reason] No personal URLs please [/edit]

Bernard Marx

11:51 am on Apr 28, 2004 (gmt 0)

We'll see what needs to be done
..er.. now, let's see.

Bernard Marx

12:59 pm on Apr 28, 2004 (gmt 0)

That one covers all the angles!
You could probably drop the Netscape 4 support (or perhaps should - I dunno)

There isn't any onload handler conflict here. The only problem seems to come from the Flash object if it doesn't download.

An onload will fire whenever the page says it's finished. If images aren't available, then the onload is fired once the browser finds out. However, this doesn't seem to be happening in the case of the Flash.

The scroller is initiated here:

window.onload = function(){...etc

If onload doesn't fire, it doesn't get initiated.
I have tried naming the function:

function initScroller(){ ..etc

then putting a call to this at the bottom of the page - thus not requiring the onload, but called when all elements are loaded. This isn't working, and I don't know why.

When I comment out the Flash object, *the page works perfectly* (tested IE).
Can you live without it?

You have this thing: function%20p(){window.open....

An %20 has crept in. It still works, but you might as well lose it.

SynergyWD

8:33 pm on Apr 28, 2004 (gmt 0)

I guess my wording was wrong. Let me try this again:

This code is the Javascript Scroller:

//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Visit JavaScript Kit (http://javascriptkit.com) for script

//ENTER CONTENT TO SCROLL BELOW.
var content='<p align="center"><font color="black">Added a "HOME" link to the bottom of every page.<br><br>Organized Extras Page by Catagory<\/font><\/p>';

// DO NOT EDIT BEYOND THIS POINT

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;
}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

I tried to include the above code in this page below (Look for bolded text to see Scroller):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<title>Something</title>
<style type="text/css">
BODY {background: #EDF2F9}
BODY {background-image: url(kgfree4back.jpg); }
BODY {font-family:Trebuchet MS}
BODY {color:#000000}
</style>
<script language="JavaScript" type="text/javascript">
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers��(document.getElementById&&!document.all)) {
if (e.which==2��e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

<tr>
<td>


//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Visit JavaScript Kit (http://javascriptkit.com) for script

//ENTER CONTENT TO SCROLL BELOW.
var content='<p align="center"><font color="black">Added a "HOME" link to the bottom of every page.<br><br>Organized Extras Page by Catagory<\/font><\/p>';

// DO NOT EDIT BEYOND THIS POINT

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;
}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

But when I tested it, it won't work! All I want is for someone to fix it for me, PLEASE. This is driving me nuts! I am using the lastest edtion of IE on a WinXP Desktop, just for specification. I don't know if this is truly a Javascript problem, but I could use any bit of help. Thanks.

[edited by: korkus2000 at 1:48 pm (utc) on April 29, 2004]
[edit reason] Please no URLS [/edit]

SynergyWD

10:30 pm on Apr 28, 2004 (gmt 0)

Oops... Forgot to add something. I tried the page without the Flash Menu, (thats what its for and my friend is in love with it so it must stay.) and I still had trouble. I'm going to look at the page again tonight but I would still appreciate any help.

Hard to "Handle"

Multiple Scripts, One page...

SynergyWD

coopster

Bernard Marx

Bernard Marx

SynergyWD

Bernard Marx

Bernard Marx

SynergyWD

SynergyWD

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week