JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignJavaScript Development

Closed Thread
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old May 23rd, 2006, 09:34 PM
gavacho gavacho is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2005
Posts: 67 gavacho User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 29 m 52 sec
Reputation Power: 4
Dropdown menu that works for Ajax links?

I have a site that loads content using ajax with links that look like this:

Code:
<div onclick="loadurl('school/introduction_in.php')"
onmouseover="this.style.color='#FF0000'"
onmouseout="this.style.color='#FFCC00'">Introduction</div>


I need a vertical menu with dropdown submenus that pop out to the side on mouseover that works in both IE and Firefox. I have looked for js menus, I have tried suckerfish based, and still have not found anything that works with this type of link in both browsers. The problem seems to be that all systems seem to need <a href......... I am not good enough in javascript to "roll my own".

Can anyone help?

Reply With Quote
  #2  
Old May 23rd, 2006, 10:14 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 23rd Plane (16000 - 16499 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 16,407 Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level)Kravvitz User rank is General 12nd Grade (Above 100000 Reputation Level) 
Time spent in forums: 4 Months 1 Day 14 h 19 m 23 sec
Reputation Power: 1780
So why are you using AJAX?

What happens if someone uses a browser that has JavaScript support disabled?

How will search engines index your site?
__________________
Spreading knowledge, one newbie at a time.

Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

Check out my blog.

Reply With Quote
  #3  
Old May 23rd, 2006, 11:11 PM
ProggerPete ProggerPete is offline
Contributing User
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: May 2003
Location: Brisbane, Australia
Posts: 1,439 ProggerPete User rank is Sergeant (500 - 2000 Reputation Level)ProggerPete User rank is Sergeant (500 - 2000 Reputation Level)ProggerPete User rank is Sergeant (500 - 2000 Reputation Level)ProggerPete User rank is Sergeant (500 - 2000 Reputation Level)ProggerPete User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Week 1 Day 1 h 23 m 32 sec
Reputation Power: 24
Another example of AJAX being used where it shouldn't be. What advantage does getting the content via an AJAX request give you?

If your header and footer is using so much bandwidth that you don't want to have to send it with each page you've probably got a design problem. Even then I think you'd be better off using frames or iframes.
__________________
Like the answers I give? Why not ask me directly at my forum. I'm always glad to help.

Javascript scripts and tips can be found at Dynamic Tools.
Check out DynamicTable, the best javascript table sorter around.
Get reliable and affordable hosting at www.thinksmarthosting.com

Reply With Quote
  #4  
Old May 24th, 2006, 01:56 AM
Beaver6813 Beaver6813 is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2006
Posts: 46 Beaver6813 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 29 m 4 sec
Reputation Power: 4
So you are trying to load introduction_in.php into your site? Why dont you just have an iframe and have a html link targetted at that frame? It would be so much easier.

When i get home ill send an example of how to make an extendable menu.

Reply With Quote
  #5  
Old May 24th, 2006, 03:59 AM
gavacho gavacho is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2005
Posts: 67 gavacho User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 29 m 52 sec
Reputation Power: 4
Quote:
Originally Posted by Beaver6813
So you are trying to load introduction_in.php into your site? Why dont you just have an iframe and have a html link targetted at that frame? It would be so much easier.

When i get home ill send an example of how to make an extendable menu.


Thanks for all the commentary. I am using Ajax instead of iframes because for iframes it is necesssary to specify the length. They do not autostretch to accommodate the length of the content. Scrollbars or truncated content result. Is this not so? I have the search engine problem solved. Can anyone help me with my original menu problem?

Reply With Quote
  #6  
Old May 24th, 2006, 05:24 AM
gavacho gavacho is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2005
Posts: 67 gavacho User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 29 m 52 sec
Reputation Power: 4
Problem solved Thanks

Quote:
Originally Posted by gavacho
Thanks for all the commentary. I am using Ajax instead of iframes because for iframes it is necesssary to specify the length. They do not autostretch to accommodate the length of the content. Scrollbars or truncated content result. Is this not so? I have the search engine problem solved. Can anyone help me with my original menu problem?


I found an improved version of the Suckerfish menu code here:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
It works for me if I use <a in place of <div leaving out the href.
This solves my problem. Thanks for your time.

Reply With Quote
Closed Thread

Viewing: Dev Shed ForumsWeb DesignJavaScript Development > Dropdown menu that works for Ajax links?


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump



 Free IT White Papers!
 
How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.

 
Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.

 
Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.

 
Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.

 
Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.

 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2009 by Developer Shed. All rights reserved. DS Cluster 2 hosted by Hostway
Stay green...Green IT