drop-in content box v2.0

[wellandg]

1) Script Title: drop-in content box v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici.../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]

Please post a link to a page on your site that contains the problem code.

[wellandg]

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]

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.