 |
| |
| Author |
Thread |
InSiDeR
Maniac (V) Inmate
From: Oblivion
Insane since: Sep 2001
|
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 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 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 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 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 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 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 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 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 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 11-29-2001 21:55
|
Petskull
Maniac (V) Mad Scientist
From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000
|
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 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 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 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 11-30-2001 21:15
|
Emperor
Maniac (V) Mad Scientist with Finglongers
From: Cell 53, East Wing
Insane since: Jul 2001
|
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 11-30-2001 21:58
lmao,
im screwed.....
|
Bugimus
Maniac (V) Mad Scientist
From: New California
Insane since: Mar 2000
|
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 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 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 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 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 12-02-2001 00:26
lol yea....
|
