Topic awaiting preservation: quick answer pretty please ... (Page 1 of 1)

not to seem lazy or anything, i'm just on a strict schedule (yeah, that's what all the lazy people say) ANYWAYZ ...


i'm okay with onMouseover buttons, but could somebody show me how to make the Mouseover affect a completely different button? as in, mouse over button A and button B changes?

thank you heaps ...

SUN
//pretty PRETTY please...//

Post your mouseover code...

it's simple really - where you tell it to change button A, just substitute button instead. Make sense? In your script you'll be telling it, by name, or number, which button to swap. Just put the appropriate name/number of the button you want swapped.

OOOOOooooooohhhhh .... GOT IT!!!

thanks DL

SUN
//duuhh...//

ummm.... another question: is it possible to assign an image TWO button names? if so, how?

SUN
//getting sick of trial and error//

I don't think I fully understand the question.

If you mean that the same image appears multiple times on the page (in different 'places'), and you want each instance of the button to have a separate name, then the answer is 'yes'.
<div id='button1'><img id='imgbutton1' src='image1.gif'></div>
<div id='button2'><img id='imgbutton2' src='image1.gif'></div>
<div id='button3'><img id='imgbutton3' src='image1.gif'></div>
<div id='button4'><img id='imgbutton4' src='image1.gif'></div>

But if you mean that you want the SAME button/image to have 2 names...
as in

<div id='button1' id='button2'><img id='imgbutton1' id='imgbutton2' src='image1.gif'></div>

...well, I am afraid the answer is no, though I am really having a difficult time imagining the usefullness of such a desire.
Maybe if you explained your thinking/ultimate goal, I, or someone else, could point you in the right direction to accomplish your goals.

mobrul

Notice that I included containers (divs) simply to further the example. You could just as easily have no container or put your images in table cells or whatever other container you want. The basic theory is the same.

[This message has been edited by mobrul (edited 10-02-2001).]

Do you mean swap 2 images on a mouseover?

Yes.

In your <a> tag, call the function twice.

Say you would normally call your mouseover effect like this:

<a href="blah" onMouseover="swap(0,1);"> (where 'swap' is your function, and the numbers the images to be swapped)

Just do this:

<a href="blah" onMouseover="swap(0,1); swap(2,3);">

Or...something similar

now when we are talking about mouseovers....
have a look at these cuties: a-blast.org
sweet, ey?



[This message has been edited by GRUMBLE (edited 10-02-2001).]

sorry you guys ... thanks for working with my cryptic messages anyway. so far, i can tell that maybe i need to go right back to the basics. here's my annoying code (simplified so that i don't go crosseyed):

button1up = new Image; button1up.src = "buttona.jpg";
button2up = new Image; button2up.src = "buttonb.jpg";
button3up = new Image; button3up.src = "boxa.jpg";
button3down = new Image; button3down.src = "boxadown.jpg";
button4up = new Image; button4down.src="boxa.gif";
button4down = new Image; button4down.src = "altboxadown.jpg";


function MouseOverRoutine(ButtonName)
{
if (ButtonName=="button1") {document.button3.src = button3down.src;}
if (ButtonName=="button2") {document.button4.src = button4down.src;}
}

function MouseOutRoutine(ButtonName)
{
if (ButtonName=="button1") {document.button3.src = button3up.src;}
if (ButtonName=="button2") {document.button4.src = button4up.src;}
}

working off of this practice site.

my probably flawed idea was to get buttons 3 and 4 to equal one image (boxa.jpg) but for the onmouseover on button2 to pull up a different button3down.src image. i was hoping to get an entire menu of links (okay, only 3 links) on the left to pull up different images in the 'boxa' space.

i did see Doc' tutorial on rollovers, but i'm not familiar with the 'swap' codes. i'll study that along with some of the ideas you've posted here so far. in the meantime, anyone got a shortcut code i could borrow to do this function?

thanks

SUN
//got mice and buttons coming out of my ears//

..um... anybody?

SUN
//dumdedum..//

Okay, the more you explain, the more confused I get.

Let me see how much/little I understadn you.

You have your buttons.

You ahve your image in box a.

When you mouse over a button, what do you want to happen??

You want the button image to change?
You want the box a image to change?
You want both the button image and the box a image to change?
Door number 4...

The top 3 options there are quite simple to implement. Otherwise, I've no idea what you want

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

YES ini YES goshdarnit!! heheheheheh ...

maybe i should work on my communication skills first before i even attempt javascript..

thanks you guys

SUN
//off to steal ini's script//



edit-->bad grammar ... as i was saying...

[This message has been edited by LaSun (edited 10-04-2001).]

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

ini you saved me from posting another question ...thank you for explaining that. i took one look at your (dreamweaver) script and was about ready to resort to a css menu instead ...

SUN
//practice time//

Yes, communication skills......

heh

Actually,
DreamWeaver "post loads" images.
Even though the function is named

MM_preloadImages()

it is called on the < BODY onload="....">
This means the rollover images are loaded AFTER the rest of the page content is loaded. This makes it more efficient than ALMOST ALL rollover scripts. Your visitor can view your page content while the "ON" images for the rollover will start to download. (and DW only downloads the "On" images, unlike some scripts that pre-load the on and off images...even though the off image is part of the < IMG...> tag.

However, it seems most online visitors have fast connections so pre-load/ post-load is a moot point.

Hi,
Looking at my last post it looks like I wasn't actually very helpfull.

LaSun,
please take a look at the following link. It has pictures of different rollover types.
http://www.javascript-fx.com/rollovers/index.html

If you indicate which is the one you want it will be easier to help. I think you want either the 5th one (but the links are images not text) or the 6th one.

cool Roy ... i kind of sort of got your first post, but that link you've posted is very helpful ..

thanks for that

SUN
//can't wait for playtime after work!//