Closed Thread Icon

Topic awaiting preservation: I feel bad about doing this again but... Pages that link to <a href="https://ozoneasylum.com/backlink?for=7953" title="Pages that link to Topic awaiting preservation: I feel bad about doing this again but..." rel="nofollow" >Topic awaiting preservation: I feel bad about doing this again but...\

 
Author Thread
InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-28-2001 22:47

Ok once again I am haveing image roller problems
*sigh*

So I am using docs hover script (which is awsome thanks doc) and I have 20 links and 40 pics (the other 20 being the hover images) and I am using another script from DHTML central for loading but I don't think ill post that unless that is whats causing the problem, well here is the script:

code:
<SCRIPT LANGUAGE="JavaScript">
<!--DocOzone's Javascript code, copyright 1998
// Feel free to borrow and modify this code,
// but be sure leave this credit in the source!
// Your pal, -Dr. Thaddeus Ozone-
// .http://www.ozones.com/
window.onerror=null;
// that was to turn off error reporting...
if (document.images) {
names = new Array("news" , "archive" , "boards" , "games" , "comedy" , "downloads" , "music" , "artwork" , "htmltips , "dhtmltips" , "refrences" , "flash" , "photoshop" , "links" , "linkstous", "staff" , "disclaimer" , "join" , "tutorials" , "misc");
buttons = new Array(40);
for (m=0; m<=39; m++) {
buttons[m] = new Image(); }
buttons[0].src = "news1.png";
buttons[1].src = "archive1.png";
buttons[2].src = "boards1.png";
buttons[3].src = "games1.png";
buttons[4].src = "comedy1.png";
buttons[5].src = "downloads1.png";
buttons[6].src = "music1.png";
buttons[7].src = "artwork1.png";
buttons[8].src = "htmltips1.jpg";
buttons[9].src = "dhtmltips1.png";
buttons[10].src = "refrences1.png";
buttons[11].src = "flash1.png";
buttons[12].src = "photoshop1.png";
buttons[13].src = "links1.png";
buttons[14].src = "linkstous1.png";
buttons[15].src = "staff1.png";
buttons[16].src = "disclaimer1.png";
buttons[17].src = "join1.png";
buttons[18].src = "tutorials1.png";
buttons[19].src = "misc1.ppg";
buttons[20].src = "news2.png";
buttons[21].src = "archive2.png";
buttons[22].src = "boards2.png";
buttons[23].src = "games2.png";
buttons[24].src = "comedy2.png";
buttons[25].src = "downloads2.png";
buttons[26].src = "music2.png";
buttons[27].src = "artwork2.png";
buttons[28].src = "htmltips2.png";
buttons[29].src = "dhtmltips2.png";
buttons[30].src = "refrences2.png";
buttons[31].src = "flash2.png";
buttons[32].src = "photoshop2.png";
buttons[33].src = "links2.png";
buttons[34].src = "linkstous2.png";
buttons[35].src = "staff2.png";
buttons[36].src = "disclaimer2.png";
buttons[37].src = "join2.png";
buttons[38].src = "tutorials2.png";
buttons[39].src = "misc2.png";}
function swap(des,num){
if (document.images){
document.images[names[des]].src = buttons[num].src;
}
}
// close the comment tag, this hides the script from really old browsers! -->
</SCRIPT>



That is what is i my <head> (well not all of it but the roll-over script)

Here is what is in my <body>, and I am trying to just get the first 10 links to make sure it works and it's not so here it is:

code:
<div style="position:absolute;top:125px;left:0px;">
<a href="news.html" onMouseover="swap(0,20); window.status='Current News'; return true" onMouseout="swap(0,0)" target="C"><img name="news" SRC="news1.png" BORDER="0"></A><br>
<a href="archive.html" onMouseover="swap(1,21); window.status='News Archive'; return true" onMouseout="swap(1,1)" target="C"><img src="archive1.png" name="archive" border="0" onload="loadIt(1)"></a><br>
<a href="http://members2.boardhost.com/InSiDeRShaK" onMouseover="swap(2,22); window.status='Boards'; return true" onMouseout="swap(2,2)"><img src="boards1.png" name="boards" border="0" onload="loadIt(1)"></a><br>
<a href="Games.html" onMouseover="swap(3,23); window.status='Games'; return true" onMouseout="swap(3,3)" target="C"><img src="games1.png" name="games" border="0" onload="loadIt(1)"></a><br>
<a href="http://comedy.insidershak.net" onMouseover="swap(4,24); window.status='Comedy Forums'; return true" onMouseout="swap(4,4)"><img src="comedy1.png" name="comedy" border="0" onload="loadIt(1)"></a><br>
<a href="Downloads.html" onMouseover="swap(5,25); window.status='Downloads'; return true" onMouseout="swap(5,5)" target="C"><img src="downloads1.png" name="downloads" border="0" onload="loadIt(1)"></a><br>
<a href="music.html" onMouseover="swap(6,26); window.status='Music'; return true" onMouseout="swap(6,6)" target="C"><img src="music1.png" name="music" border="0" onload="loadIt(1)"></a><br>
<a href="Art.html" onMouseover="swap(7,27); window.status='Art'; return true" onMouseout="swap(7,7)" target="C"><img src="artwork1.png" name="artwork" border="0" onload="loadIt(1)"></a><br>
<a href="htips.html" onMouseover="swap(8,28); window.status='HTML Tips'; return true" onMouseout="swap(8,8)" target="C"><img src="htmltips1.png" name="htmltips" border="0" onload="loadIt(1)"></a><br>
<a href="dtips.html" onMouseover="swap(9,29); window.status='DHTML Tips'; return true" onMouseout="swap(9,9)" target="C"><img src="dhtmltips1.png" name="dhtmltips" border="0" onload="loadIt(1)"></a>
</div>
<div style="position:absolute;top:125px;left:130px;">
<iframe src="news.html" width="670" height="464" align="right" name="C" scrolling="yes" noresize frameborder="0" onload="loadIt(1)"></iframe>
</div>



surely there is more in the body than that but that is what I am using for linkage.... Need some help AGAIN

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 11-28-2001 22:53

InSiDeR: Is there a JavaScript error being generated? I can't be sure but I wonder if a problem might occur if you don't have the full 39 images - I'm not sure but I know I developed an error in a script once and it was due to something like this.

Emps


You're my wife now Dave

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 11-28-2001 22:54

What exactly is the problem?

Nothing exactly looks wrong here.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-29-2001 01:30

Oh whoops yea bit the problem is they arent hovering

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-29-2001 01:31

Well since I don't really FEEL like typing up 30 more links I will do it tomorrow and tell ya emps...

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 11-29-2001 01:57

A bit of info to you and those reading along: It's always better to post a URL to a real web page than to just post your code. I, personally at least, want to see the problem rather than see the code that caused the problem. Besides, when I see a post that's more than a few paragraphs, and it's just a question, I'm not compelled to read it, and I skip over it.

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-29-2001 02:19

Slime I totally agree but I feel embarassed to post the page here....

But if I must its

Here

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 11-29-2001 02:48

InSiDeR: Thats certainly helped. The error is on line 229 (object expected) and line 229 by my estimate is the last of your links for roll overs:

quote:
<a href="dtips.html" onMouseover="swap(9,29); window.status='DHTML .....



This would suggest to me that my guess was right and when you put the rest of the links in the problem should fix itself (I had a similarish problem and it took me quite a while to work out).

If it doesn't or it throws up another problem then you know where we are.

Emps


You're my wife now Dave

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 11-29-2001 03:08

First of all, when you have problems on a page you do *not* want this line active:

window.onerror=null;

This will prevent certain errors from being reported. Once you have the page working perfectly, then and only then uncomment that line. When you get a script error in IE you'll get a little yellow sign at the bottom left status bar of the browser. Double click that to see what line number and character the error occurred on and its description.

Second of all, you have a sneaky little coding error that I think you will find is causing most of your trouble and it is here:

names = new Array("news" , "archive" . . . , "htmltips , "dhtmltips . . .

You left out the double quote after htmltips! Very bad. Fix that and see if things improve.


JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-29-2001 04:27

my left erm... arm, for the ability to see those missing ticks and semicolons etc. My heads pounds just thinking about trying to find that.

Jason

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-29-2001 21:55

thanks alot bugs

I can always count on you for dhtml tips.....



You know I just noticed that I have a link defined as dhtml tips but yet I still need tips on dhtml, does that make me a hypocrite? nahhhh

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

posted posted 11-29-2001 22:09

*smug look*

this is an above average forum....

heh

P.S. When you link to another page, put the "http://" before the www.nowhere.com. it'll help lots....

tskull@hotmail.com">
"A kleptomaniac is a person who helps himself because he can't help himself." --Henry Morgan
ICQ: 67751342

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-29-2001 23:33

Well I got the first problem fixed but now if you'll look Here
everytime you hover over an image the width bar gets smaller indicating that it gets wider

just confuses me

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 11-30-2001 03:20

InSiDeR: It seems fine to me in IE/Win - I don't really understand the bit about the width bar (is it the horizontal scroll bar?).

Emps

lotiss
Paranoid (IV) Inmate

From: San Diego CA USA
Insane since: Mar 2000

posted posted 11-30-2001 09:26

yeah that is strange.... mouse over a whole buncha times and the horizontal width increases...


?????

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-30-2001 21:15

Emps: I have IE 5.5 and the more I MouseOver my links the wider the width bar gets and there is no javascript error but you can get view source and see it.

The complex world of Web Programming is sometimes very overwhelming

<edit>errr I had to fix the typo on overwhelming because I spelt it overwelming </edit>

[This message has been edited by InSiDeR (edited 11-30-2001).]

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 11-30-2001 21:25

It was lotiss' description that got it for me 'a whole buncha times'. I waved the cursor over the whole navigation and lo and behold the page grew sideways - I have no explanation for this - sorry.

Emps

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 11-30-2001 21:58

lmao,

im screwed.....

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 12-01-2001 02:07

When Thomas Brattli's code says to include onload="loadIt(1)" in all your images, I don't think he means ALL the images on your page even the ones having nothing to do with the load bar. Take that out of all your button images and your header image and it will stop the crazy widening.

I haven't used Brattli's code so I'm not exactly sure what it's doing but I know taking that code out of your images will solve the problem and the loader will still work as it does now.

Cheers

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 12-01-2001 02:49

So you want me to take it out of ALL of my images?

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 12-01-2001 07:40

No, just the ones that don't have anything to do with the load bar.

Especially take it out from your button images. They are the ones that are causing the widening of the page after several mouseovers.



[This message has been edited by Bugimus (edited 12-01-2001).]

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 12-01-2001 22:23

well i want the load bar to take all space untill everything is loaded though...

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 12-01-2001 23:21

Maybe you misunderstood but you just need to remove this from the images:

onload="loadIt(1)"

Just try taking that out of the image tags for your buttons and you will see the page will work fine without the wierd widening effect. Does that make sense?



[This message has been edited by Bugimus (edited 12-01-2001).]

InSiDeR
Maniac (V) Inmate

From: Oblivion
Insane since: Sep 2001

posted posted 12-02-2001 00:26

lol yea....

« BackwardsOnwards »

Show Forum Drop Down Menu