I was able to get it working by downloading lightbox and adding
farbastic to the index file that was in the lightbox download:

I added <div id="picker"></div> to the body and the head looks like:
<head>
        <title>Lightbox JS v2.0 | Test Page</title>
        <link rel="stylesheet" href="lightbox/lightbox.css" type="text/css"
media="screen" />
        <link rel="stylesheet" href="farbtastic/farbtastic.css" type="text/
css" media="screen" />
        <script src="lightbox/prototype.js" type="text/javascript"></script>
        <script src="lightbox/scriptaculous.js?load=effects,builder"
type="text/javascript"></script>
        <script src="jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
                jQuery.noConflict();
        </script>
        <script src="farbtastic/farbtastic.js" type="text/javascript"></
script>
        <script src="lightbox/lightbox.js" type="text/javascript"></script>
        <style type="text/css">
                body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-
serif;  }
        </style>
        <script type="text/javascript">
        jQuery(document).ready(function() {
                jQuery('#picker').farbtastic();
        });
        </script>
</head>

HTH

-Eric

On Sep 15, 2:23 am, "^AndreA^" <[EMAIL PROTECTED]> wrote:
> Thanks Eric,
>
> wrapping the plugin, as you said, let it works also after the
> "jQuery.noconflict()" command but if I leave the scriptacolous library
> everything goes badly anyway.
>
> I think all of these libraries are needed just for lightbox...
>
> <script src="../lightbox/js/prototype.js" type="text/javascript"></
> script>
> <script src="../lightbox/js/scriptaculous.js?load=effects" type="text/
> javascript"></script>
> <script src="../lightbox/js/lightbox.js" type="text/javascript"></
> script>
>
> If I want to let the color picker work I have to comment the central
> line (js/scriptaculous.js?load=effects... etc)
>
> and then I add the jquery library, the "noconflict" and the plugin
> stuff.
>
> <script type="text/javascript" src="js/jquery.js"></script>
>
> <script>
>      jQuery.noConflict();
> </script>
>
> etc...
>
> any other idea to solve the conflict?
>
> On Sep 12, 6:06 pm, Eric Martin <[EMAIL PROTECTED]> wrote:
>
> > Andrea,
>
> > In looking at the plugin, it looks like it is using $() but not coding
> > to prevent conflict issues.
>
> > Try wrapping the plugin code in:
>
> > (function ($) {
>
> > // plugin code here
>
> > })(jQuery);
>
> > See if that fixes your issue.
>
> > -Eric
>
> > On Sep 12, 9:52 am, "^AndreA^" <[EMAIL PROTECTED]> wrote:
>
> > > Hello everyone,
>
> > > I'm working on a website where scriptacolous is already in.
>
> > > In a particolar page I need a jQuery plugin (picker 
> > > color:http://acko.net/dev/farbtastic).
>
> > > If I use jQuery.noconflict() the plugin does not work anymore.
>
> > > Is there a solution to this?
>
> > > Any advice would be appreciated.
> > > Andrea

Reply via email to