I don't know why, but somehow this snippet executes document.observe fine. I just open another script tag and suddenly the world is good.
But the issue with the scrolling drag and drop remains. This code snippet should be executable in a browser as is, from a file (I can attach it as a file if that's easier, or host it on a website): <!DOCTYPE html> <html lang="en"> <script src="http://www.google.com/jsapi";></script> <script> google.load("prototype", "1.6.1.0"); google.load("scriptaculous", "1.8.3"); </script> <script> document.observe('dom:loaded',function() { Sortable.create('fruit', { "scroll": "container" }); }); </script> <title>Test</title> <div id="container" style="overflow: scroll; width: 200px; height: 100px;"> <ul id="fruit"> <li>Apple <li>Banana <li>Peach <li>Strawberry <li>Cherry <li>Pear <li>Orange <li>Mango </ul> Cheers, Niko On Mon, Dec 7, 2009 at 7:15 PM, Niko Schwarz <[email protected]> wrote: > Hi, I have this tiny script, and it fails in two ways. First, the > document observe thing fails really strangely, saying: > > TypeError: Result of expression 'document.observe' [undefined] is not > a function. > > The second error, after I create the sorter on the command line: You > cannot drag and drop the lower elements of the list. > > Here's the script: > > <!DOCTYPE html> > <html lang="en"> > <script src="http://www.google.com/jsapi";></script> > <script> > google.load("prototype", "1.6.1.0"); > google.load("scriptaculous", "1.8.3"); > > document.observe("dom:loaded", function() { > Sortable.create('fruit', { > "scroll": "container" > });}); > > </script> > > <title>Test</title> > <div id="container" style="overflow: scroll; width: 200px; height: 100px;"> > <ul id="fruit"> > <li>Apple > <li>Banana > <li>Peach > <li>Strawberry > <li>Cherry > <li>Pear > <li>Orange > <li>Mango > </ul> > > > So, what is your take? > > > Cheers, > > Niko > > > -- > http://scg.unibe.ch/staff/Schwarz > twitter.com/nes1983 > Tel: +41 076 235 8683 > -- http://scg.unibe.ch/staff/Schwarz twitter.com/nes1983 Tel: +41 076 235 8683 -- 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 [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
