Javascript Conflict

W

webstudent123

New Member
So we found a great free program to slide content with thumbnails (html based content slider 'AwkwardShowcase' so we can have slides with a video and product link button on each slide (eventually)). However, it conflicts with our slider in the header, which is okay on all browsers excluding IE 6, 7 & 8. On these browsers a warning pops up:

"An error has occurred in the script in this page"
Line 179
Char 4
Error: Object doesnt support this property or method
Do you want...? y/n

Issue Page:
http://www.shawntrautman.com/0-test.aspx

We have narrowed it to a conflict of JS by temporarily removing the slider in the header. This allows the new video slider to function without the warning. However, we need to keep our header slider.

Currently both sliders are on the page so that anyone can see the issue first hand. You will not see the header slider functioning due to a css overwrite. (we do not need the header slider to work on the same page as the video slider)

Few things to note:
-The linked page has not been modified to properly fit the slider yet (no CSS coding has been done to it yet)
-With our hosting company, Network Solutions, we cannot utilize the sites programming code (asp.net) to do 'if-else' statements-
-The Javascript external links and shortcodes for the header slider are in the header file which appears on every page by default and we cannot change that-
-The Javascript for our new content slider is located inside the page itself, as are the external links-
-I have also taken a detailed look at the functions and don't believe there are any with conflicting names..
-Both sliders are implemented the 'hard code' way- no plugin functionality for this site-
-My JS/JQeury skills are very under developed..

-Our company may be willing to pay someone to figure this out- (how to have both sliders working properly in all browsers... (we can forgo ie6 though as it accounts for less then .7% of our sites traffic)
 
Last edited:
B

Brian Angel

Member
You linking to an outdated jquery source twice ( only need one call ). 1.7.1 (me thinks) is the newest, try to change that and see if it helps.
 
W

webstudent123

New Member
That WORKED

Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You Thank You ! :D:)
 
W

webstudent123

New Member
Getting closer.. new problem

I was hoping that fixing the srcipt error message might also fix the other issue, but it didnt-

A few things happen on IE7 that we are now trouble shooting - First, the entire main content (white area upon which the video slider resides) drops a couple thousand pixals, and then pushes the footer a ways down beneath it.

Worse, if you click on the slider it kills the browser entirely- Have to force quit...

Thanks for any advice again here-
 
W

webstudent123

New Member
narrowed down

alright, so the video slider no longer conflicts with the header slider, we took the header slider out and still have the same problem, which means something did not come over right ... that narrows down our trouble shooting endeavors.
 
W

webstudent123

New Member
Fixed that issue.. on to another

..
Now we have the program functioning perfect- however, in ie7 & 6 the entire slider gets pushed down like 2000 px's on the page...

reconfiguring css now, any ideas appreciated-
 
You must log in or register to reply here.
Top