Thank you guys, you made my day. I planed to investigate this js error tomorrow on my work place. I changed the definitions inside the js because the change in the html break the pictures, only 2 are shown.
Cheers Torsten On Apr 5, 10:15 am, "marius d." <[email protected]> wrote: > Oh ... here is a potential explanation. > > For xhtml 1.0 spec the nodenames are returned by nodeName property as > they are declared. For HTML they are always camel case in nodeName > property. > > Now Lift by default returns Content-Type: application/xhtml+xml in the > HTTP header whereas JCarousel online examples Content-Type: text/html > despite the fact that they declaring doc type as being xhtml. So I > think that their examples are treated as html and not xhtml by browser > hence leading to UL camel cased. For the offline static example I > think the browser is just considering it a HTML and not realy xhtml > for some reason. > > So you can probably file a bug to JCarousel so that JCarousel folks to > fix it. It is a trivial fix anyways. > > Br's, > Marius > > On Apr 5, 11:05 am, "marius d." <[email protected]> wrote: > > > I guess jcarousel developers should have taking care of case > > insentitiveness ... > > > Br's, > > Marius > > > On Apr 5, 10:48 am, "marius d." <[email protected]> wrote: > > > > Holy cow ... this one is weird. In the jcarousel() function we have > > > the following condition: > > > > if (e.nodeName == 'UL' || e.nodeName == 'OL') > > > { > > > > } > > > > the problem was capitalization test. Replacing UL with ul in the above > > > test made it work. But this is a hack ... Still putting this at the > > > begining of jcarousel() function: > > > > console.log(e.nodeName); > > > > in the stattic example it yields UL ...capitalized but in the lift app > > > it is always ul. Still in the source markup in both examples they are > > > <ul> non capitalized. I tried to put the exact doctypein the simpl > > > static example as I have in the lift application. So I don't have an > > > explanation why foir the static examples I'm getting camel case node > > > name and for the online one I'm getting the lower case. > > > > However if you use <UL> inyour markup should work. > > > > Br's, > > > Marius > > > > On Apr 5, 9:35 am, "marius d." <[email protected]> wrote: > > > > > I tried it last night but I'm getting a JS error in the clipping > > > > function ... I need todig more on this. Try firebug ... > > > > > Br's, > > > > Marius > > > > > On Apr 5, 5:32 am, Chad Skinner <[email protected]> wrote: > > > > > > If you believe this to be a style issue, I would recommend downloading > > > > > firefox and installing the "Web Developer Tools" plugin. One of the > > > > > options > > > > > it presents is edit CSS and you can add or remove stylesheet rules to > > > > > see > > > > > which is causing the conflict. > > > > > -- Chad > > > > > > On Sat, Apr 4, 2009 at 3:43 PM, wapgui <[email protected]> > > > > > wrote: > > > > > > > Nope, there is no difference. Maybe I can find it out with the good > > > > > > old try and error method. > > > > > > > On Apr 4, 8:30 pm, "marius d." <[email protected]> wrote: > > > > > > > might be that blueprint's css ul/li styles are conflicting with > > > > > > > list > > > > > > > styles that JCarousel is using? Try to not use: > > > > > > > > <lift:CSS.blueprint/> > > > > > > > <lift:CSS.fancyType/> > > > > > > > > ... and see if things get improved. > > > > > > > > Br's, > > > > > > > Marius > > > > > > > > On Apr 4, 6:18 pm, wapgui <[email protected]> wrote: > > > > > > > > > The problem is how the carousel looks like. It shows all the > > > > > > > > picture > > > > > > > > one below the other. I know this effect, then normaly JQuery is > > > > > > > > missing. But I can try it as snippet or lift:embed. > > > > > > > > > Cheers > > > > > > > > Torsten > > > > > > > > > On Apr 3, 10:03 pm, "marius d." <[email protected]> wrote: > > > > > > > > > > Hmm ... I'd be very surprised if the the presence of the > > > > > > > > > multiple > > > > > > > > > ready function calls would cause this. Virtually you can have > > > > > > > > > as many > > > > > > > > > as you want. But what is the exact problem ? > > > > > > > > > > I could probably take a look tomorrow.... and maybe make a > > > > > > > > > lift > > > > > > widget > > > > > > > > > out of it. > > > > > > > > > > Br's, > > > > > > > > > Marius > > > > > > > > > > P.S. > > > > > > > > > You can render stuff in any place you want using various > > > > > > > > > ways. For > > > > > > > > > instance: > > > > > > > > > > 1. Use a snippet > > > > > > > > > 2. Use lift:embed > > > > > > > > > 3.You can post process resulting xml before it is sent to > > > > > > > > > client (a > > > > > > > > > pretty uncommon need) > > > > > > > > > > I I'd really doubt that this would represent the solution. > > > > > > > > > > >On Apr 3, 11:32 am, wapgui <[email protected]> > > > > > > > > > >wrote: > > > > > > > > > > Hi, > > > > > > > > > > > had anybody success including the JCarousel plugin into > > > > > > > > > > Lift. > > > > > > > > > > Here is my default.html > > > > > > > > > > > <html xml:lang="en-us" xmlns="http://www.w3.org/1999/xhtml"; > > > > > > > > > > xmlns:lif="http://liftweb.net/";> > > > > > > > > > > <head> > > > > > > > > > > <meta http-equiv="content-type" > > > > > > > > > > content="text/html; > > > > > > > > > > charset=ISO-8859-1"/> > > > > > > > > > > <title>jCarousel Examples</title> > > > > > > > > > > <lift:CSS.blueprint/> > > > > > > > > > > <lift:CSS.fancyType/> > > > > > > > > > > <link href="css/style.css" rel="stylesheet" > > > > > > type="text/css"/> > > > > > > > > > > <script id="jquery" type="text/javascript" > > > > > > src="classpath/ > > > > > > > > > > jquery.js"></script> > > > > > > > > > > <script id="json" type="text/javascript" > > > > > > src="classpath/json.js"></ > > > > > > > > > > script> > > > > > > > > > > <script type="text/javascript" > > > > > > src="js/jquery.jcarousel.pack.js"></ > > > > > > > > > > script> > > > > > > > > > > <link rel="stylesheet" type="text/css" > > > > > > > > > > href="css/ > > > > > > > > > > jquery.jcarousel.css"/> > > > > > > > > > > <link rel="stylesheet" type="text/css" > > > > > > href="css/skin.css"/> > > > > > > > > > > <script type="text/javascript"> > > > > > > > > > > jQuery(document).ready(function() { > > > > > > > > > > > > > > > > > > > > jQuery('#mycarousel').jcarousel(); > > > > > > > > > > }); > > > > > > > > > > </script> > > > > > > > > > > <script type='text/javascript' src=' > > > > > >http://getfirebug.com/releases/ > > > > > > > > > > lite/1.2/firebug-lite-compressed.js'></script> > > > > > > > > > > </head> > > > > > > > > > > <body> > > > > > > > > > > <div id="wrap"> > > > > > > > > > > <h1>jCarousel</h1> > > > > > > > > > > <h2>Riding carousels with > > > > > > > > > > jQuery</h2> > > > > > > > > > > <h3>Simple carousel</h3> > > > > > > > > > > <p>This is the most simple usage of > > > > > > > > > > the > > > > > > carousel with no > > > > > > > > > > configuration options.</p> > > > > > > > > > > <ul id="mycarousel" > > > > > > class="jcarousel-skin-tango"> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 66/199481236_dc98b5abb3_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 75/199481072_b4a0d09597_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 57/199481087_33ae73a8de_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 77/199481108_4359e6b971_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 58/199481143_3c148d9dd3_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 72/199481203_ad4cdcf109_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 58/199481218_264ce20da0_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 69/199481255_fdfe885f87_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 60/199480111_87d4cb3e38_s.jpg"/></li> > > > > > > > > > > <li><img src=" > > > > > >http://static.flickr.com/ > > > > > > > > > > 70/229228324_08223b70fa_s.jpg"/></li> > > > > > > > > > > </ul> > > > > > > > > > > </div> > > > > > > > > > > <lift:bind name="content"/> > > > > > > > > > > </body> > > > > > > > > > > </html> > > > > > > > > > > > and this is my index.html > > > > > > > > > > > <lift:surround with="default" at="content"> > > > > > > > > > > > </lift:surround> > > > > > > > > > > > The generated page is > > > > > > > > > > > <?xml version="1.0" encoding="UTF-8"?> > > > > > > > > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 > > > > > > > > > > Transitional//EN" " > > > > > >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > > > > > > > > > <html xml:lang="en-us" xmlns:lif="http://liftweb.net/"; > > > > > > > > > > xmlns=" > > > > > >http://www.w3.org/1999/xhtml";><head> > > > > > > > > > > <meta content="text/html; > > > > > > > > > > charset=ISO-8859-1" > > > > > > http-equiv="content- > > > > > > > > > > type" /> > > > > > > > > > > <title>jCarousel Examples</title> > > > > > > > > > > > > > ... > > read more » --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Lift" 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/liftweb?hl=en -~----------~----~----~----~------~----~------~--~---
