By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,743 Members | 1,018 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,743 IT Pros & Developers. It's quick & easy.

Sliding menu problem

100+
P: 347
I have a Dreamweaver Spry sliding menu that i am tring to get to work.

The code for the menu is
Expand|Select|Wrap|Line Numbers
  1.       <div class="Accordion" id="sampleAccordion" tabindex="0">
  2.               <div class="AccordionPanel">
  3.         <div class="AccordionPanelTab"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../images/makeup/voicetypes/standard uk_pink_up.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/standard uk_pink_up.jpg" name="Image5" width="145" height="16" border="0"></a></div>
  4.           <div class="AccordionPanelContent1"><a href="boys.asp?id=25 - 35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../images/makeup/voicetypes/25 - 35_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/25 - 35_boy_up.jpg" alt="25 - 35" name="Image6" width="145" height="16" border="0"></a><br>
  5.               <a href="boys.asp?id=35 - 45" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../images/makeup/voicetypes/35 - 45_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/35 - 45_boy_up.jpg" alt="35 - 45" name="Image7" width="145" height="16" border="0"></a><br>
  6.                   <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
  7.           </div>
  8.         </div>
  9.  
  10.         <div>
  11.         <div><a href="boys.asp?id=Teenage - 25" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../images/makeup/voicetypes/teenage - 25_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/teenage - 25_boy_up.jpg" alt="Teenage - 25" name="Image9" width="145" height="16" border="0"></a></div>
  12.         </div>
  13.  
  14.                 <div>
  15.         <div><a href="boys.asp?id=Light - Friendly" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/makeup/voicetypes/light - friendly_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/light - friendly_boy_up.jpg" alt="Light - Friendly" name="Image10" width="145" height="16" border="0"></a></div>
  16.         </div>
  17.  
  18.                         <div>
  19.         <div><a href="boys.asp?id=Documentary - Narrative - Corporate" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','../images/makeup/voicetypes/documentary - narrative - corporate_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/documentary - narrative - corporate_boy_up.jpg" alt="Documentary - Narrative - Corporate" name="Image11" width="145" height="32" border="0"></a></div>
  20.         </div>
  21.  
  22.                         <div>
  23.         <div><a href="boys.asp?id=DJ - Presenter" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','../images/makeup/voicetypes/dj - presenter_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/dj - presenter_boy_up.jpg" alt="DJ Presenter" name="Image14" width="145" height="16" border="0"></a></div>
  24.         </div>
  25.  
  26.                         <div>
  27.         <div><a href="boys.asp?id=Comedy" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','../images/makeup/voicetypes/comedy_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/comedy_boy_up.jpg" alt="Comedy" name="Image15" width="145" height="16" border="0"></a></div>
  28.         </div>
  29.  
  30.                         <div>
  31.         <div><a href="boys.asp?id=Sexy" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','../images/makeup/voicetypes/sexy_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/sexy_boy_up.jpg" alt="Sexy" name="Image16" width="145" height="16" border="0"></a></div>
  32.         </div>
  33.  
  34.                         <div>
  35.         <div><a href="boys.asp?id=Stand Up" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','../images/makeup/voicetypes/stand up_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/stand up_boy_up.jpg" alt="Stand Up" name="Image17" width="145" height="16" border="0"></a></div>
  36.         </div>
  37.  
  38.  
  39.               <div class="AccordionPanel">
  40.         <div class="AccordionPanelTab"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../images/makeup/voicetypes/standard uk_pink_up.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/standard uk_pink_up.jpg" name="Image5" width="145" height="16" border="0"></a></div>
  41.           <div class="AccordionPanelContent2"><a href="boys.asp?id=25 - 35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../images/makeup/voicetypes/25 - 35_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/25 - 35_boy_up.jpg" alt="25 - 35" name="Image6" width="145" height="16" border="0"></a><br>
  42.               <a href="boys.asp?id=35 - 45" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../images/makeup/voicetypes/35 - 45_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/35 - 45_boy_up.jpg" alt="35 - 45" name="Image7" width="145" height="16" border="0"></a><br>
  43.                   <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
  44.                   <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
  45.                   <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
  46.                   <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
  47.           </div>
  48.         </div>
  49.  
  50.  
  51.            <div>
  52.              <div><a href="boys.asp?id=USA - Mid Atlantic" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','../images/makeup/voicetypes/USA - Mid Atlantic_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/USA - Mid Atlantic_boy_up.jpg" alt="USA - Mid Atlantic" name="Image25" width="145" height="16" border="0"></a></div>
  53.            </div>
  54.            <BR>
  55.  
  56.  
  57.       </div>
the ccs file and scrip files are also attached.

the problem i am having is with the second scrolling section, when i mouse over the button underneath the section stays in place over writing one of the buttons in the section.

it can be seen at http://www.yaketyyakallmouth.com/pages/boys.asp?id=all

i hope someone can assis i have tried everything i know and i know it must be something simple
Attached Files
File Type: zip SpryAccordion.zip (6.2 KB, 39 views)
Feb 15 '11 #1
Share this Question
Share on Google+
1 Reply


100+
P: 347
i have now changed the pages and am using adobes rollover correction for the spry asset

the problem i am now having is putting a link within the menu that does not scroll open when i roll over it.

the code is as follows
Expand|Select|Wrap|Line Numbers
  1.       <div id="Accordion1" class="Accordion" tabindex="0">
  2.         <div class="AccordionPanel">
  3.           <div class="AccordionPanelTab"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../images/makeup/voicetypes/standard uk_pink_up.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/standard uk_pink_up.jpg" alt="Standard UK - 25+" name="Image5" width="145" height="16" border="0"></a></div>
  4.           <div class="AccordionPanelContent1"><a href="boys.asp?id=25 - 35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../images/makeup/voicetypes/25 - 35_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/25 - 35_boy_up.jpg" alt="25 - 35" name="Image6" width="145" height="16" border="0"></a><br>
  5.             <a href="boys.asp?id=35 - 45" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../images/makeup/voicetypes/35 - 45_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/35 - 45_boy_up.jpg" alt="35 - 45" name="Image7" width="145" height="16" border="0"></a><br>
  6.             <a href="boys.asp?id=45 Plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 Plus" name="Image8" width="145" height="16" border="0"></a></div>
  7.         </div>
  8.  
  9.                   <div class="AccordionPanel">
  10.           <div class="AccordionPanelTab"><a href="boys.asp?id=Teenage - 25" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../images/makeup/voicetypes/teenage - 25_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/teenage - 25_boy_up.jpg" alt="Teenage - 25" name="Image9" width="145" height="16" border="0"></a></div>
  11.           <div class="AccordionPanelContent2"><a href="boys.asp?id=Teenage - 25" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/makeup/voicetypes/teenage - 25_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/teenage - 25_boy_up.jpg" alt="Teenage - 25" name="Image10" width="145" height="16" border="0"></a><BR></div>
  12.         </div>
  13.  
  14.         <div class="AccordionPanel">
  15.           <div class="AccordionPanelTab">Label 2</div>
  16.           <div class="AccordionPanelContent2">Content 2<BR>Content 2<BR></div>
  17.         </div>
  18.       </div>
however i have tried to remove 1 of the images and various div tags from the middle panel but it comes up with an error and stops the others scrolling

the error i get is
'style' is null or not an object
spryaccordion.js
line 322
char 3

i have attached the .js file and css file in a zipped folder
Attached Files
File Type: zip SpryAccordion.zip (5.3 KB, 30 views)
Feb 16 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.