Develop Reference

How do I open a link to a website on a new window in a browser and block the current website until the user finish or close the new one?

Currently I'm working with Mercado Pago API, but the thing is that I want when the user clicks the pay button, I want to open a new window in the browser (chrome, firefox, etc.) in the middle of the screen where is going to fill his credit card number and all that stuff meanwhile i want that the background site (I mean the main site where the user clicked on pay) to be blocked, like with darker colors, and not be able to do anything in that site until the user close the new window or he finish with the payment. I've been looking on the internet but I haven't found anything related to the blocked site. Maybe you could help me or have any idea to make that. thanks in advance.

I can't make comments, so sorry in advance for this being an "answer". But are you not able to store information about what the user has selected and then use the current page to process the payment, then bring back or send off what they wanted? perhaps using AJAX to run a PHP page that stores something. Just a suggestion but not entirely an answer, because AFAIK you can't "block" tabs as that could be very dangerous and could be used for the wrong reasons.

The task you want to do requires both back-end programming (php/server-side) and a bit of front-end jquery(js) + ajax.
For front-end something like this could be your start.
Bootstrap Static Modal Example.
And you would need to put your form there, submit it via ajax, and on success close the modal.
I hope this could help you a bit, and get you started in the right direction.
Note: This is not particularly safe. (It's not hard to hide the modal and fiddle around the page in the background.

Feedback survey modal on window close event after 10 exits, irrespective of same or different user

I am a newbie to it, so please bear with me.
I am looking to set up a feedback survey in Survey Monkey but would like a pop up box (modal) to appear when users exit the website.
Ideal requirements:
Ideally I’d like the pop up box to appear for approx. 1 in every 10 visits to the site. (either close or refresh window tab), using javascript / jquery.
Seeking for expert advice.
Many thanks

I think what you're looking for is a popup website collector. Either the Popup Invitation or Popup Survey type. Just choose the Website collector type when creating a new collector for a survey.
Looking at the help page and the options it doesn't seem to have the options to set how often the popup shows up. You may be able to modify the embed code to set when and how often it pops up but I'm unsure about that.
You can give it a go or contact SurveyMonkey support if you're having trouble.

just to give an update, we used the reference link: http://beeker.io/exit-intent-popup-script-tutorial
to implement as per our requirements, by setting cookies for each user instead of users count. Hope this will help to someone. Thanks

redirect link from facebook to website - javascript?

I have articles posted on facebook from my website http://juniorgoldreport.com/
the website is made in wordpress, and I've also created a "Welome" landing page where I want most new users to be directed too.
I have no idea where I can find information on how to do this, even after countless efforts of googling.
To give an exact idea of what I' trying to create...
Where someone clicks on an article on facebook, it'll take them to the "welcome" sign up page, then have a link on it to the article that they clicked on. The link would change depending on what article they clicked on so they can be redirected properly.
I know I can just hard code it, and create multiple landing pages with different links in relation to the article posted, but this just seems inefficient.
Does anyone know how to go about doing this?
this is the landing page
http://juniorgoldreport.com/welcome/

You can try using Javascript, as it would be much easier than creating several webpages. At the point in your page where you want a link to be placed, put something like
<p id="mynewredirectlink">Hey!</p>
And then at the bottom of your code, add some javascript to resemble this:
<script type="text/javascript">
if (document.referrer === "facebooklink.com")//Where did you come from?
$("#mynewredirectlink").innerHTML = "Hey!" //Where are you going?
Then include the other sites you need, and close it with
</script>
There may be some sites that have varying parts, like an id, so if you need to, you can use (document.referrer.includes("facebook.com")) instead.

You can convert your landing page into a fullscreen modal popup. So every new visitor will see the popup when the visit the site or any article. They can fill the form / they can close it to see the article. There is already several plugin for modal popup / newsletter popup. You just need to do a little bit css to make it full screen.

javascript drop down stopped working on Wordpress Woocommerce https page

This is the site I'm currently working on.
http://www.mackeyshotrods.com/store/
When the browser window is resized to 820px a drop down menu appears in the right hand corner of the site. The drop down menu works great on every page except for the check out page. I cant seem to figure it out why the drop down menu isn't working on an HTTPS page. It has to be a JavaScript error of some sort.
To find the page I'm struggling with add a product to the cart and navigate to the checkout page.
http://www.mackeyshotrods.com/store/?product_cat=clothing
Thank you for your help. i hope someone is smart enough to figure this out.

Try changing your jQuery path from:
http://code.jquery.com/jquery-1.11.0.min.js
To:
//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
Good explanation of why your jQuery might be getting blocked here:
https://stackoverflow.com/a/1056635/2040509

Is it a bad idea to use window.open and try to communicate between windows?

I'm working on a web page that will have a google-reader type scrolling list of content, and I'd like to open that content when it's clicked on in a new window. The problem is that I'd really like to be able to update the scrolling list from one of the newly opened windows.
For example; I'm looking at a list of products for sale on my web page, and a user clicks one of the products, opening a new page displaying details of the product they clicked on. The new page also includes links to various assortments of products (lets say teacups) - when the user clicks on 'show me some teacups', I'd like the original list of products to be redirected to the page showing all the teacups and focus to be transferred to this window (leaving the product-specific page open in another window/tab)
Is this a horrible idea? Will I have problems with popup blockers or security policies in newer browsers? Is this generally considered a bad design pattern?
Thanks for any input.

Popups are a delicate matter these days because of popup blockers. If at all possible, using inline dialog boxes like JQuery dialog is preferable - they all reside within one page, though, of course. But they're resizable, can be made modal and much more.
Other than that, as long as all your windows come from the same domain, I don't see any problems with cross-window communication, as long as you have only one parent that opens all the windows and that can serve as a broker in intra-window communication (the popup windows know only window.opener).

OK, so to answer my own question (I need to stop asking questions before I really dig for answers), this is a very bad idea indeed - I knew it felt wrong. The basic problem is that it breaks the back button, which could potentially be remedied with some JS goodness, but it's still a bad idea from an accessibility standpoint. My guess is that the reason Google Reader does this by default is that it's explicitly an interface for viewing other pages, so the user shouldn't be surprised to find that the links open in new windows.
Some reading on the topic for anyone interested:
Top 10 Web Design Mistakes of 1999
W3C Mailing list discussion of a.target deprecation