I am running into what seems to be javascript conflicts. I have a web application that uses jqGrid to recover static xml file data and then upon an user's row select, put specific data found in the xml nodes into specified divs or ids within the DOM. When the user clicks on of the thumbnails (generated by 'a' and 'img' tags put into the DOM), prettyPhoto is supposed to go out and get the larger image and display it in a modal dialogue box. But my application is just displaying that larger image in a brand new browser window. I have narrowed down the two offending plugins to the ones named in the subject line. I have already tried moving the placement of both javascript and accompaning CSS files around. I have even tried moving the jQuery line that calls either application around. But I get no good results. How do I find out where in either application am I getting my conflict????
saw somewhere on the net that prettyPhoto sometimes has issues with other plugins where a (".") is used. I modified where I found it and still no change. Help!!
I am testing with IE 7/8 and FF 3.6.8, all on a windows XP machines. jQuery 1.4.2 with UI version 1.8. jqGrid version 3.7.2 and prettyPhoto version 2.5.6
I have put both examples up on a website:
- A prettyPhoto example that works is here. This is an example that has the image data hard coded into the html. But it also has all the jquery plug-ins installed into the head section of html.
- My application is here. This one is broke. I thought I might be having a conflict between my security notice (dialog/modal box) and your plugin. But I have my modal dialog box commented out of my javascript, so that the text appears at the bottom of the screen. To see what I am seeing, do the following:
– Click on the Small Arms menu item.
– Click on the A085 data row that will appear. This will feed static xml data into a tabbed type of display.
– Click on the Multimedia/Photos tab. This is where my photos and photo groups/galleries will appear. Currently this selected row only contains one photo. I tried to keep it simple until I work the main bugs out.
– If you click on the 'thumbnail', the application (and prettyPhoto plugin) acts wrong and opens the main image into a new IE window.