Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Conflict Disabled my Lightbox

Featured Replies

Hey guys,

 

Still having conflicts with this site, I've got the tabs working again but it's knocked my lightbox off! Should be something simple?

 

(It should come up in a light box when you click a thumb in left hand column).

 

http://collegecruisers.com/new/boats/brasenose.html (Broken - With Tabs, Drop Downs, Lightbox)

 

http://collegecruisers.com/new/boats/balliol.html (Working - No Tabs, Drop Downs, Lightbox)

 

Going to need tabs on all pages though so need it to be fixed!

 

Thanks,

Chris

Try loading prototype first, then jquery and then moving this to immediately after you load jquery.

 

<script type="text/javascript"> 
var $j = jQuery.noConflict();
</script>

 

Then load all the other stuff

Yes Henblast is correct

 

<script type="text/javascript" src="http://collegecruisers.com/new/boats/js/prototype.js"></script>
<script type="text/javascript" src="http://collegecruisers.com/new/boats/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://collegecruisers.com/new/boats/js/lightbox.js"></script>
<script type="text/javascript" src="http://collegecruisers.com/new/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" language="javascript" src="http://collegecruisers.com/new/js/jquery.dropdownPlain.js"></script>
<script type="text/javascript" src="http://collegecruisers.com/new/js/slide.js"></script>	
<script src="http://collegecruisers.com/new/js/cufon-yui.js" type="text/javascript"></script>
<script src="http://collegecruisers.com/new/js/Bergamo_Std_400.font.js" type="text/javascript"></script>

 

This order should see it working

had a better look this morning. Spot the difference between the two pages

 

brasenose

<script type="text/javascript" src="../js/prototype.js"></script>

<script type="text/javascript" src="../js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="../js/lightbox.js"></script>

 

 

balliol

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="js/lightbox.js"></script>

Try loading prototype first, then jquery and then moving this to immediately after you load jquery.

 

<script type="text/javascript"> 
var $j = jQuery.noConflict();
</script>

 

Then load all the other stuff

 

Crispy,

 

Most probably it has to do with a conflict of jQuery (http[://]api[.]jquery[.]com[/]jQuery.noConflict[/]) library as stated by henbast.

Crispy,

 

Most probably it has to do with a conflict of jQuery (http[://]api[.]jquery[.]com[/]jQuery.noConflict[/]) library as stated by henbast.

 

except if you don't have the correct links in the first place that's not going to help either. It's probably a combination of many things and just agreeing to increase your post count helps no-one.

except if you don't have the correct links in the first place that's not going to help either. It's probably a combination of many things and just agreeing to increase your post count helps no-one.

 

I am a new user and I can't post a link yet. Not until I have 25 post. I think you should know that as you've experienced it before, dont you?

 

The correct link should be, well I don't know how am I be able to put a link here.

Just google for "jQuery noConflict"

Edited by Monie

I am a new user and I can't post a link yet. Not until I have 25 post. I think you should know that as you've experienced it before, dont you?

 

The correct link should be, well I don't know how am I be able to put a link here.

Just google for "jQuery noConflict"

 

It's not the noconflict, that's been covered already. It looks like it's to do with prototype not having being assigned to $, which should be fixed by rejigging the order. The noconflict comes later to relinquish jquery's grab for it.

Sorry for the stupid link I gave earlier :)

 

I haven't got time yet to go through the coding, so I am just guessing at this moment.

Anyway, it wont happen again :hi:

  • Author

Thanks re-ordering fixed it! Thanks so much. Sorry about the late reply been bogged down with work :(

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.