prototype.js = jquery tabs werkt niet meer

Hoi, ik heb een probleempje. ik had een script op google gevonden, die ik nu in mijn layout wil doen. zodra ik de codes toevoeg, waar ook prototype.js inzit, dan werkt mijn jquery tabs niet meer. Alles word dan gewoon weergegeven.enig idee hoe dit zou komen? Wilje codes..Vraag het maar. Ik heb trouwens de laatste prototype.js.

alvast bedankt

Jij trouwens de laatse versie?

2 tips:

1) lees je bericht even na voor je het post.
2) Dit is een forum, als je hulp wilt kan je beter je codes hier plaatsen.

jQuery en Prototypejs zijn 2 javascript libraries, en waarschijnlijk hebben ze een conflict o.i.d.

Als je ze samen wilt gebruiken, moet je een stukje javascript toevoegen en bij al je jQuery dingen iets als jQuery(#id) gebruiken ipv $(#id)

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

@alemaalte ik heb dit:

<script>
    $(function() {
        $( #tabs ).tabs( { fx: { height: toggle, duration: slow } } );
    });
    </script>

Dit:

<script type="text/javascript">
        $(document).ready(function() {


            $("a[rel=lightbox]").fancybox({
                transitionIn        : none,
                transitionOut        : none,
                titlePosition     : over,
                titleFormat        : function(title, currentArray, currentIndex, currentOpts) {
                    return <span id="fancybox-title-over">Afbeelding  + (currentIndex + 1) +  /  + currentArray.length + (title.length ?  &nbsp;  + title : ) + </span>;
                }
            });

        });
    </script>

En dit:

<script type="text/javascript" src="js/bramus/jsProgressBarHandler.js"></script>
            

            <script type="text/javascript">
                document.observe(dom:loaded, function() {

                    // second manual example : multicolor (and take all other default paramters)
                    manualPB2 = new JS_BRAMUS.jsProgressBar(
                                $(element6),
                                52,
                                {

                                    barImage    : Array(
                                        images/bramus/percentImage_back4.png,
                                        images/bramus/percentImage_back3.png,
                                        images/bramus/percentImage_back2.png,
                                        images/bramus/percentImage_back1.png
                                    ),

                                    onTick : function(pbObj) {

                                        return true;
                                    }
                                }
                            );
                }, false);
            </script>