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 Sun, 24 Jul 2011 14:44:21 +0000 hourly 1 By: Fantozzziohttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-893 Fantozzzio Mon, 16 May 2011 06:59:58 +0000 http://wordpressthemescollection.com/?p=488#comment-893 I've resolved this problem )) There are was chosen another template "basic template" for the "ajax handler" page in admin panel. I forget about it )) Now it's works fine. I’ve resolved this problem )) There are was chosen another template “basic template” for the “ajax handler” page in admin panel. I forget about it )) Now it’s works fine.

]]> By: Fantozzziohttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-892 Fantozzzio Mon, 16 May 2011 06:22:02 +0000 http://wordpressthemescollection.com/?p=488#comment-892 Thanks for the very useful post. It's what i had looking for. I made all points that you described, but have some problem: there are no post into the modal window, just empty DOM. I found that trouble probably in my URL-settings. Your url of the example-post is http://wordpressthemescollection.com/ajax-handler?id=499 working fine. But my URL http://localhost/minwebprom/ajax-handler/?id=910 does not show needed post, just code of my template (header, sidebar, footer - all DOM). I tried to remove slash after "ajax-handler" but it inserts automatically. Do you have any ideas how to make it work fine? Thanks for help and sorry for my crooked English :) Thanks for the very useful post. It’s what i had looking for. I made all points that you described, but have some problem: there are no post into the modal window, just empty DOM. I found that trouble probably in my URL-settings.
Your url of the example-post is http://wordpressthemescollection.com/ajax-handler?id=499 working fine.
But my URL http://localhost/minwebprom/ajax-handler/?id=910 does not show needed post, just code of my template (header, sidebar, footer – all DOM). I tried to remove slash after “ajax-handler” but it inserts automatically. Do you have any ideas how to make it work fine? Thanks for help and sorry for my crooked English :)

]]> By: adminhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-882 admin Fri, 04 Mar 2011 15:22:47 +0000 http://wordpressthemescollection.com/?p=488#comment-882 @Goobersnotch <blockquote>"This code would go in an external javascript file you would include on your page or in the header. But the first option is recommended."</blockquote>I understand that this is not easy for beginners but I am afraid that if you do not see what you need to do when reading this you shouldn't probably try the ajax popup thing in the first place. Now to answer your question the code goes between script tags in the head section of your theme (probably in header.php) or in an external javascript file which you have to call from the head section of your theme (probably header.php). @Goobersnotch
“This code would go in an external javascript file you would include on your page or in the header. But the first option is recommended.”

I understand that this is not easy for beginners but I am afraid that if you do not see what you need to do when reading this you shouldn’t probably try the ajax popup thing in the first place. Now to answer your question the code goes between script tags in the head section of your theme (probably in header.php) or in an external javascript file which you have to call from the head section of your theme (probably header.php).

]]> By: Jon Paulhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-878 Jon Paul Wed, 02 Mar 2011 19:50:04 +0000 http://wordpressthemescollection.com/?p=488#comment-878 In answer to Rod. Not sure if you got this sorted out or not, but I figured out that you also need to read the page about <a href="http://www.ericmmartin.com/projects/simplemodal/" rel="nofollow">SimpleModal</a> itself. You have to download and add the 'x' icon and add some CSS in order to get the 'close' icon and functionality to work. You also need to add some CSS to style the simplemodal box. There is also some great callback references information for modifying the behaviour of simplemodal. Hope this helps! In answer to Rod. Not sure if you got this sorted out or not, but I figured out that you also need to read the page about SimpleModal itself. You have to download and add the ‘x’ icon and add some CSS in order to get the ‘close’ icon and functionality to work. You also need to add some CSS to style the simplemodal box. There is also some great callback references information for modifying the behaviour of simplemodal. Hope this helps!

]]> By: deskhahttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-876 deskha Sun, 27 Feb 2011 12:21:58 +0000 http://wordpressthemescollection.com/?p=488#comment-876 This is Brilliant!! Sorry if i misunderstood but is there a way to 'automatize' the whole Post into pop up style like this? And can we comment on that post also? I mean this thing is exactly what i need, it will be nice if i can make all my post into just links and made it appear as pop-up along with the comment feature. Or maybe is there any plugin or such for this thing to happen?Anyway, this post is, again, Brilliant!Regards This is Brilliant!!
Sorry if i misunderstood but is there a way to ‘automatize’ the whole Post into pop up style like this?
And can we comment on that post also?
I mean this thing is exactly what i need, it will be nice if i can make all my post into just links and made it appear as pop-up along with the comment feature.
Or maybe is there any plugin or such for this thing to happen?

Anyway, this post is, again, Brilliant!

