jscript rollovers

abc123 · 08-04-2002, 01:18 AM

in relation to ur post here: http://www.netwerkin.com/cgi-bin/ult...;f=6;t=000120, milano, its very simple if u are only using the same pictures for on an off

Code:

<script type="text/javascript">

function on(x)
{
x.src="images/on.gif";
}

function off(x)
{
x.src="images/off.gif";
}

</script>

<a href="link.com">
 <img onmouseover="on(this)" onmouseout="off(this)" />
</a>

and its that easy

abc123 · 08-04-2002, 01:20 AM

not to mention that "JScript" and "JavaScript" are different things as well

sde · 08-04-2002, 01:25 AM

how about that! i don't even have to as a question and it is answered... this is a reverse thread i guess =)

thanks a lot . after i posted that i was so fusterated i just made static pictures cause i have more important things to waste hours on than graphics.

haven't tried it yet, but i'll let you know how it turns out .. thanks alot!!

sde · 08-04-2002, 01:40 AM

Thank You so much!

that is exactly what i was looking for =)

i should really take some time to learn Javascript

thanks again.

redhead · 08-04-2002, 02:49 AM

Learn Javascript? I didn't know you had to learn it.. Isn't it more what you just hack from other sites, where you see it, and thinks it somethig you would like to see on your site aswell.

sde · 08-04-2002, 11:32 AM

hehe, that's the method i've been using redhead .. it's goten me this far, .. except for last night.

here's one for whoever is listening .. eh hem .. ( abc ? =) )

so now i use that script. that script changes the rollover when you rollover that image. i mean it is not required to be a link for the rollover to work.

i am using it like this:

Code:

<a href="link.com">
 <img onmouseover="on(this)" onmouseout="off(this)" /> Text Link Here</a>

The text link is using a rollover that is triggered by the style sheets. so when the user rolls over the image, the text changes color because it's all in the same link... but, if the user rolls over the text, the image switches back ( or doesn't turn on at all if they rollover the text first )

is there a way to make the image switch if anything within the link is rolled over? am i asking too much ?

abc123 · 08-04-2002, 02:23 PM

yerp, that can be done in a tiny_bit more complex way, but then you'll have to start generating (given that its done dyncamicaly right?) names for your images..., etc. eg.

the <script></script> tags stay the same
but
change the other stuff to:

Code:

<a href="link.com" onmouseover="on(img1)" onmouseout="off(img1)">
<img id="img1" src="link.png" />
</a>

get it? so the image is just referred to by its ID, so you can change it from anywhere.

goodluck

sde · 08-04-2002, 03:33 PM

got it, thanks again, it works perfect now =)

abc123 · 08-04-2002, 11:14 PM

no probs

Admin · 08-05-2002, 07:36 AM

javascript is really frusterating if you are trying to do anything semi-complex. things that should work dont (sometimes). its ghetto as hell.

rdove · 08-06-2002, 04:31 PM

AHHHHHHHHHHH!!!

JAVASCRIPT!!!!!

GET IT AWAY, GET IT AWAY!!

No really I cannot stand to use Javascript or JScript for anything. I never works on all platforms and it always a pain.

I can accomplish anything from Jscript and Javascript with VBScript and make it work with every platform.

sde · 08-06-2002, 05:59 PM

Quote:

Originally posted by rdove
I can accomplish anything from Jscript and Javascript with VBScript and make it work with every platform.

i didn't think vbscript worked for most netscape or linux browsers

rdove · 08-08-2002, 06:55 PM

I don't see why not, everything is executed on the server side, it has nothing to do with the browser at all.

abc123 · 08-08-2002, 07:50 PM

javascript is run client side

vbscript and jscript can ALSO be run client site, asp is generally written in VBScript which is run server side.

...
......
..........

Mytch · 08-12-2002, 08:37 PM

I think that JavaScript is excellent. We've made a WYSIWYG replacement for the textbox in PHP complete with a JavaScript + PHP API and it works a charm.

I wont advertise it here, but email me at mitchell@siteworkspro.com if you want the link to try the demo