Pragmatic Forums | Posts in topic 'Pop Up Links'

Pop Up Links posted by Allen Edward @ Mon, 16 Jan 2012 09:29:37 +0000

Allen Edward — Mon, 16 Jan 2012 09:29:37 +0000

Seems interesting. Let me also try this one.

Pop Up Links posted by bob phil @ Tue, 15 Nov 2011 18:19:53 +0000

bob phil — Tue, 22 Nov 2011 01:41:46 +0000

thanks, it helped a lot..

Pop Up Links posted by ben Reinhart @ Wed, 14 Jul 2010 00:04:35 +0000

ben Reinhart — Wed, 14 Jul 2010 00:04:35 +0000

Alright, thanks a lot for the help!

Pop Up Links posted by Brian P. Hogan @ Tue, 13 Jul 2010 23:59:03 +0000

Brian P. Hogan — Tue, 13 Jul 2010 23:59:03 +0000

Ok, that’s interesting to know. But feel free to grab the code from the book’s web site. That contains the complete code for each of the examples. So, if you get stuck on anything else, you’ll at least have something more to look at.

Pop Up Links posted by ben Reinhart @ Tue, 13 Jul 2010 23:54:41 +0000

ben Reinhart — Tue, 13 Jul 2010 23:55:31 +0000

Thanks a lot for your response, and like I said, I apologize for wasting your time with a very simple question. But then I guess I’ll point out to you that (since I did click on the grey link) the download code link on page 35 does not have that extra $(function(){ tag.

Looking at page 40 though, it does.

Sorry to waste your time on that easy one!

Pop Up Links posted by Brian P. Hogan @ Tue, 13 Jul 2010 23:49:49 +0000

Brian P. Hogan — Tue, 13 Jul 2010 23:50:26 +0000

You need to put your code in a document.ready event handler or move the JS code OUT of the header and put the script block AFTER the actual links. Since the links haven’t been rendered yet, the script doesn’t “see” them.

I’m sorry if that wasn’t clear – I’ll review the chapter and make sure it is. But also look at the code. If you have the pdf, you can click the grey header on the code and bring up the actual source file.


  <script>
  $(function(){
     <script type="text/javascript">
    // Display Links in New Window
    var links = $("a.popup");

    links.click(function(event) {
        event.preventDefault();
        window.open($(this).attr('href'));
    });
  });
  </script>

I hope that helps. Thanks for reading!

Pop Up Links posted by ben Reinhart @ Tue, 13 Jul 2010 23:37:08 +0000

ben Reinhart — Tue, 13 Jul 2010 23:50:21 +0000

I apologize for posting this because I’m sure this is something really dumb and simple, but I can’t seem to get the javascript code for the pop up links working. I’ve tried on Safari 5 and FireFox 3.5.10. Here is my code:


<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title>Reflective Interiors, LLC</title>

  <link href="style.css" media="screen" rel="stylesheet" type="text/css" />

  <script type="text/javascript" src="jquery.js"></script>

  <script type="text/javascript">
    // Display Links in New Window
    var links = $("a.popup");

    links.click(function(event) {
        event.preventDefault();
        window.open($(this).attr('href'));
    });
  </script>

</head>
<body>

  <a href="index.html" class="popup">Index</html>

</body>    
</html>

There is no pop up, it just works like a regular link. I’m taken to the new page but in the same window.

Also, if it helps, I could not even get the old example of how not to do it (with onclick) to work.

I tried so many different things. Adding jquery, removing jquery (v1.4.2 btw) removing ‘type=”text/javascript”’ from the script tags.

I also tried putting script tags around the html link in the body.

As you can tell, I’m not javascript expert :(