JS in themes/BlackDog/header.html

Kelu · **JS in themes/BlackDog/header.html -** 05-24-2003, 11:22 PM

http://web.sysrq.no/appolyon/21pzr/index.php

I want the horizontal buttons to work like is working in :
http://web.sysrq.no/appolyon/21pzr/t...JS/header.html
when rollover "Panzer" button to have the JS Menu...

I tried over 2h..but i keep having errors:
1) because of the Preloading images ..i don't know how to get rid of

Code:

<body onLoad="MM_preloadImages('images/Nav...

which throws me errors which i can't identify
2) Not even without preload function, rollover is working ... see http://web.sysrq.no/appolyon/21pzr/index.php for this problem
3) JS menus, i couldn't see the code working... i'm still stucked on rollovers with preload

All JS are generated by Macromedia Dreamweaver....i'm aware that is not best way to embeed JS but i don't have any other good option...i searched on the net more than 1h to find something ...any suggestions for JS which are proper for my needs and easy to be implemented into nuke are more than welcome

mikem · 05-25-2003, 12:50 AM

Try this.
http://www.nukecops.com/postp15903.h...ghlight=#15903
Also, try manually editing the file with a Tet editor like UltraEdit or EditPlus. Add the script code that way. Dreamweaver can and will mess up text files like php. Especially where html is concerned and with themes.

mikem

Kelu · 05-25-2003, 08:35 AM

i spend more than 4h on nukecops and phpnuke.org... humpa is talking about 6.5 and i only have 6.0 and header.html and not php.

Raven is talking about a direct usage of JS and not like i have...fuction definitions (in <HEAD>) and calls in <BODY>.

Still i can't figure out where/how i can insert fuction definitions (swapImage, swapImageRestore, findObj, Menu) and in what way i should make the JS calls in my header.html?

I get rid of DW ... i use it only for generating JS code..now working with PHPEdit.

Kelu · 05-25-2003, 05:38 PM

1 step forward but i couldn't make the rollover to work.

What i did:
As Raven from nukecops said in http://nukecops.com/postt2548.html

I added my function definitions in includes/meta.php:

i put my functions definitions using that variable as Raven said but i can't paste the exact code.... http://web.sysrq.no/appolyon/21pzr/m...iewtopic&p=334 Code #1 ...and also View Source too see my functions definitions working

And now i'm able to see this code into <head>

But now i don't know how to call the functions on my image to make rollover work...in html i have:

http://web.sysrq.no/appolyon/21pzr/m...iewtopic&p=334 Code #2

I don't have any errors but still the rollover is not working.

Please reply here ... ty Mikem for understading...but i wasn't able to paste the code here ...

mikem · 05-25-2003, 05:48 PM

ok, here's how I got the rollover image effect to work without using Javascript

example of one of my rollover images.

Code:

	[img]themes/XPSilver/images/home.gif[/img]

maybe that will help some...

mikem

Kelu · 05-25-2003, 06:13 PM

what do u mean by WITHOUT Javascript?
cause i see u have same code as mine except 'id' in img
and i suppose you have insert also the functions definitions somewhere... can you tell me where? ...cause i added it in meta.php as Raven said and is visible in the site

I added your code but still not working...no errors... when i look at the code when the site is executed by the webserver i see

Code:

   [img]themes/BlackDog/images/NavBarW_02.gif[/img]

this is the reason why my rollover is not working? can you help me and tell how can i fix it?

mikem · 05-25-2003, 08:40 PM

My bad. I guess I did use Javascript. Been a long time since I've done this...

OK here we go

Here's my Javascript theme file It's my theme.php file for my theme
Theme File

Here's the imageswap.js file it refers to that I used.
FILE HERE

Then I used the above line I gave you as the image swap lines for the rollover images.

I can't post the code because the forums won't let me post anything with the " script" in it... :?

mikem

Kelu · 05-25-2003, 10:40 PM

Nope... still doesn't work...
I used your imageswap.js and same way u included it ... i can see the js file included right after </head> and before of <body>.. this is ok?
Still the problem about the call (i'm using your code for images) persists and i belive this the cause which makes not to work well:

Code:

   [img]themes/BlackDog/images/NavBarW_02.gif[/img]

As you can see the JS call is damaged by all those \ .. is because i have header.html and maybe you had header.php? Any solution how to "throw" JS corectly?

Kelu · 05-26-2003, 09:37 AM

I fix it using another script

This is the function definition and i added it like Raven said (but i put it in includes/meta.php to be sure is in <header> tag)... linking an outside js file doesn't seremed to work (i made some tests)

Code:

function init() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
onload=init;

And the calls are very easy and clean:

Code:

[img]on.gif[/img]

Now the hard part..the JS Menus :cry: .... any other JS Menus which have a very simple call of the function? (seems this was the problem)

Virgil · 05-26-2003, 11:03 AM

Look into this one. http://www.burmees.nl/menu/menus.htm