Regards

]]> By: jonathanhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-873 jonathan Sat, 19 Feb 2011 00:45:55 +0000 http://wordpressthemescollection.com/?p=488#comment-873 I would love to integrate this into my website. However, the best thing you can do for any non experienced person would be to paste an entire example header and link in a code script so we can see how you are calling the scripts in your header as well as an example link in the page fully, within a wordpress example theme. If you add this, please email me. I would love to integrate this into my website. However, the best thing you can do for any non experienced person would be to paste an entire example header and link in a code script so we can see how you are calling the scripts in your header as well as an example link in the page fully, within a wordpress example theme. If you add this, please email me.

]]> By: goobersnotchhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-870 goobersnotch Tue, 15 Feb 2011 05:19:20 +0000 http://wordpressthemescollection.com/?p=488#comment-870 Hello I think you need to be clearer on the steps as not everyone who is using this tutorial is a web programming genius. For instance, when you mention this function:jQuery(document).ready(function() { jQuery('a.postpopup').click(function(){ id = jQuery(this).attr('rel'); jQuery('').hide().appendTo('body').load('http://urlofyoursite.com/ajax-handler/?id='+id).modal(); return false; }); });You don't exactly tell us where to put it. I am currently stumped on this step. And I have not been able to get anything working. Hello I think you need to be clearer on the steps as not everyone who is using this tutorial is a web programming genius. For instance, when you mention this function:

jQuery(document).ready(function() {
jQuery(‘a.postpopup’).click(function(){
id = jQuery(this).attr(‘rel’);
jQuery(”).hide().appendTo(‘body’).load(‘http://urlofyoursite.com/ajax-handler/?id=’+id).modal();
return false;
});
});

You don’t exactly tell us where to put it. I am currently stumped on this step. And I have not been able to get anything working.

]]> By: Rodhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-862 Rod Wed, 29 Dec 2010 15:46:30 +0000 http://wordpressthemescollection.com/?p=488#comment-862 I'm dumb ... but I've tried thousand experimentations http://www.le-hiboo.com/twodoorcinemaclub/simple-modal.htmlNothing happens (oh it happens : a popup opens, all freezes, but any content is loading) ....without CSS, the content is loading, but the page freezes ...Too simple to be true ? I’m dumb … but I’ve tried thousand experimentations
http://www.le-hiboo.com/twodoorcinemaclub/simple-modal.html

Nothing happens (oh it happens : a popup opens, all freezes, but any content is loading) ….

without CSS, the content is loading, but the page freezes …

Too simple to be true ?

]]> By: Hernanhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-860 Hernan Thu, 23 Dec 2010 19:30:19 +0000 http://wordpressthemescollection.com/?p=488#comment-860 This tutorial is great, and I really appreciate your hard work. I'm not an expert, nor a rookie, but I found a few problems that I think could make the tutorial easiest to understand: - Be clear that the template needs this in order to be recognised: <?php /* Template Name: Ajax Handler */ - Somewhere explain that rel="postid" should be something like rel="", I mean, showing the ID, not the word "postid". In the beginning I thought that maybe there was a need to put "postid" in rel so that the modal would be triggered. - Easiest for everyone would be to replace http://urlofyoursite.com/ajax-handler/?id='+id with <?php bloginfo('url')/ajax-handler/?id='+id . That will also prevent problems on site migrations of any kind. - Add a link or an explanation to "jQuery included in WordPress". I found it out, but needed to explore.I've been the whole day with this. If I recall something else, I'll drop another comment. Don't get me wrong, your post was very useful for me, that's why I wanted to contribute somehow with this. Bye! This tutorial is great, and I really appreciate your hard work. I’m not an expert, nor a rookie, but I found a few problems that I think could make the tutorial easiest to understand:
- Be clear that the template needs this in order to be recognised: <?php
/*
Template Name: Ajax Handler
*/
- Somewhere explain that rel="postid" should be something like rel="”, I mean, showing the ID, not the word “postid”. In the beginning I thought that maybe there was a need to put “postid” in rel so that the modal would be triggered.
- Easiest for everyone would be to replace http://urlofyoursite.com/ajax-handler/?id=‘+id with <?php bloginfo('url')/ajax-handler/?id='+id . That will also prevent problems on site migrations of any kind.
- Add a link or an explanation to "jQuery included in WordPress". I found it out, but needed to explore.

I've been the whole day with this. If I recall something else, I'll drop another comment.
Don't get me wrong, your post was very useful for me, that's why I wanted to contribute somehow with this.
Bye!

]]> By: ramyahttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-857 ramya Wed, 08 Dec 2010 12:51:18 +0000 http://wordpressthemescollection.com/?p=488#comment-857 hi trying to implement modal ajax wordpress post popup but i am not able to end up with the soution .i found your post was very helpful for me. but i have a doubt that it supports the view count on modal popup.because we have trying to integrate share,view counts,zooming..... through plugin ,so i just want to know that it will run perfectly..... awating for u r reply hi trying to implement modal ajax wordpress post popup but i am not able to end up with the soution .i found your post was very helpful for me. but i have a doubt that it supports the view count on modal popup.because we have trying to integrate share,view counts,zooming….. through plugin ,so i just want to know that it will run perfectly….. awating for u r reply

]]> By: Sandeephttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-702 Sandeep Thu, 07 Oct 2010 10:11:41 +0000 http://wordpressthemescollection.com/?p=488#comment-702 Thanks for your response. The website works prefectly in google chrome now.However no modal pop-ups in IE 8 or firefox/mozilla.Any suggestions why it wont work apart from chrome?Thanks in advance.Sandeep Thanks for your response. The website works prefectly in google chrome now.

However no modal pop-ups in IE 8 or firefox/mozilla.

Any suggestions why it wont work apart from chrome?

Thanks in advance.

Sandeep

]]> By: adminhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-700 admin Wed, 06 Oct 2010 16:00:36 +0000 http://wordpressthemescollection.com/?p=488#comment-700 In my example I use pretty permalink so the ajax-handler url is something like http://urlofyoursite.com/ajax-handler/?id='+id. You are using default wp urls so you need to change the url in the load function to something like http://urlofyoursite.com/?page_id=21&id='+idSee the difference? You could also try to enable premalinks, that should fix it as well. In my example I use pretty permalink so the ajax-handler url is something like http://urlofyoursite.com/ajax-handler/?id=‘+id. You are using default wp urls so you need to change the url in the load function to something like http://urlofyoursite.com/?page_id=21&id=‘+id

See the difference? You could also try to enable premalinks, that should fix it as well.

]]> By: Sandeephttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-696 Sandeep Tue, 05 Oct 2010 04:32:05 +0000 http://wordpressthemescollection.com/?p=488#comment-696 Hi,I think I am nearly there, but still not able to display the same.1. I made the template: ajax-handler.php 2. I created a page using the template. 3. I saved the simple modal file (jquery.simplemodal-1.4.js) in my server(with your jquery function appended at the bottom) (the "ajax handler" page permalink "http://www.cygnusfinance.com/?page_id=21"). 4. I included the jquery.simplemodal-1.4.js file and the http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.jsin my header file. 5. In my widget i typed: "<a href="" rel="8" class="postpopup"> this link"However If you were to click on the link "this link" all i get "ajax handler" modal box; most probably my page title.If you can figure out and let me know the problem it will be most helpful.Thanks, Sandeep Hi,

I think I am nearly there, but still not able to display the same.

1. I made the template: ajax-handler.php
2. I created a page using the template.
3. I saved the simple modal file (jquery.simplemodal-1.4.js) in my server(with your jquery function appended at the bottom) (the “ajax handler” page permalink “http://www.cygnusfinance.com/?page_id=21″).
4. I included the jquery.simplemodal-1.4.js file and the http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.jsin my header file.
5. In my widget i typed: “<a href="” rel=”8″ class=”postpopup”> this link”

However If you were to click on the link “this link” all i get “ajax handler” modal box; most probably my page title.

If you can figure out and let me know the problem it will be most helpful.

Thanks,
Sandeep

]]> By: biznavigatorhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-680 biznavigator Fri, 17 Sep 2010 15:11:12 +0000 http://wordpressthemescollection.com/?p=488#comment-680 I wonder if you could give me any pointers as to why this isn't working on my test page. The result I have at the moment is that the words "Ajax Handler " are written onto the page - there is no simplemodal.Based on other comments I've edited "$" to "jquery" .http://business-navigation.com/innovation2value/Thanks. I wonder if you could give me any pointers as to why this isn’t working on my test page.
The result I have at the moment is that the words “Ajax Handler ” are written onto the page – there is no simplemodal.

Based on other comments I’ve edited “$” to “jquery” .

http://business-navigation.com/innovation2value/

Thanks.

]]> By: Sakibhttp://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html#comment-670 Sakib Thu, 09 Sep 2010 18:16:15 +0000 http://wordpressthemescollection.com/?p=488#comment-670 hello, is that possible to handle this popup and giving unique messages for unique links or clicks (without integrating with posts title or whatever) . hello, is that possible to handle this popup and giving unique messages for unique links or clicks (without integrating with posts title or whatever) .

]]> By: adminhttp://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: bavahttp://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: bavahttp://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 fileand 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: adminhttp://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: kumarhttp://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/

]]>