PDA

View Full Version : drop-in content box v2.0



wellandg
08-07-2011, 03:30 PM
1) Script Title: drop-in content box v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

3) Describe problem: In IE9 and Firefox the first drop-in box that uses the external file dropincontent.htm does not show, only the #reminder box.

In Safari on my iPhone both boxes appear but not in Safari for Windows.

Anyone any ideas?

Thanks in advance.

G

ansi
08-07-2011, 04:47 PM
Please post a link to a page on your site that contains the problem code.

wellandg
08-07-2011, 06:04 PM
Please post a link to a page on your site that contains the problem code.

http://www.stdunstansfeltham.org.uk/

I've checked double-checked & triple checked the code but still no ideas.

Thanks

GW

jscheuer1
08-07-2011, 11:41 PM
First thing I would try is following the the template for the external file more closely. Like instead of all that stuff in the head of the stdunstansfeltham.org.uk/dropincontent.htm page (imported files should not be standalone files), make it like the example, include only:


<div id="dropbox">
<div id="reminder" class="style35">
<span class="style38">Come and join in<br />
</span><span class="style37"><span class="style39">SUMMER FUN</span></span><span class="style39"><br />
</span>for Children<br>
Thursday 11th &amp; 18th August 2-4pm<br />

games, painting, sticking, model making, songs, refreshments and more<br>
on theme of <strong>Noah’s Ark</strong><br />
Click <a target="_blank" href="newsletters/2011/aug/summerfun.pdf">here</a> for
details</div>
</div>

Also, and this may be even more important, you cannot use reminder for an id there. It's already in use for the on page dropbox division. You could change it to reminder2:


<div id="dropbox">
<div id="reminder2" class="style35">
<span class="style38">Come and join in<br />
</span><span class="style37"><span class="style39">SUMMER FUN</span></span><span class="style39"><br />
</span>for Children<br>
Thursday 11th &amp; 18th August 2-4pm<br />

games, painting, sticking, model making, songs, refreshments and more<br>
on theme of <strong>Noah’s Ark</strong><br />
Click <a target="_blank" href="newsletters/2011/aug/summerfun.pdf">here</a> for
details</div>
</div>

Another thing, and this only affects IE less than 9, there should be no comma here:


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:[-600, -200], //custom position of drop in box
deferred:1, //show box 1 sec after page has loaded
})

There could still be other problems. Take care of these first, clear the browser cache, reload the page and see what happens.