Comments on: Ajax WordPress post popup with SimpleModal and jQuery http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html All the best Premium WordPress themes available online Tue, 07 Sep 2010 12:37:34 +0000 hourly 1 By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-666 admin Tue, 07 Sep 2010 12:37:34 +0000 http://wordpressthemescollection.com/?p=488#comment-666 @bava Without a link to look at it, it is a bit complex for me to answer. I see you are using jQuery from the jQuery site. Did you replace every instances of "jQuery" by "$" in the your_ajax_function.js file? (see note2 in my post) @bava Without a link to look at it, it is a bit complex for me to answer. I see you are using jQuery from the jQuery site. Did you replace every instances of “jQuery” by “$” in the your_ajax_function.js file? (see note2 in my post)

]]> By: bava http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-665 bava Sun, 05 Sep 2010 15:46:08 +0000 http://wordpressthemescollection.com/?p=488#comment-665 Sorry popup link not displaed correct here is it <strong><a href=</strong><strong>"<?php the_permalink() </strong>?>" rel="postid" class="postpopup"><<strong>?php the_title(); ?></strong> Sorry popup link not displaed correct
here is it
<a href=“<?php the_permalink() ?>” rel=”postid” class=”postpopup”><?php the_title(); ?>

]]> By: bava http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-664 bava Sun, 05 Sep 2010 15:40:29 +0000 http://wordpressthemescollection.com/?p=488#comment-664 But it's not working for me at all. let me explain what i did. I've made ajax-handler.php (as template file) your_ajax_function.js (link altered) <a href="http://code.jquery.com/jquery-1.4.2.min.js" rel="nofollow">jquery-1.4.2.min.js</a> <a href="http://code.google.com/p/simplemodal/downloads/detail?name=jquery.simplemodal-1.3.5.min.js&can=2&q=" rel="nofollow">simplemodal-1.3.5.min.js</a> all .js are added in header file and my popup link was <strong><a href="" rel="postid" class="postpopup"></strong> please anyone help me to work it out. thanks in advance. But it’s not working for me at all.

let me explain what i did.

I’ve made
ajax-handler.php (as template file)
your_ajax_function.js (link altered)
jquery-1.4.2.min.js
simplemodal-1.3.5.min.js

all .js are added in header file

and my popup link was <a href="” rel=”postid” class=”postpopup”>

please anyone help me to work it out.

thanks in advance.

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-649 admin Tue, 10 Aug 2010 08:47:08 +0000 http://wordpressthemescollection.com/?p=488#comment-649 Hi Kumar, I can see the normal modal box on that page but can't see any ajax one. You seem to have created the ajax-handler fine and I can see it works so you shouldn't be far off. Hi Kumar, I can see the normal modal box on that page but can’t see any ajax one. You seem to have created the ajax-handler fine and I can see it works so you shouldn’t be far off.

]]> By: kumar http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-647 kumar Mon, 09 Aug 2010 19:14:01 +0000 http://wordpressthemescollection.com/?p=488#comment-647 can you create a video tutorial for this article please, its totally confusing, i read all comments, article but nothing worked. here is the test url: http://malepati.in/testing/ can you create a video tutorial for this article please, its totally confusing, i read all comments, article but nothing worked.
here is the test url:
http://malepati.in/testing/

]]> By: Terry http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-630 Terry Thu, 29 Jul 2010 14:40:44 +0000 http://wordpressthemescollection.com/?p=488#comment-630 Thanks for your answer! It works, I just have to delete the .hide() to. But now the posts are displayed one after the other. And I don't know how to test if a post is already loaded... Probably something like : if (a post is loaded) { hide the loaded post and load the new one } else { load the post } Any tips? Thanks, Terry Thanks for your answer!
It works, I just have to delete the .hide() to.
But now the posts are displayed one after the other.
And I don’t know how to test if a post is already loaded…
Probably something like :
if (a post is loaded) {
hide the loaded post and load the new one
} else {
load the post
}
Any tips?
Thanks, Terry

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-629 admin Thu, 29 Jul 2010 11:51:37 +0000 http://wordpressthemescollection.com/?p=488#comment-629 Hi Terry, yeah absolutly, I don't see why not. You can just remove the ".modal()" at the end of the javascript call and the content should be added to your body. Hi Terry, yeah absolutly, I don’t see why not. You can just remove the “.modal()” at the end of the javascript call and the content should be added to your body.

]]> By: Terry http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-621 Terry Tue, 27 Jul 2010 17:47:51 +0000 http://wordpressthemescollection.com/?p=488#comment-621 Hey, Great article. Just one litle question : Is it possible to load the posts in an iframe or a div inside the theme? I mean, not in a modal box, but directly in the content. Terry. Hey,
Great article.
Just one litle question : Is it possible to load the posts in an iframe or a div inside the theme?
I mean, not in a modal box, but directly in the content.
Terry.

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-600 admin Wed, 21 Jul 2010 08:17:09 +0000 http://wordpressthemescollection.com/?p=488#comment-600 Hi Grant, I've not tried it in multisite mode but I think it could work. You will need to change the way you get the post in the ajax handler though, because in mu mode I think you need to specify which blog you want the post from. Hi Grant, I’ve not tried it in multisite mode but I think it could work. You will need to change the way you get the post in the ajax handler though, because in mu mode I think you need to specify which blog you want the post from.

]]> By: Carol http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-596 Carol Tue, 20 Jul 2010 09:35:43 +0000 http://wordpressthemescollection.com/?p=488#comment-596 Thank you very much for yet another first-rate article. I am always searching for original WordPress themes to suggest to my readers. Thanks for creating this article. It's exactly what I was searching for. Truly great post. Thank you very much for yet another first-rate article. I am always searching for original WordPress themes to suggest to my readers. Thanks for creating this article. It’s exactly what I was searching for. Truly great post.

]]> By: Grant http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-586 Grant Sat, 17 Jul 2010 05:04:04 +0000 http://wordpressthemescollection.com/?p=488#comment-586 Hey, Has anyone tried this with WordPress 3.0 MU? Looks like some great code though. I'm going to give it a try now, I have posts on my homepage from several sub blogs and I'd like to be able to pop up an excerpt of the post. Grant Hey,

