ansaurus

Question

How do I check for valid images paths in jquery script? They aren't showing up.

Answer 1

A:

You can use a HTTP traffic tool to figure out if the images are requested and served.

https://addons.mozilla.org/en-US/firefox/addon/6647/

Šime Vidas 2010-10-27 17:51:41

@sime Thanks, I'll look into that.

Jason 2010-10-27 18:03:49

Answer 2

A:

The first thing I noticed was this error in firebug:

$("#map").zoommap is not a function

And to me, it looks like the map is the only thing not showing up.

fehays 2010-10-27 17:51:54

@fehays - I don't see that error, but that makes sense. What tab are you seeing that error on and what would I need to do to correct the zoommap function?

Jason 2010-10-27 18:02:51

It's the firebug console tab. and maybe your $("#map").zoommmap needs to be wrapped in a document.ready event. e.g. - $(function(){ $("#map").zoommap(); });

fehays 2010-10-27 18:08:50

Sorry.. ignore that about the ready function. I see that is already being done. not sure what's causing the error

fehays 2010-10-27 18:09:50

hmmm. . . I still don't see the error in firefox or chrome (firebug or firebug lt)

Jason 2010-10-27 18:23:29

@Jason In Chrome, press Ctrl+Shift+J. This will open the Developer tools. In the bottom right corner you will see a red X icon. That is the error.

Šime Vidas 2010-10-27 18:39:10

@Sime That made it show up. Thank you. The error seems to be comming from line 41. Is this script closed properly? There is no comma or semicolon after the left: '176px'

Jason 2010-10-27 19:27:14

@Jason Hm, you got line 41? I got line 6 from the setup.js file. The error description is: `Uncaught TypeError: Object #<an Object> has no method 'zoommap'`. I am curious why this is. The zoommap.js plug-ins seems to load properly. ... Why are you running noConflict() earlier in the HEAD?

Šime Vidas 2010-10-27 19:44:27

I'm sorry, I don't know js well enough to be able to intelligently answer that question. I read of people saying do this or don't, but I don't know what the difference is. That is how the other jquery plugin was loaded so I just left it there. . .

Jason 2010-10-27 20:04:48

@Jason Well, you got this code in the HEAD: `<script type="text/javascript">try{jQuery.noConflict();}catch(e){};</script>`. It is used to deal with conflict between jQuery and other libraries that use the $ identifier. But I don't see that you are using such other libraries. Try removing that line...

Šime Vidas 2010-10-27 20:19:27

@Sime I stripped everything out of the header that I could and eliminated the other scrollbar jquery function. I also disabled all but one of the plugins. I don't get the error, but it still doesn't seem to be loading. I posted an isolated copy of the original demo here http://gingertown.org/wp/wp-content/themes/gingertown001/zoommap/example.html

Jason 2010-10-27 23:17:13

In the demo the js adds some element properties, in the div I added to the main page, it doesn't seem to be adding those same properties.

Jason 2010-10-27 23:32:09

@Jason Your isolated demo seems to be working, right?

Šime Vidas 2010-10-27 23:39:48

@Sime Yes. It works.

Jason 2010-10-28 00:00:20

@Jason Cool :-)

Šime Vidas 2010-10-28 00:14:42

@Sime No, that's the problem is that the demo works fine, but it won't show up in my page. The js is applying element tags that I am guessing control it showing up, but they are not getting applied to the <div id="map"></div> that I inserted into my page.

Jason 2010-10-28 04:14:41

I see this error in the Chrome resources: setup.js:6Uncaught TypeError: Object #<an Object> has no method 'zoommap'

Jason 2010-10-28 04:38:23

@Jason On your page http://gingertown.org/wp/?cat=154 you have two jQuery references - one for jQuery 1.3 (in the HEAD), and another one for the newest jQuery (in the #sidebar UL element). Why did you put that reference inside the #sidebar element? Anyways, you should have only one jQuery reference... remove the other one.

Šime Vidas 2010-10-28 11:03:10

@Sime Grrr. Okay, I still had one plugin activated and it is the one adding the extra jquery reference to the sidebar. If I deactivate that plugin the zoom map shows up correctly. I can't have that plugin deactivated though because I need the twitter feed on the page. I also have other plugins that use jquery. How do I deal with the plugins referencing it themselves? I guess since they all work with each other running then I need to change the reference to jquery in the zoom map, would that be correct?

Jason 2010-10-28 12:47:06

How would I make it only reference the copy of jquery that it contains or how do I make it reference whatever generic copy the other plugins are referencing. I didn't write any of them they were just "click here" plugin installations.

Jason 2010-10-28 12:47:23

@Jason From what I understand about jQuery plug-ins, you place the reference for jQuery by yourself (via a SCRIPT element), and then you add your plug-ins (via additional SCRIPT elements). Each plug-in is a JavaScript file. It may be that some plug-ins cannot work with the new version of jQuery (1.4), but I don't understand what you mean when you say that the plug-in is adding the extra jQuery reference. That extra reference is a static SCRIPT element that you probably copy-pasted into the #sidebar UL, right? The plug-in did not add it for you, you yourself added it.

Šime Vidas 2010-10-28 13:03:27

@Sime This is a wordpress-based site. For most of the plugins I just have to go to the wordpress plugins catalog and select the install plugin button and it installs it itself. I don't add or change any files.

Jason 2010-10-28 13:08:34

Šime Vidas 2010-10-28 13:20:13

@Sime Will do. Thank you very much for all the help!

Jason 2010-10-28 13:29:50

ansaurus

tags:

views:

answers:

How do I check for valid images paths in jquery script? They aren't showing up.

related questions