473,400 Members | 2,163 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,400 software developers and data experts.

scriptaculous problem

Expand|Select|Wrap|Line Numbers
  1. <div id="navigation">
  2. <span onclick="Effect.toggle(this.parentNode.id+'Content','blind')">Navigation</span>
  3. <ul id="navigationContent">
  4. <li><a href="#" name="main" onclick="getData(this.name+'.html', 'content')">Home</a></li>
  5. <li><a href="#" name="reader" onclick="getData(this.name+'.html', 'content')">Read Feeds</a></li>
  6. <li><a href="#">Magna lacus bibendum mauris</a></li>
  7. </ul>
  8. </div>
when I animate the 'navigation' div with scriptaculous, i see the span element moving seperately from the rest of the parent div, messing up the effect. Have you seen anything like it?

I think the solution may lie in the span element style but i have no idea whatto do to fix it... (It is currently set on position: relative,absolute makes it even worse.)
Sep 13 '07 #1
2 1237
epots9
1,351 Expert 1GB
have you set a doctype?
Sep 13 '07 #2
have you set a doctype?
Yes the html file has the default doctype

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
By the way, this element is created dynamically, does it have anything to do with your question?
Sep 13 '07 #3

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

Similar topics

2
by: Jake Barnes | last post by:
I've read over the documentation for these effects: http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo I want to include them on my page. I tried attaching using onload, but...
1
by: lakilevi | last post by:
Hi! I have a problem in integration of script.aculo.us's scriptaculous.js with the http://www.javascripttoolbox.com/lib/objectposition/source/position.js file. I think the both file has a Position...
3
by: lakilevi | last post by:
Hi! I have a problem in integration of script.aculo.us's scriptaculous.js with the http://www.javascripttoolbox.com/lib/objectposition/source/position.js file. I think the both file has a...
2
by: darrel | last post by:
I've been working on a side project off and on (more off than on) for a year or so. Overtime, it's become a bit of a frankenstein. It uses the Scriptaculous javascript library for a lot of...
1
by: gezerpunta | last post by:
Hi folks :) We use scriptaculous draggables inside a scrollable div. Everything works fine if we turn on the option "Ghosting" (this enables items to be dragged outside the div with a sroller...
3
by: libsfan01 | last post by:
hi i have a page which contains an visible nav down the left-hand side. when you click a button it needs to appear. i thought it would be cool to use scriptaculous to make it slide down. can...
3
by: ChiliFingerX | last post by:
I am at the end of my rope. I wrote an application, it runs locally on my laptop, nothing to do with the Internet or client/server stuff. Using Firefox 2.0 I open my main 'GUI.html' file. ...
1
Jezternz
by: Jezternz | last post by:
Scriptaculous needs an official forum but does not have one so I am asking here :). note you will need to be familiar with scriptaculous to help me here. Basicly I have a script that has a...
2
by: AndrewC | last post by:
I am using the Scriptaculous/Prototype libraries to build a project and I really want to have an effect like the mootools download page (http://www.mootools.net/download) where when you mouse over...
4
by: JacK | last post by:
Does any peo^le can help me with this script? Event.observe seem to be off Thank's in advance HTML> <BODY> <script type="text/javascript"> ...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.