Lightbox and jquery.js conflict

Hi I have a query.js and a lightbox.js javascripts running on the same page and they are conflicting. They both work great seperately but when combined the scripts stop working.
I found a forum that is closed that reference's this solution:
   <script>
     jQuery.noConflict();
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
However, I am unsure of what to do with it. The forum referenced changing the name of the 'someid' but I don't know what to change it to.
Here is my conflicting codes:
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
   <script>
     jQuery.noConflict();
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
<script type="text/javascript">
            jQuery(document).ready(function(){
                //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
                //Caption Sliding (Partially Hidden to Visible)
                jQuery('.boxgrid.caption').hover(function(){
                    jQuery(".cover", this).stop().animate({top:'50px'},{queue:false,duration:160});
                }, function() {
                    jQuery(".cover", this).stop().animate({top:'300px'},{queue:false,duration:160});
        </script>

<!-- JavaScript -->
<!--<script type="text/javascript" src="scripts/prototype.js"></script>-->
<!--<script type="text/javascript" src="scripts/lightbox.js"></script>-->
<script type="text/javascript" src="scripts/mootools.js"></script>
<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript" src="scripts/videobox.js"></script>
<!--<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="scripts/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
    jQuery.noConflict();
</script>
<script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery('.boxgrid.caption').each(function (){
                    jQuery(this).mouseenter (function(){
                        jQuery(this).find(".cover").animate({top:'50px'},{queue:false,duration:160});
                    jQuery(this).mouseleave (function(){
                        jQuery(this).find(".cover").animate({top:'150px'},{queue:false,duration:160});
                jQuery("a.external").fancybox();
</script>

Similar Messages

  • Problems with lightbox and jquery

    Hi guys,
    Thanks for checking out my post...
    I am using lightboxes for a gallery which work fine. However I'm also using a jQuery to drag in Tweets from Twitter.
    I thought it was all working fine but the Twitter box doesn't seem to be updating.
    After looking into the problem I added the below to my HTML header...
    <script>jQuery.noConflict();</script>
    ...and then changed the $ in lightbox.js to jQuery but to no avail - the lightboxes just stopped working.
    Can someone please take a look and see what I need to do to get the scripts running please?
    Here the link
    Thank you and hope to hear from you!
    SM

    404 Error, File not found.
    There have to be at least 100 lightbox clones available now.  Some of the older ones use jQuery 1.2.
    As of this writing, the most recent script from Google APi is jQuery 1.5.0 which may or may not work on older plug-ins.  It's always a hit and miss thing with this stuff.
    http://code.google.com/apis/libraries/devguide.html#jquery
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Lightbox and a dhtml conflict?

    Hello, I got Lightbox to work, however, I have a dhtml menu that shows up along with the pictures.
    http://www.barrycommercial.com/commercial.php  click on image#1
    the menu is an include so that I can just have on throught the site.
    Any suggestions would be appreciated!!!
    Thanks in advance
    D

    I found this suggestion but couldn't get it to work... perhaps I put the fix in the wrong area... not sure.. Thanks!
    to add this to my menu script
    with(milonic=new menuname("Main Menu")){
    alwaysvisible=1;
    left=170;
    orientation="horizontal";
    style=menuStyle;
    top=120;
    zindex=80;
    aI("text=Home;url=http://www.milonic.com/;");
    aI("showmenu=Milonic;text=Milonic;");
    aI("showmenu=Partners;text=Partners;");
    aI("showmenu=Links;text=Links;");
    aI("showmenu=MyMilonic;text=My Milonic;");
    I think Lightbox sets its zIndex to 100 so if you force the menus zindex to be 80 it should sit high enough to work but low enough to sit under lightboxes PNG image.

  • How to use Spry and Jquery on the same page.

    I'm using both spry (dataset) and jquery (datepicker) on my page. When I load the jquery script my dataset doesn't work.
    I've done some research and found that I need to insert an observer that tells jquery when the spry dataset is finished loading. Found this information at: http://forums.adobe.com/message/2899897. I've tried implementing this into my script but just doesn't seem to work. Below is the script from my site, how would I insert an observer into this script?
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.HTMLDataSet("/test/fsasearch_results_dynamic.php", "search_results");
    var ds2 = new Spry.Data.HTMLDataSet("/test/countstable_dynamic.php", "table");
    $(function() { $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd', beforeShowDay: nonWorkingDates, numberOfMonths: 2, minDate: +5, maxDate: +30});
        function nonWorkingDates(date){
            var day = date.getDay(), Sunday = 0, Monday = 1, Tuesday = 2, Wednesday = 3, Thursday = 4, Friday = 5, Saturday = 6;
            var closedDates = [[7, 29, 2009], [8, 25, 2010]];
            var closedDays = [[Saturday], [Sunday]];
            for (var i = 0; i < closedDays.length; i++) {
                if (day == closedDays[i][0]) {
                    return [false];
            for (i = 0; i < closedDates.length; i++) {
                if (date.getMonth() == closedDates[i][0] - 1 &&
                date.getDate() == closedDates[i][1] &&
                date.getFullYear() == closedDates[i][2]) {
                    return [false];
            return [true];
    //-->
    </script>

    Please post any SPRY related question in the SPRY forum.

  • Updating using java script and jQuery

    Is it possible using javascript and jQuery to update the two forms of this page, in tandem as the fields change? http://www.milesmemorials.com/product-GH54.html  As you can see there are two forms, the first holds all the element choices and has an 'add to basket' button, the other after clicking 'proceed to proof' shows and gathers name, tel, email and all other fields from first form (which will be 'hidden' once this problem is resolved) all that will show will be name, tel and email. Currently what happens is choices are made, the proof button is clicked but if a selection is then changed the duplicate elements in form2 are not updated unless the proof button is clicked back and then clicked again. This can result in incorrect information being submitted. So going back to my original question, Is it possible using javascript and jQuery to update the two forms in tandem as the fields change?
    Any help really appreciated!!

    Thank you for your post. I think thats just what im looking for. So this is one of my form elements -
    <select name="colour" class="productButton"id="colour">
            <option selected value="0">-- Select colour --</option>
            <option value="2442">Galaxy black granite (&pound;2442)</option>
            <option value="2134">Black granite (&pound;2134)</option>
          </select>
    and i need to make this form field update when the element above is changed -
    <input name="colour2" id="colour2" type="text" />
    What do i need to change on this javascript to make this function work?
    <script> $( "select" )
      .change(function () {
        var str = "";
        $( "select option:selected" ).each(function() {
          str += $( this ).text() + " ";
        $( "div" ).text( str );
      .change();
    </script>

  • How to create table with javascript and jquery in abap

    Hello masters,
    i want to create table using javascript and jquery.
    i know how to use these languages but i dont how to implement them to abap.
    regards.

    Look at the sample BSP application SBSPEXT_HTMLB
    also you can look at the below Blog..
    /people/brian.mckellar/blog/2003/10/31/bsp-programming-htmlb-tableview-iterator
    <i>*Reward each useful answer</i>
    Raja T

  • Tabs and Ask Toolbar Conflict

    Sorry, but I am new to this forumn and don't know how to post a comment that may save time for some folks. About a week ago I posted a problem concerning creating multpple tabs and saving them. I cna't find that posting again, but the answer I got worked until the next update.
    At that time I was using FF3.6.14 and the Ask toolbar. Removing it as suggested worked. Later I installed the FF 3.6.15 update and all still worked. Last night I recieved an update of the Ask toolbar.
    Upon installing that latest toolbar, I again had the same problem with tabs.
    It would appear that the lastest version of FF and Ask still conflict.

    Did you create a new profile?
    You can try to click the "Restore Default Set" button to restore the default toolbar setup.
    *Firefox menu button > Options > Toolbar Layout
    *View > Toolbars > Customize
    You can check for problems caused by a corrupted localstore.rdf file.
    *http://kb.mozillazine.org/Corrupt_localstore.rdf
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • CS5.5 and jquery

    I undrstand there is tight intergration between CS5.5 and jquery. Does this not include the UI library? I'm not getting much in the way of code-hinting writing the various widgets.
    Is there a special setup?

    I undrstand there is tight intergration between CS5.5 and jquery. Does this not include the UI library? I'm not getting much in the way of code-hinting writing the various widgets. 
    Is there a special setup?
    No, there's no special setup.
    Here is a quick video about DW CS5.5 jQuery Code Hinting:
    http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-jquery-code-hi nting/
    Here is a more in depth Adobe Developer Center article:
    http://www.adobe.com/devnet/dreamweaver/articles/introduction-to-jquery.html
    HTH,
    Randy

  • App store and safari 6 conflict

    app store and safari 6 conflict

    Please fill out your profile so we know what machine and OS version you are running. Also please give more details about "app store and safari 6 conflict".

  • Fluid layouts and jquery?

    How do you have a fluid layout site and jquery mobile site together? Would like to have monitor and tablet using fluid layout but for mobiles use jquery, how is it done?

    So, is this the end of the physical product for Adobe?

  • SignalR and jquery

    Hi,
    We currently are implementing SignalR technology in our SharePoint Team Sites. The technology is promising and we tailored it according to our business needs. We ran in to one issue where we get an error 'Signalr undefined', We get this error where another
    version of jquery is loaded on to the page after signalr is loaded in the master page.
    Master page – SignalR and Jquery Loaded here Initially(version 1.x.x)
    Content pages(Home.aspx, Default.aspx etc) –  JQuery Again Loaded here again
    In this scenario, we get hub undefined error. But if there is no other jquery web-part on the content page, there is no error. 
    Any help greatly appreciated.
    Ravichandra Challa

    jQuery is to JavaScript as APEX is to the PL/SQL Web Toolkit. Think of the productivity gain you get from APEX vs simple htp.p()! That's what jQuery gives you. Get your brain around jQuery selectors and it will make more sense:
    http://tylermuth.wordpress.com/2008/12/17/jquery-selectors-will-change-your-life/
    Tyler Muth
    http://tylermuth.wordpress.com
    "Applied Oracle Security: Developing Secure Database and Middleware Environments": http://sn.im/aos.book

  • Flash and Jquery problem

    Hello,
    I have a website "http://www.checkoutthelatest.com/test/sebastian" which runs in iphone but the flash objects and jquery slide shows does not work when the site is loaded within the iphone.
    Could you please let me know if iphone supports jquery slide shows and embedded flash objects and youtube videos.
    I require the website to function properly within iphone 3G and 4.
    Please help.
    Regards,
    Sebas J

    However, the phone does support jQuery. I've used it in websites and seen it working just fine. Try different slideshow scripts to see if you can get it going. You won't be able to embed youtube video's in the slideshow unless you can work it out in HTML5 (which I can't help with)... as the other poster said - No flash.
    good luck.
    b

  • Dreamweaver CS6-  jquery and jquery cycle to have 5 images slide (as a fade) in a banner code failure- help?

    Dreamweaver CS6- I am trying to use jquery and jquery cycle to have 5 images slide (as a fade) in a banner. I thought I got the code right but it stacked the images. I suspect I have the incorrect code for the position or I haven't properly added cycle.
    my head code:
    <title>slider</title>
    <script type="text/javascript" src="JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="JS/jquery.cycle2.min.js"></script>
    <script type="text/javascript">
    $('#slider').cycle({
    </script>
    <style type="text/CSS">
    #slider {margin:auto;}
    </style>
    My div code:
    <div id="slider">
      <p> 
        <img src="Leather web page/DSC_0531_4925.JPG"/>
        <img src="Leather web page/DSC_0035_edited-1.JPG"/>
        <img src="Leather web page/DSC_1593_edited-1.jpg"/>
        <img src="Leather web page/DSC_1595_edited-1.jpg"/>
        <img src="Leather web page/DSC_1821.jpg"/>
        </div>
    Any help would be greatly appreciated.

    1. You can use a constructor to change the defaults. The default values can be seen in jquery.cycle2.js starting at line 659 as per the following. As you can see at the bottom, the code automatically runs the slideshow(s)
    // @see: http://jquery.malsup.com/cycle2/api
    $.fn.cycle.defaults = {
        allowWrap:        true,
        autoSelector:     '.cycle-slideshow[data-cycle-auto-init!=false]',
        delay:            0,
        easing:           null,
        fx:              'fade',
        hideNonActive:    true,
        loop:             0,
        manualFx:         undefined,
        manualSpeed:      undefined,
        manualTrump:      true,
        maxZ:             100,
        pauseOnHover:     false,
        reverse:          false,
        slideActiveClass: 'cycle-slide-active',
        slideClass:       'cycle-slide',
        slideCss:         { position: 'absolute', top: 0, left: 0 },
        slides:          '> img',
        speed:            500,
        startingSlide:    0,
        sync:             true,
        timeout:          4000,
        updateView:       0
    // automatically find and run slideshows
    $(document).ready(function() {
        $( $.fn.cycle.defaults.autoSelector ).cycle();
    2. To center the slideshow, merely center the container as in
    div.cycle-slideshow {
        width: 1000px;
        margin: auto;

  • CRM 2013 Online - sending email with CRM Online and jQuery

    Hi,
    I have a html page in webresource in a CRM 2013 Online form.  There is a button to send an e-mail from the html page.  Because this is an embedded html, I will not be able to create a plug-in to trigger 'send an e-mail'.  The best bet
    is to send an e-mail via javascript.
    I found an article about 'Sending email with SharePoint and jQuery',
    http://geekswithblogs.net/ThorvaldBoe/archive/2014/07/03/sending-email-with-sharepoint-and-jquery.aspx
    Is there a similar Jquery way we can send e-mail from CRM 2013 Online?  Thanks.

    Hello,
    Actually you can send email through plugin using Actions feature. Recheck my articles about the feature -
    http://a33ik.blogspot.com/search/label/Action
    In case you anyway want to send your email directly you should recheck following articles:
    http://mileyja.blogspot.com/2012/02/create-email-activity-in-microsoft.html
    http://mileyja.blogspot.com/2012/02/send-email-synchronously-in-microsoft.html
    Dynamics CRM MVP/ Technical Evangelist at
    SlickData LLC
    My blog

  • How to authenticate with Sharepoint using rest service and jquery

    Hi ,
    I have a requirement where i need to authenticate with  sharepoint from ios and android app using rest services and jquery.
    Can anyone help me in this .
    Thanks in Advance.
    Regards,
    Srinath 

    Hi,
    According to your post, my understanding is that you want to access SharePoint data from IOS and Android app.
    The following materials for your reference:
    How can I authenticate SharePoint REST calls from Android App?
    http://stackoverflow.com/questions/24673373/how-can-i-authenticate-sharepoint-rest-calls-from-android-app
    Calling RESTful services from your Android app
    http://www.techrepublic.com/blog/software-engineer/calling-restful-services-from-your-android-app/
    SharePoint 2013 REST API in iOS
    http://omicron-llama.co.uk/2012/12/13/sharepoint-2013-rest-api-in-ios/
    Best Regards
    Dennis Guo
    TechNet Community Support

Maybe you are looking for

  • Trial Version of CS6 Design Standard Won't Activate

    have been having some issues with activating a trial copy of CS6 Design Standard for testing for my employer. I had some big issues with actually downloading the software getting a Error:100 code. I had to download it from home to bring it in thinkin

  • Surface Pro 3 "System Hardware Update - 27/03/2015" never finishes installing; blocking 10041 - 10049

    The "System Hardware Update - 27/03/2015" is stuck in an "Installing updates..." state It stays in this state, even as I have rebooted many times. There's no install activity happening in the background. There's nothing I can see in the event log. I

  • Screen becomes black with a reboot message in the center

    During normal operations a black translucent curtain drops from the top of my Late 08 Macbook Pro's screen and a multi-lingual message box appears in the center of the screen telling me I must reboot. This never happened prior to installing Snow Leop

  • Mail view in landscape

    In the last 24 hours my iPhone 3GS has only been showing mail in landscape regardless of how I hold the phone. All other functions work correctly showing the screen in both portrait and landscape. Does anyone know how this can be reset? Thanks

  • Using config files to setup front panel objects and DAQ info.

    I am trying to write a program that condenses 5 versions into one. I need to be able to load a configuration file based on the users choice of which machine they are using and use that information for my dropdown boxes and for what was constants in a