Viewing Thread:
"Website: Mouse over thing..."

Roight, so I'm trying to build this page where there's going to be smome graphics, and a block of text. When someone moves the mouse over one of the graphics I want the block of text to change to say some other stuff. I know I'm gonna have to do something involving the onMouseOver and onMouseOut, but I have no idea what, and don't have the ability to work it out myself...

So anyone with any ideas...?

Big thank you in advance.

Oddly enough... I've been workingon something along a similar route. As you rollover the nav, a caption chanes per menu option;

would be something akin to this: (Ignore the labels)

function changeCap(num) {
var caption = new Array(7)
caption[0] = 'Welcome to Lea Manor High School';
caption[1] = 'Return to the Lea Manor High School homepage';
caption[2] = 'All about Lea Manor High School, including a message from the head and current vacancies';
caption[3] = 'Information for staff, pupils and parents about timetables, uniform, school rules and so on...';
caption[4] = 'Information on departments and curriculum subjects at Lea Manor High School';
caption[5] = 'All the latest news from Lea Manor High School';
caption[6] = 'How to get in touch with Lea Manor High School or to order a prospectus';
caption[7] = 'View upcoming events at Lea Manor High School';

var span_el = document.getElementById("bcaption"); // get reference to the SPAN element
var new_txt = document.createTextNode(caption[num]); // implement span_el.innerText = "a brand new bag"
span_el.replaceChild(new_txt, span_el.childNodes[0]);
}


in the HTML

I think you may need to use the 'innerText' part of JavaScript, such as:

onmouseoover="BlockID.innerText = "Whatever you want to say";

.. but I haven't looked it up, just a guess from what I remember.

You could just use an Alt tag.



EDIT: That's not the answer you were looking for I know. However it's the simple way :P

You can use hide/show layers, however using too many will make the website much slower.

Roight, so I'm trying to build this page where there's going to be smome graphics, and a block of text. When someone moves the mouse over one of the graphics I want the block of text to change to say some other stuff. I know I'm gonna have to do something involving the onMouseOver and onMouseOut, but I have no idea what, and don't have the ability to work it out myself...

So anyone with any ideas...?

Big thank you in advance.