[jQuery] Re: Interface 3d Carousel problems
Ok, I didn't have var noRotate = false; before, as it wasn't mentioned
anywhere that it was necessary.
Here's the code that I have for my Carousel - I haven't included the
main page this comes from, this is just the part that gets loaded with
Ajax, into a div called #main-area. I've changed the call for it to
match what you've done for your site, but it still doesn't work. I get
an error in jquery.js - line 1939 (missing ; before statement). Any
ideas?
div id=carousel
a href=#img src=img/alcoholic.png width=100% //a
a href=#img src=img/clouds.png width=100% //a
a href=#img src=img/coffee.png width=100% //a
a href=#img src=img/concentrates.png width=100% //a
a href=#img src=img/emulsions.png width=100% //a
a href=#img src=img/energy.png width=100% //a
/div
script type=text/javascript
jQuery(function() { window.onload = function() {
if( noRotate == true ) return false;
$('#carousel').Carousel({
itemWidth: 120,
itemHeight: 80,
itemMinWidth: 40,
items: 'a',
reflections: .2,
rotationSpeed: 6
});
});
/script
On May 3, 6:05 pm, [EMAIL PROTECTED] wrote:
Is it possible to make the carousel work when it's being loaded into a
div via Ajax?
Can you post some code/link?
Have you set: var noRotate = false;
I have it working here:http://www.activespotlight.com/
*
[jQuery] Re: Interface 3d Carousel problems
Incidentally, I just tested it in IE7 and it works.
I'm also getting a different error in Firefox now - don't know why,
all I've changed is to move the Carousel startup code into my main JS
file rather than loading it from the ajax-loaded file. This new one is
something about an uncaught exception, canvas not available.
On May 4, 9:46 am, MrTufty [EMAIL PROTECTED] wrote:
Ok, I didn't have var noRotate = false; before, as it wasn't mentioned
anywhere that it was necessary.
Here's the code that I have for my Carousel - I haven't included the
main page this comes from, this is just the part that gets loaded with
Ajax, into a div called #main-area. I've changed the call for it to
match what you've done for your site, but it still doesn't work. I get
an error in jquery.js - line 1939 (missing ; before statement). Any
ideas?
div id=carousel
a href=#img src=img/alcoholic.png width=100% //a
a href=#img src=img/clouds.png width=100% //a
a href=#img src=img/coffee.png width=100% //a
a href=#img src=img/concentrates.png width=100% //a
a href=#img src=img/emulsions.png width=100% //a
a href=#img src=img/energy.png width=100% //a
/div
script type=text/javascript
jQuery(function() { window.onload = function() {
if( noRotate == true ) return false;
$('#carousel').Carousel({
itemWidth: 120,
itemHeight: 80,
itemMinWidth: 40,
items: 'a',
reflections: .2,
rotationSpeed: 6
});
});
/script
On May 3, 6:05 pm, [EMAIL PROTECTED] wrote:
Is it possible to make the carousel work when it's being loaded into a
div via Ajax?
Can you post some code/link?
Have you set: var noRotate = false;
I have it working here:http://www.activespotlight.com/
*
[jQuery] Re: Interface 3d Carousel problems
I really wish I understood why, but I don't. It is however, now
working. :|
On May 4, 9:46 am, MrTufty [EMAIL PROTECTED] wrote:
Ok, I didn't have var noRotate = false; before, as it wasn't mentioned
anywhere that it was necessary.
Here's the code that I have for my Carousel - I haven't included the
main page this comes from, this is just the part that gets loaded with
Ajax, into a div called #main-area. I've changed the call for it to
match what you've done for your site, but it still doesn't work. I get
an error in jquery.js - line 1939 (missing ; before statement). Any
ideas?
div id=carousel
a href=#img src=img/alcoholic.png width=100% //a
a href=#img src=img/clouds.png width=100% //a
a href=#img src=img/coffee.png width=100% //a
a href=#img src=img/concentrates.png width=100% //a
a href=#img src=img/emulsions.png width=100% //a
a href=#img src=img/energy.png width=100% //a
/div
script type=text/javascript
jQuery(function() { window.onload = function() {
if( noRotate == true ) return false;
$('#carousel').Carousel({
itemWidth: 120,
itemHeight: 80,
itemMinWidth: 40,
items: 'a',
reflections: .2,
rotationSpeed: 6
});
});
/script
On May 3, 6:05 pm, [EMAIL PROTECTED] wrote:
Is it possible to make the carousel work when it's being loaded into a
div via Ajax?
Can you post some code/link?
Have you set: var noRotate = false;
I have it working here:http://www.activespotlight.com/
*
[jQuery] Re: Ajax loading problem (IE7)
Thanks Dan, I didn't realise that. And Diego too, not to forget anyone :) In any case, our client didn't like the initial concept, so we've rebuilt it with a new skin - this one doesn't require the use of tables, so the problem is neatly avoided. On Apr 23, 1:28 pm, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Did anyone realise that you can't use TABLEs as targets for $.load, at least in IE? That was what I was trying to do - changing it to a DIV, with the table in question within that, fixed the issue... Tables are notoriously quirky DOM objects to work w/in IE. It's possible it would have worked if you placed the content directly into the tbody / tag instead of the table / tag. That's technically where tr / elements belong--they are not children of the table / tag but of the tbody / tag. If you're table / structure is missing a tbody / tag, the browser will automatically add it. -Dan
[jQuery] Re: Ajax loading problem (IE7)
I've been doing more diagnosis...
It seems to be just the .load() that is broken - I briefly tested it
with .get(), shifting the content loaded into the correct place with a
callback function. That worked, but the scripts I have in the file I'm
loading don't get executed, so my nice drag-and-drop system is broken
still.
I've tried several versions of jQuery (1.1.2, 1.2, and the latest -
also tried the uncompressed versions) now to see if that makes a
difference, and I've also pulled out the interactive system from the
CakePHP framework the site is built in. Now I'm running with static
html pages, and the end result is still exactly the same. At least I
eliminated the possibility that Cake was causing the problem - it was
a long shot in any case.
On Apr 23, 9:49 am, MrTufty [EMAIL PROTECTED] wrote:
Hi all,
This is a strange one and it's driving me mad.
I've been tasked with creating an interactive presentation for a
website my company is developing, and I've been using jQuery
throughout (we already use it to great effect on the rest of the
site). We're also using the Interface plugin to give us some more nice
animations.
Most of the functionality for this was fleshed out on Friday - at that
time, it worked perfectly in IE7, but broke horribly in Firefox
whenever you tried to drag anything.
Over the weekend I redeveloped it from scratch, and now it works in
Firefox, but is broken in IE7 - except it's not when you try to drag
something, but when I try to load the main content with:
$(document).ready( function() {
$(#from).load(step_1.html);
});
For some reason this doesn't work in IE7, but works in Firefox and
Safari. In IE7, both on my work system and my home system, I get an
unknown runtime error at line 1 and char 1. I'm guessing it's probably
more my code that's broken than jQuery, but I can't think what I
changed between Friday's code that worked in IE7 and today's code that
doesn't. If it was broken in all browsers I'd be less confused...
Does anyone have any ideas of where I can look?
Here's what we have so far:
http://www.aesgroup.com/clients/sensient-flavors/interactive/
Thanks everyone.
[jQuery] Re: Ajax loading problem (IE7)
And now for the fun part - I've figured it out.
Did anyone realise that you can't use TABLEs as targets for $.load, at
least in IE? That was what I was trying to do - changing it to a DIV,
with the table in question within that, fixed the issue...
On Apr 23, 10:08 am, MrTufty [EMAIL PROTECTED] wrote:
I've been doing more diagnosis...
It seems to be just the .load() that is broken - I briefly tested it
with .get(), shifting the content loaded into the correct place with a
callback function. That worked, but the scripts I have in the file I'm
loading don't get executed, so my nice drag-and-drop system is broken
still.
I've tried several versions of jQuery (1.1.2, 1.2, and the latest -
also tried the uncompressed versions) now to see if that makes a
difference, and I've also pulled out the interactive system from the
CakePHP framework the site is built in. Now I'm running with static
html pages, and the end result is still exactly the same. At least I
eliminated the possibility that Cake was causing the problem - it was
a long shot in any case.
On Apr 23, 9:49 am, MrTufty [EMAIL PROTECTED] wrote:
Hi all,
This is a strange one and it's driving me mad.
I've been tasked with creating an interactive presentation for a
website my company is developing, and I've been using jQuery
throughout (we already use it to great effect on the rest of the
site). We're also using the Interface plugin to give us some more nice
animations.
Most of the functionality for this was fleshed out on Friday - at that
time, it worked perfectly in IE7, but broke horribly in Firefox
whenever you tried to drag anything.
Over the weekend I redeveloped it from scratch, and now it works in
Firefox, but is broken in IE7 - except it's not when you try to drag
something, but when I try to load the main content with:
$(document).ready( function() {
$(#from).load(step_1.html);
});
For some reason this doesn't work in IE7, but works in Firefox and
Safari. In IE7, both on my work system and my home system, I get an
unknown runtime error at line 1 and char 1. I'm guessing it's probably
more my code that's broken than jQuery, but I can't think what I
changed between Friday's code that worked in IE7 and today's code that
doesn't. If it was broken in all browsers I'd be less confused...
Does anyone have any ideas of where I can look?
Here's what we have so far:
http://www.aesgroup.com/clients/sensient-flavors/interactive/
Thanks everyone.
