iframe in firefox issue

Dev Shed Forums Sponsor:

May 5th, 2005, 11:25 PM

nataku92

Registered User

Join Date: May 2005

Posts: 9

Time spent in forums: 6 h 49 m 50 sec
Reputation Power: 0

iframe in firefox issue

I've made a website that uses mainly iframes. I also use a seperate iframe for links. And within my links.html document, I have a links that display/hide certain links within divs when clicked. And the scripting for that is:

Code:

<script type="text/javascript">
<!--
function drop(a) {
   if (a.style.display == 'none') {
       a.style.display='block';
}
   else {
       a.style.display='none';
}
}
//-->
</script>

This works fine in IE, but doesn't work in firefox. I've tried moving the javascript to the main document and linking to there, but I can't seem to target the links within the divs. Any help would be great.

May 6th, 2005, 12:35 AM

jharnois

mod_dev_shed

Dev Shed God 20th Plane (14500 - 14999 posts)

Join Date: Sep 2002

Location: Atlanta, GA

Posts: 14,817

Time spent in forums: 1 Month 1 Week 4 Days 7 h 14 m 56 sec
Reputation Power: 1098

How are you using the function? Show the code used to call drop().

__________________
# Jeremy

Explain your problem instead of asking how to do what you decided was the solution.

May 6th, 2005, 12:40 AM

nataku92

Registered User

Join Date: May 2005

Posts: 9

Time spent in forums: 6 h 49 m 50 sec
Reputation Power: 0

Code:

<a href="javascript:drop(menu);" target="_self">My Models</a><br>
<div id="menu" style="display: none; margin-left: 15px;">
<a href="gundam.html">Gundams</a><br>
<a href="planes.html">Aircraft</a><br>
<a href="home.html">Other</a>
</div>

May 6th, 2005, 12:59 AM

jharnois

mod_dev_shed

Join Date: Sep 2002

Location: Atlanta, GA

Posts: 14,817

Time spent in forums: 1 Month 1 Week 4 Days 7 h 14 m 56 sec
Reputation Power: 1098

I think you're getting a side-effect of using "a" as your object in IE.

Code:

<script type="text/javascript">
<!--
function drop(elementId) {
  var objElement = document.getElementById(elementId);
   if (objElement.style.display == 'none') {
       objElement.style.display='block';
}
   else {
       objElement.style.display='none';
}
}
//-->
</script>

May 6th, 2005, 02:21 AM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,890

Time spent in forums: 6 Months 2 Days 17 h 55 m 47 sec
Reputation Power: 4192

That would work if menu was a variable, but it's an ID.

Code:

<a href="javascript:drop(document.getElementById('menu'));" target="_self">My Models</a>

or with Jeremy's function

Code:

<a href="javascript:drop('menu');" target="_self">My Models</a>

May 6th, 2005, 06:43 PM

nataku92

Registered User

Join Date: May 2005

Posts: 9

Time spent in forums: 6 h 49 m 50 sec
Reputation Power: 0

Yay, it worked! Thanks for the help!

May 6th, 2005, 07:02 PM

acidfourtyfive

Since 439000000

Join Date: May 2004

Location: Canada

Posts: 1,134

Time spent in forums: 1 Week 3 Days 23 h 30 m 11 sec
Reputation Power: 122

Sometimes I have a similar problem with syntax. Like
getElementByID() instead of using getElementById()

May 6th, 2005, 07:06 PM

ChiefWigs1982

Cunning Linguist

Dev Shed God 11th Plane (10000 - 10499 posts)

Join Date: Jul 2003

Location: I used to live at home, now I stay at the house

Posts: 10,180

Folding Points: 50746 Folding Title: Beginner Folder

Time spent in forums: 3 Months 3 Weeks 5 Days 19 h 56 m 47 sec
Reputation Power: 2037

Quote:

Originally Posted by acidfourtyfive

Sometimes I have a similar problem with syntax. Like
getElementByID() instead of using getElementById()

Erm... Ok, but how is that similar?

__________________

Support requests via PM will be ignored!
Sites: WordPress Metro Theme | Route of Queue
Read These: The General Rules Thread | The General FAQ Thread | NEW USERS - How to post a question

iframe in firefox issue

Developer Shed Advertisers and Affiliates