Results 1 to 7 of 7

Thread: Drop-in content box v2.0 & slimbox conflict

  1. #1
    Join Date
    Mar 2013
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Drop-in content box v2.0 & slimbox conflict

    Hi,

    I'm having trouble to make Drop-in content box and Slimbox work together at the same time. When I add. Drop-in content box to web-page slimbox stops working . Any help will be welcomed. I don't now js very well so please try to explain it in the easiest way possible. Thanks in advance.
    Last edited by Bart_007; 03-02-2013 at 05:51 PM.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    We need a bit more information from you before we can give accurate advice.

    Please provide links to the demo page/origin site of the slimbox and drop in content box scripts you're using. Its impossible to guess what they are from the names alone and we'll need to see original demos/examples to check that you're setting them up correctly. And of course that also means we'll need to see your web page as well, so please setup an example web page for us to look over and post the link in your reply.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Mar 2013
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    We need a bit more information from you before we can give accurate advice.

    Please provide links to the demo page/origin site of the slimbox and drop in content box scripts you're using. Its impossible to guess what they are from the names alone and we'll need to see original demos/examples to check that you're setting them up correctly. And of course that also means we'll need to see your web page as well, so please setup an example web page for us to look over and post the link in your reply.
    Drop-in content box ---> http://www.dynamicdrive.com/dynamici.../dropinbox.htm
    Slimbox 1.8 ---> http://www.digitalia.be/software/slimbox#download

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
    
    <head>
    
    <script type="text/javascript" src="/File/lightbox2/js/mootools.js"></script>
    <script type="text/javascript" src="/File/lightbox2/js/slimbox.js"></script>  
    <link rel="stylesheet" href="/File/lightbox2/css/slimbox.css" type="text/css" media="screen" />
    
    <link rel="stylesheet" href="/File/popup/dropincontentbox2.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script src="/File/popup/jquery.easing.1.3.js""></script>
    
    
    <script src="/File/popup/dropincontentbox.js">
    
    /***********************************************
    * Drop In Content Box (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
     
    var dropinbox1=new dropincontentbox({
    	source:['#dropbox', '/File/popup/dropincontent4.htm'], //#id of DIV to show if defined inline, or [#id, /File/popup/dropincontent4.htm] if defined in external file
    	cssclass:'dropinbox standardshadow', //arbitrary class(es) to add to the drop in box to style it
    	showduration:30 //disappear after x seconds?
    })
    
    var dropinbox2=new dropincontentbox({
    	source:'#reminder', //#id of DIV to show if defined inline
    	cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
    	fx:'easeInExpo', //alternate drop animation keyword
    	pos:[-20, -20], //custom position of drop in box
    	deferred:1 //show box 1 sec after page has loaded
    })
    
    </script>
    
    </head>
    
    <body></body>
    
    </html>
    File dropincontent4.htm:

    Code:
    <div id="dropinbox" style="widht:626; height:425"><img src="/Image/konkurs4.jpg" alt="Tu podaj tekst alternatywny" /></div>
    Last edited by Bart_007; 03-02-2013 at 09:15 PM.

  4. #4
    Join Date
    Mar 2013
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    My reply disappeared so I assume that I broke forum rules somehow

    So one more time: I have Slimbox 1.8 for MooTools 1.3 and Drop-in content box v2.0.
    Last edited by Bart_007; 03-02-2013 at 09:36 PM.

  5. #5
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,162
    Thanks
    263
    Thanked 690 Times in 678 Posts

    Default

    For some reason your post is being caught in the spam filter (because it looks like spam, not because it is spam). It's not clear exactly why. But note that the filter is active when you edit a post as well, so it might be easier to post a new reply rather than editing it, since the current posts for some reason are being rejected. Regardless, a moderator will approve it as soon as we see them.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Switch to SlimBox2 for jQuery:

    http://www.digitalia.be/software/slimbox2

    Make sure to get rid of all references to mootools and the old slimbox script and styles.

    Your head should end up looking something like so:

    Code:
    <!DOCTYPE html> <!-- simplify your DOCTYPE and html tags -->
    <html lang="pl">
    <head>
    <title></title> <!-- You should have a title -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- a content/charset meta tag is a good idea but optional if your server supplies this info -->
    <link rel="stylesheet" href="/File/lightbox2/css/slimbox.css" type="text/css" media="screen" />  <!-- make sure this is to the jQuery SlimBox2 css file -->
    <link rel="stylesheet" href="/File/popup/dropincontentbox2.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script src="/File/popup/jquery.easing.1.3.js""></script>
    <script type="text/javascript" src="/File/lightbox2/js/slimbox.js"></script>  <!-- make sure this is to the jQuery SlimBox2 script -->
    <script src="/File/popup/dropincontentbox.js">
    
    /***********************************************
    * Drop In Content Box (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/
    
    </script>
    <script type="text/javascript">
     
    var dropinbox1=new dropincontentbox({
    	source:['#dropbox', '/File/popup/dropincontent4.htm'], //#id of DIV to show if defined inline, or [#id, /File/popup/dropincontent4.htm] if defined in external file
    	cssclass:'dropinbox standardshadow', //arbitrary class(es) to add to the drop in box to style it
    	showduration:30 //disappear after x seconds?
    })
    
    var dropinbox2=new dropincontentbox({
    	source:'#reminder', //#id of DIV to show if defined inline
    	cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
    	fx:'easeInExpo', //alternate drop animation keyword
    	pos:[-20, -20], //custom position of drop in box
    	deferred:1 //show box 1 sec after page has loaded
    })
    </script>
    </head>
    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Bart_007 (03-03-2013)

  8. #7
    Join Date
    Mar 2013
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I followed your advice and it worked! Thank you very much.

Similar Threads

  1. Drop down menu and rollover conflict
    By Jav in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 10-25-2011, 07:09 PM
  2. Chrome Drop Down conflict with <textarea>
    By spire in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-03-2009, 09:29 AM
  3. Tab Content Conflict with ASP
    By alchung4 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 03-23-2007, 01:35 PM
  4. Dynamic Ajax content + Slimbox Extended
    By spooker8 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 03-21-2007, 04:55 PM
  5. Flash conflict with drop down menu 3.5
    By mattyshack in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 03-10-2005, 01:17 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •