Hello A,
First, if you're using prototype, it's a real big benefit to use the
$('divid') selector instead of document.getElementById('divId'). Makes
things much easier.
Second, your code seems to be fine, I pasted it into my own file and ran it
in FF, and it worked. You could try putting all the style information into
the inner DIV instead of the outer (with the exception of display:none;).
--
Calvin Lai
Business Development
http://dealspl.us
On Thu, Dec 18, 2008 at 4:56 PM, elAdi <adrian.wag...@cbs.curtin.edu.au>wrote:
>
> Hello all,
>
> I'm having a problem here with the slide down effect. It works fine in
> IE, but FF isn't doing anything at all. FireBug tells me that the
> elemend 'slidedown_share' does not exist. But the div id is definitely
> there and IE doesn't seem to have an issue finding it. Here's the
> code:
>
> <script src="js/prototype.js" type="text/javascript"></script>
> <script src="js/scriptaculous.js" type="text/javascript"></script>
> <script language="javascript" type="text/javascript">
> function swap() {
> if (slidedown_share.style.display == "none") {
> document.getElementById( "share_expand" ).src="images/
> share_collapse.gif";
> Effect.SlideDown('slidedown_share')
> } else {
> document.getElementById( "share_expand" ).src="images/
> share_expand.gif";
> Effect.SlideUp('slidedown_share')
> }
> }
> </script>
>
> <div>
> <a href="#" onclick="swap();">Test</a><img id="share_expand"
> src="images/share_expand.gif" onclick="swap();" />
> </div>
> <div id="slidedown_share" style="display:none; width:113px; height:
> 147px; background:#f4f2e6; border-left: solid #000 1px; border-right:
> solid #000 1px; border-bottom: solid #000 1px; text-align:left;
> padding:0;">
> <div style="padding: 6px 10px 9px 10px; font:Verdana, Arial,
> Helvetica, sans-serif; font-size:9px; line-height:12px">
> GOOGLE<br />
> YAHOO<br />
> MSN<br />
> FACEBOOK<br />
> REDDIT<br />
> STUMBLEUPON<br />
> DELICIOUS<br />
> </div>
> </div>
>
> I'm sure, it's something small and silly that I'm overlooking here.
> Would be great if somebody could point me into the right direction.
>
> Thanks.
> a.
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