Has anyone tried this with WordPress 3.0 MU? Looks like some great code though. I’m going to give it a try now, I have posts on my homepage from several sub blogs and I’d like to be able to pop up an excerpt of the post.

Grant

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-565 admin Fri, 09 Jul 2010 09:06:15 +0000 http://wordpressthemescollection.com/?p=488#comment-565 Hi Matt, looks like you've managed to fix it? What was it in the end? it seems many people are having problems with this tutorial and I would like to make it clearer in some ways so your feedback could help me a lot, thanks. Also your javascript seems to call the actual template file when it should call the page using that template file i.e. use the permalink of the page using the ajax-handler template file instead of the path to the file in your theme folder. @peter below, I think you are making the same mistake, that would explain why WordPress functions are not working Hi Matt, looks like you’ve managed to fix it? What was it in the end? it seems many people are having problems with this tutorial and I would like to make it clearer in some ways so your feedback could help me a lot, thanks.

Also your javascript seems to call the actual template file when it should call the page using that template file i.e. use the permalink of the page using the ajax-handler template file instead of the path to the file in your theme folder.

@peter below, I think you are making the same mistake, that would explain why WordPress functions are not working

]]> By: Matt http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-564 Matt Thu, 08 Jul 2010 18:50:01 +0000 http://wordpressthemescollection.com/?p=488#comment-564 See the "Privacy Policy" link below the form on the home page: The popup works, but no content from the page loads. I've confirmed it is the right page ID, and the template is "ajax handler". Paths to these files are correct, and js files are all included. Any thoughts on a next step? See the “Privacy Policy” link below the form on the home page: The popup works, but no content from the page loads. I’ve confirmed it is the right page ID, and the template is “ajax handler”. Paths to these files are correct, and js files are all included. Any thoughts on a next step?

]]> By: Peter http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-527 Peter Sun, 23 May 2010 21:32:32 +0000 http://wordpressthemescollection.com/?p=488#comment-527 After some trial and error I've managed to get a Wordpress template page to show in the popup box - with the correct post info passed along. However, I cannot get any Wordpress functions, such as have_posts(), apply_filters(), query_posts(), to work in the template page. I can't figure out what I'm doing wrong. Fatal error: Call to undefined function have_posts() in /Volumes/iMacWS/ws/wp2/wp-content/themes/linquist/ajax-handler.php on line 9 I've sort of got around it by using mySQL to query wp_posts directly, but would appreciate any advice. After some trial and error I’ve managed to get a WordPress template page to show in the popup box – with the correct post info passed along. However, I cannot get any WordPress functions, such as have_posts(), apply_filters(), query_posts(), to work in the template page. I can’t figure out what I’m doing wrong.

