Two Java scripts not working

[javanewbie7]

Hello,

I'm new to java script. I have placed two scripts into my HTML document and only one works. If I take one out, then the other works. What am I doing wrong? The page I'm talking about is mrswaldrop.com/temp2.htm

Thanks for your help.

[javanewbie7]

OK, now it appears that neither is working. I swear it was working earlier

[Old Pedant]

No code, no help. There are a few mind readers who occasionally visit this forum, but they're at a conference on Rigel IV this week.

[javanewbie7]

Originally Posted by Old Pedant

No code, no help. There are a few mind readers who occasionally visit this forum, but they're at a conference on Rigel IV this week.

That's why I posted a link.

Here's the code.
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="temp.js" type="text/javascript"></script>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

[Old Pedant]

LOL! Well, I'm old and going senile. And now blind as well. You didn't make it *INTO* a link, so I didn't notice that there was a URL in there. DOH on me.

I don't use jQuery, but I'll take a peek, anyway.

[javanewbie7]

Originally Posted by Old Pedant

LOL! Well, I'm old and going senile. And now blind as well. You didn't make it *INTO* a link, so I didn't notice that there was a URL in there. DOH on me.

I don't use jQuery, but I'll take a peek, anyway.

No problem, I should have linked it. Besides, I meant to put the winking smilie to let you know I was joking around.

Anyway, thanks for taking a peak.

[Old Pedant]

Bring it up in Firefox. Enable Firebug debugging. Hit refresh.

WHAM.

Error: $(".slideshow").cycle is not a function

Since pretty clearly there is a cycle() function in that JS code, I'd have to guess that the problem is that $(".slideshow") isn't selecting an element or is maybe selecting more than one element.

[Old Pedant]

Well, so much for that theory. I see the <div class="slideshow"> and there's only one of them.

I noticed that cycle( ) was defined as $.fn.cycle so maybe there is indeed a conflict in the definition of fn. Anyway, sorry, not a jQuery user, as I said.

[low tech]

Hi

I'm no Jquery person but I think you are ref a class instead of an ID

"The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Options control how and when the slides are transitioned."

I think is wrong

$('.slideshow').cycle

I think it sould ref ID

example only
$('#s1').cycle('fade')

for ref:
http://malsup.com/jquery/cycle/begin.html

http://malsup.com/jquery/cycle/

also I think you have this twice

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">

I would get rid of the second one
LT

[Old Pedant]

No, that much of jQuery I know.

You can refer to elements *EITHER* by class name or by id.

The "." prefix means class name, the "#" prefix means id. Same as in CSS.

Now, you *can* get in trouble using class name. If you use a $(".xxx") selector and you have more than one object of the classname, jQuery will try to apply the property/method/whatever to *all* those objects. And clearly there some functions where that's not going to work.

But in this case, I see only a single object of that class, and so it should work.

Personally, I would *NEVER* try to select a single object using class name, just because of the danger that you might accidentally be selecting more than one.

But jQuery says its legal, even if inadvisable.

[low tech]

Hi Old Pedant

Thanks for putting me right:-)

Yeh @ #7 I saw that you wrote "maybe selecting more than one element"

so I thought he was using class name and so possibly it was causing problem --- when I ref the jquery site I saw they used an ID $('#s1') and I've used this same cycle plugin myself with an id and it worked fine. Hence my suggestion.

Anyway I learned what the problem isn't:-)

sorry to javanewbie7.
LT