Skip navigation
pappyko
Currently Being Moderated

Absolute link issue

Sep 26, 2013 4:11 AM

Tags: #help #dreamweaver #link #links #hyperlink #absolute_links #cs6 #absolute_link

I know this is a really easy concept which is why I am so frustrated. I cannot get my link in my nav to go to an external page! I've been reading a ton about how to fix this problem and it seems the issue for everyone was to add http:// in front..... the thing is I've done this!!!!

 

 

This is what my code looks like:

 

<li><a href="http://www.allypapko.com/blog/" title="Photo Blog" target="_blank">Photo BLOG</a></li>

 

 

I've actually gone crazy enough and have tried every way you could thing of to write a web url out... with "www", without, end a slash, don't end in a slash, end in just /blog, https:// ......everything!

 

 

My website is http://allypapko.com

 

The absolute link it "Photo Blog" in my navigation menu.

 

The external site I am trying to link it to is http://allypapko.com/blog

 

 

What's happening is that when I click the absolute link, "Photo Blog", this shows up in the address bar:

http://allypapko.com/#http://www.allypapko.com/blog/

 

It never leaves my site or opens a new a window. I know I have included " target="_blank" in my code but I have tried without it to as well as pretty much all the other options you have to choose from.

 

 

 

I don't think it matters but http://allypapko.com I made with DW and http://allypapko.com/blog is made with WP.

 

Just because I have no idea where the issue is coming from my full nav code is:

<nav>

<ul>

<li class="active"><a class="show_sub" href="index.html">photography</a>

<ul class="submenu">

<li><a href="index-1.html">engagement</a></li>

<li><a href="index-2.html">portrait</a></li>

<li><a href="index-4.html">wedding</a></li>

</ul>

</li>

<li><a href="index-9.html">design</a> </li>

<li><a href="index-3.html">personal</a></li>

<li><a href="index-8.html">about me</a></li>

<li><a href="index-6.html">resume</a> </li>

<li><a href="index-7.html">contact me</a></li>

<li><a href="http://www.allypapko.com/blog/" title="Photo Blog" target="_blank">Photo Blog</a></li>

</ul>

</nav>

 

Any help on this would be great, I've looked long and hard enough to find out why this is happening! I'm using cs6 right now.

 
Replies
  • Currently Being Moderated
    Sep 26, 2013 4:51 AM   in reply to pappyko

    That's because your JavaScript is intercepting the click event:

    // dynamicpage.js line 156 
    $("nav").delegate("a:not(.show_sub)", "click", function() { 
            window.location.hash = $(this).attr("href"); 
            $(this).parent().siblings().not('.active').find('.submenu').slideUp(150); 
            return false; 
    }); 
    

    There are several ways to fix this but try this:

     

    1. Add a class external to the <a> in question.

    2. Change the JS to:

    $("nav").delegate("a:not(.show_sub, .external)", "click", function() { 
     
    ...
    });
    

    --

    Kenneth Kawamoto

    http://www.materiaprima.co.uk/

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points