Thank you - I have made progress but am not quite there yet.
The conflict has been removed as the prototype based slideshow is working.
The page on IE loads okay without any errors but when I click on the link that triggers my jQuery code an IE page error is introduced and the login dialog is not launched:
Webpage error details
---
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; MDDC; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
Timestamp: Sun, 14 Mar 2010 22:29:38 UTC
Message: Not implemented
Line: 8
Char: 3396
Code: 0
URI:
http://www.amodeowebdesign.co.uk/catorpark/javascript/jquery.simplemodal.js---
So in my php/xhtml web page I have the includes stacked like this:
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.jsjavascript/jquery.simplemodal.js
javascript/init-login.js
js/rollovers.js
lib/prototype.js
src/scriptaculous.js
src/simple-slideshow.js
init-login.js starts like this:
- jQuery.noConflict();
- // Preload Images
- img1 = new Image(16, 16);
- img1.src = "images/spinner.gif";
- img2 = new Image(220, 19);
- img2.src = "images/ajax-loader.gif";
- // When DOM is ready
- jQuery(document)
- .ready(function() {
- // Launch MODAL BOX if the Login Link is clicked
- jQuery('#login_link').click(function() {
etc.
Am I missing something?
Thanks again for any pointers and just a reminder that the original page is here:
http://bit.ly/dtvxGB Nigel