Click here to Skip to main content
15,885,309 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: Login Form Pin
Ray Cassick5-Feb-11 8:45
Ray Cassick5-Feb-11 8:45 
GeneralRe: Login Form Pin
Member 31566709-Feb-11 22:42
Member 31566709-Feb-11 22:42 
QuestionIndian ruppes symbol in Crystal report Pin
ppchandak3-Feb-11 1:11
ppchandak3-Feb-11 1:11 
AnswerRe: Indian rupees symbol in Crystal report Pin
thatraja17-Feb-11 15:38
professionalthatraja17-Feb-11 15:38 
QuestionPorting desktop tools to web Pin
Koder2-Feb-11 0:24
Koder2-Feb-11 0:24 
AnswerRe: Porting desktop tools to web Pin
Not Active2-Feb-11 3:53
mentorNot Active2-Feb-11 3:53 
AnswerRe: Porting desktop tools to web Pin
cjoki3-Feb-11 5:05
cjoki3-Feb-11 5:05 
QuestionPopUp menu closes itself because of Map Area Pin
RachelSo1-Feb-11 10:24
RachelSo1-Feb-11 10:24 
I have a menu on a webpage that I'm starting to develop. When the user hovers over certain menu items it pops up a horizontal menu/image. The popup is an image split via Map Area tags. The reason being is if the user clicks on the top of the image they get redirected to one link, if they click the bottom of the image they go to a different link.

My problem occurs when the user is in the popup menu and moves the cursor from Map area to Map area. The popup menu disapears when you go inbetween them Confused | :confused:

I have the meta code up and running if someone wants to take a look at it here[^] I commented the code so its easier to understand.






Heres a breakdown of the flow of code:

Someone hovers over the image:
<tr>      <td><a href="#" onMouseOver="display_menu(this,'menuLocations',-40,210,'menuMenu',0)"><img src="images/TabLocations.jpg" alt="Locations" name="Locations" width="235" height="42" border="0"></a></td>    </tr>


Which calls this JScript Sub upon onMouseOver. The Sub displays a popup image
function display_menu(parent,named,xOffset,yOffset,HideMe,HideMe2)
{				//(parent==Parent Element to popup near
				//named==the named div class popup to displyay.  
				//xOffset & yOffset == pixel offset so the menu dosent popup ontop of the parent menu. 
				//HideMe & HideMe2 == close this menu-----Used to close the other popup menus when mouse is going from parent menu to parent menu


	//get the named menu
	var menu_element = document.getElementById(named);
	//override the 'display:none;' style attribute
	menu_element.style.display = "";
	//get the placement of the element that invoked the menu...
	var placement = findPos(parent);
	//...and put the menu there
	menu_element.style.top = (placement[1] + xOffset ) +"px";
	menu_element.style.left = (placement[0] + yOffset) +"px";


Above JScript displays this Div popup:
<div class="popup" id="menuLocations" style="display:none;">
  <table width="161" height="68" border="0" align="left" cellpadding="0" cellspacing="0" id="Table_300">
		<tr><td><a href="#" onMouseOut="hide_menu('menuLocations')"><IMG SRC="images/TabKuCalMap.jpg" ALT="" BORDER=0 WIDTH=161 HEIGHT=68 USEMAP="#mapHome"></a></td></tr>   
    </table>
</div>


Which is split via this Map Area:
<MAP NAME="mapHome">
<area shape="rect" coords="0,0,161,34" alt="Ku_Home" href="Ku_Home.html" />
<area shape="rect" coords="0,34,68,161" alt="Cal_Home" href="Cal_Home.html" />
</MAP>




When the user is hovering in one Area and moves to the other Area the popup closes. . .
Does anyone know what I can do to debug this?
QuestionHow to hide the extension name of the cgi application? Pin
loveabow30-Jan-11 17:42
loveabow30-Jan-11 17:42 
AnswerRe: How to hide the extension name of the cgi application? Pin
cjoki31-Jan-11 5:05
cjoki31-Jan-11 5:05 
QuestionHow do you get rid of table gaps? [modified] Pin
RachelSo30-Jan-11 12:00
RachelSo30-Jan-11 12:00 
AnswerRe: How do you get rid of table gaps? Pin
Drew Stainton30-Jan-11 13:58
Drew Stainton30-Jan-11 13:58 
GeneralRe: How do you get rid of table gaps? [modified] Pin
RachelSo30-Jan-11 15:17
RachelSo30-Jan-11 15:17 
GeneralRe: How do you get rid of table gaps? Pin
Drew Stainton30-Jan-11 16:56
Drew Stainton30-Jan-11 16:56 
QuestionSerious Site Devlopment Questions Pin
r1reddog29-Jan-11 16:51
r1reddog29-Jan-11 16:51 
AnswerRe: Serious Site Devlopment Questions Pin
Not Active30-Jan-11 6:35
mentorNot Active30-Jan-11 6:35 
GeneralRe: Serious Site Devlopment Questions Pin
cjoki31-Jan-11 5:12
cjoki31-Jan-11 5:12 
GeneralRe: Serious Site Devlopment Questions Pin
Not Active31-Jan-11 10:36
mentorNot Active31-Jan-11 10:36 
AnswerRe: Serious Site Devlopment Questions Pin
Steve Maier2-Feb-11 4:49
professionalSteve Maier2-Feb-11 4:49 
Questionhtml pointing to php Pin
Douglas Kirk26-Jan-11 6:40
Douglas Kirk26-Jan-11 6:40 
AnswerRe: html pointing to php Pin
cjoki26-Jan-11 7:40
cjoki26-Jan-11 7:40 
QuestionConceptShare Pin
Civic0626-Jan-11 3:51
Civic0626-Jan-11 3:51 
QuestionName of the file/form that called / or included an html document. Pin
Douglas Kirk25-Jan-11 9:35
Douglas Kirk25-Jan-11 9:35 
AnswerRe: Name of the file/form that called / or included an html document. Pin
TheGreatAndPowerfulOz25-Jan-11 9:48
TheGreatAndPowerfulOz25-Jan-11 9:48 
GeneralRe: Name of the file/form that called / or included an html document. Pin
Douglas Kirk25-Jan-11 9:50
Douglas Kirk25-Jan-11 9:50 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.