Printable View
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.
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.htmQuote:
Originally Posted by Beverleyh
Slimbox 1.8 ---> http://www.digitalia.be/software/slimbox#download
File dropincontent4.htm: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>
Code:<div id="dropinbox" style="widht:626; height:425"><img src="/Image/konkurs4.jpg" alt="Tu podaj tekst alternatywny" /></div>
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.
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.
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:
The browser cache may need to be cleared and/or the page refreshed to see changes.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>
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.
I followed your advice and it worked! :) Thank you very much.