simple menu

paradive · 06-24-2012, 06:30 AM

all i have so far is: http://paradive.comli.com/

the menu (paradive) is one div.
the center (where it says "more" right now) is another.

the simple thing i'm trying is....

for each of the letters in the menu ("paradive") a more accurate description of the target link is gonna display at the center div ("more") when the relevant letter is moused over.

now, it's been a good decade since i coded anything (long story).
but my instincts tell me the key is gonna be in a variable i pass to the center div that also will change it from "hidden" to "visible" (onmouseout will just send a signal to clear it).

i'm not expecting anyone to do it FOR me, but maybe someone knows of a relevant tutorial they can point me to?

please?

sunfighter · 06-24-2012, 04:41 PM

You have two divs ID="center" Remove the last one

Code:

<div id="center">
	more
</div> THIS ONE
</body>
<html>

Anchors

Code:

<a href=".html" onmouseover="disc('p');" onmouseout="document.getElementById('center').innerHTML = 'more';">p</a>

javascript

Code:

function disc(letter)
{
	if (letter == 'p') document.getElementById('center').innerHTML = "back it up";
}

paradive · 06-24-2012, 09:47 PM

Quote:

Originally Posted by sunfighter

You have two divs ID="center" Remove the last one

Code:

<div id="center">
	more
</div> THIS ONE
</body>
<html>

Anchors

Code:

<a href=".html" onmouseover="disc('p');" onmouseout="document.getElementById('center').innerHTML = 'more';">p</a>

javascript

Code:

function disc(letter)
{
	if (letter == 'p') document.getElementById('center').innerHTML = "back it up";
}

oops.
yeah. i hastily slapped it together, messing around.
so, the ".innerHTML" is what passes the text (even tho it's not HTML)?
i don't remember that.

thanks.

ok.
now, i want that center div to reload on click in the menu (not the whole page).
should i go with an iframe or would it be more elegant to just target that div to refresh.
inserting regular frames seems like it would be so crude.

sunfighter · 06-25-2012, 01:32 PM

Regular frames are no longer valid and there is no need for iframes here. Design your second page and we'll figure something out. When you have some free time look into AJAX. http://www.w3schools.com/ajax/default.asp

Also try to re-code this without the absolute positioning. This will normally just get you into trouble.