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>
>
> > > > > > > <link href="/classpath/blueprint/screen.css" type="text/css"
> > > > > > > rel="stylesheet" media="screen, projection" />
> > > > > > > <link href="/classpath/blueprint/print.css" type="text/css"
> > > > > > > rel="stylesheet" media="print" />
>
> > > > > > > <!--[if IE]><link rel="stylesheet" href="/classpath/blueprint/
> > > > > > > ie.css" type="text/css" media="screen, projection"><![endif]-->
>
> > > > > > > <link
> > > href="/classpath/blueprint/plugins/fancy-type/screen.css"
> > > > > > > type="text/css" rel="stylesheet" media="screen, projection" />
> > > > > > > <link type="text/css" rel="stylesheet"
> > > href="css/style.css" />
>
> > > > > > > <script src="classpath/jquery.js"
> > > type="text/javascript"
> > > > > > > id="jquery"></script>
> > > > > > > <script src="classpath/json.js"
> > > type="text/javascript" id="json"></
> > > > > > > script>
> > > > > > > <script src="js/jquery.jcarousel.pack.js"
> > > type="text/javascript"></
> > > > > > > script>
> > > > > > > <link href="css/jquery.jcarousel.css"
> > > type="text/css"
> > > > > > > rel="stylesheet" />
> > > > > > > <link href="css/skin.css" type="text/css"
> > > rel="stylesheet" />
> > > > > > > <script type="text/javascript">
> > > > > > > jQuery(document).ready(function() {
> > > > > > > jQuery('#mycarousel').jcarousel();
> > > > > > > });
> > > > > > > </script>
> > > > > > > <script src="
> > >http://getfirebug.com/releases/lite/1.2/firebug-lite-
> > > > > > > compressed.js" type="text/javascript"></script>
>
> > > > > > > <script type="text/javascript"
> > > src="/ajax_request/liftAjax.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 class="jcarousel-skin-tango"
> > > id="mycarousel">
> > > > > > > <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"
>
> ...
>
> 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
-~----------~----~----~----~------~----~------~--~---