Fatal error: Call to undefined function have_posts() in /Volumes/iMacWS/ws/wp2/wp-content/themes/linquist/ajax-handler.php on line 9

I’ve sort of got around it by using mySQL to query wp_posts directly, but would appreciate any advice.

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-526 admin Fri, 21 May 2010 08:10:00 +0000 http://wordpressthemescollection.com/?p=488#comment-526 Hi Joanson, adding a 'overflow:auto' to the css of the simplemodal box should do the trick. Hi Joanson, adding a ‘overflow:auto’ to the css of the simplemodal box should do the trick.

]]> By: Joanson http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-525 Joanson Fri, 21 May 2010 07:16:27 +0000 http://wordpressthemescollection.com/?p=488#comment-525 Hi, Who could kindly point out the way how to add vertical and horizontal scrollbars into the simplemodal-container (div) for the case that post content overflows the border of its container? Thanks, Hi,
Who could kindly point out the way how to add vertical and horizontal scrollbars into the simplemodal-container (div) for the case that post content overflows the border of its container? Thanks,

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-523 admin Tue, 11 May 2010 11:26:40 +0000 http://wordpressthemescollection.com/?p=488#comment-523 @SPnova If you are using the not minified version of simplemodal you can try replacing all the '$' by 'jQuery'. But the last time I tried, WordPress was still using jQuery 1.3, which is not compatible with the latest version of SimpleModal I believe. @SPnova If you are using the not minified version of simplemodal you can try replacing all the ‘$’ by ‘jQuery’. But the last time I tried, WordPress was still using jQuery 1.3, which is not compatible with the latest version of SimpleModal I believe.

]]> By: admin http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-522 admin Tue, 11 May 2010 11:24:37 +0000 http://wordpressthemescollection.com/?p=488#comment-522 @vincent 1. Check that you include jQuery and SimpleModal before including the rest of the javascript. 2. The path to the page seems correct. Have you published a page in WordPress called "Ajax Handler" and is "ajax-handler" the right permalink for that page? Most problems come from people either using a different permalink structure or not publishing the page in the first place. @vincent 1. Check that you include jQuery and SimpleModal before including the rest of the javascript.

2. The path to the page seems correct. Have you published a page in WordPress called “Ajax Handler” and is “ajax-handler” the right permalink for that page? Most problems come from people either using a different permalink structure or not publishing the page in the first place.

]]> By: SPnova http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-521 SPnova Sun, 09 May 2010 15:31:49 +0000 http://wordpressthemescollection.com/?p=488#comment-521 Thanks for sample. But it works for you, because you use not standard wordpress jQuery, - you use: http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js Have you ideas about how to get working modal js script for standard wordpress jQuery? Thanks for sample. But it works for you, because you use not standard wordpress jQuery, – you use:
http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

Have you ideas about how to get working modal js script for standard wordpress jQuery?

]]> By: vincent http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-520 vincent Fri, 07 May 2010 13:07:07 +0000 http://wordpressthemescollection.com/?p=488#comment-520 2 Firebug errors 1. $("").hide().appendTo("body").load("http://myweb.com/ajax-handler/?id=" + id).modal is not a function i have simplemodal and jquery included in header And GET http://myweb.com/ajax-handler/?id=8 not found Having same problem as Pete, but i don't understand your response. 1. "The path you want in the load bit is the url to the page created with the ajax handler in WordPress." the path to the page that im calling through ajax? But i thought the re="id" was going to tell it what to grab. load('http://urlofyoursite.com/ajax-handler/?id='+id) As i understand the directions this is all that i change "urlofyoursite.com" everything else is the same. THEN the link should just have the rel="id#". 2 Firebug errors

1. $(“”).hide().appendTo(“body”).load(“http://myweb.com/ajax-handler/?id=” + id).modal is not a function

i have simplemodal and jquery included in header

And

GET http://myweb.com/ajax-handler/?id=8 not found

Having same problem as Pete, but i don’t understand your response.

1. “The path you want in the load bit is the url to the page created with the ajax handler in WordPress.”

the path to the page that im calling through ajax? But i thought the re=”id” was going to tell it what to grab.

load(‘http://urlofyoursite.com/ajax-handler/?id=’+id)

As i understand the directions this is all that i change “urlofyoursite.com” everything else is the same. THEN the link should just have the rel=”id#”.

]]>