Solved

anchor doesn't preserve my URL

Posted on 2011-03-09
15
676 Views
Last Modified: 2012-05-11
The url to my page looks something like:
http://localhost/portal/demo/index.cfm?label=Pittsburg&page_id=30

I have an anchor on my page that looks something like:
<a href="#gohere">

When I click on the anchor I would like it to go to:
http://localhost/portal/demo/index.cfm?label=Pittsburg&page_id=30#gohere

But instead it tries to go to:
http://localhost/portal/demo/#gohere
which causes an error.

How do I create an anchor that preserves the URL parameters?

Thanks for the help
0
Comment
Question by:WestCoast_BC
  • 4
  • 4
  • 3
  • +2
15 Comments
 
LVL 16

Expert Comment

by:sjklein42
ID: 35091549
I can't reproduce your problem.  I tried it in both IE and Firefox, and for me, the CGI parameters are always included in the URL when I go to an anchor, just like you want.

Do you have some .htaccess action going on, rewriting the URLs?
0
 

Author Comment

by:WestCoast_BC
ID: 35092374
Here is a sample link that is not working:

http://www.adreflex.com/sandbox/adreflex/index.cfm?page_id=26&menu_id=67&Label=test%20page

I have not created a .htaccess and I am not aware of any URLs being rewritten.  Could this something that my ISP might be doing and might be able to solve?

Thanks again for the help.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35092553
That link leads to your test page.  What is it not doing?
0
 

Author Comment

by:WestCoast_BC
ID: 35092614
Try clicking on the link on the page.  When you click on the link I want the URL to be:
http://www.adreflex.com/sandbox/adreflex/index.cfm?page_id=26&menu_id=67&Label=test%20page#Anna 

but instead I get:

http://www.adreflex.com/sandbox/adreflex/#anna 
0
 
LVL 15

Expert Comment

by:Gurpreet Singh Randhawa
ID: 35092660
Are you resolving your URL  also so as to make them User friendly as i see in your tst link!

if you link is inside the cfoutput, then you should provide a ## around it as i se there is no such cause, neither you are getting any Error!

Exact Syntax for a Tag type of Anchor is:

<a href="#C4">

and then below it should be:

<a name="C4">Chapter 4</a>

as you do need to specify the full path

are u using fusebox i thing 'Yes'
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35092752
This is what is in your page.  Since there is no query string there, there is nothing to preserve.  It's doing exactly what it should be doing.
<p>here is my test link <a href="#anna">page</a></p>

Open in new window

0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35092808
Ok, I read the question again.  The page address is everything before the question mark and the query string is everything after it.  The anchors you are creating are incapable of carrying the query string without it expressly being added to the anchor.  The query string part is not automatically preserved.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 15

Expert Comment

by:Gurpreet Singh Randhawa
ID: 35093015
@ dave

There is no need to pass the query String with it! as it will render automatically!
0
 
LVL 16

Accepted Solution

by:
sjklein42 earned 500 total points
ID: 35093232
You have a base href tag on the page that is overriding its actual URL.

Get rid of this first line in your and the link will be better:

<base href="http://www.adreflex.com/sandbox/adreflex/"> 

Open in new window

0
 
LVL 15

Expert Comment

by:Gurpreet Singh Randhawa
ID: 35094249
Good catch @sj
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35097601
I don't (yet) know about it "render automatically" but I was thinking of relative links for some reason instead of named anchors.  Duh.
0
 
LVL 1

Expert Comment

by:witsCOMPUTING
ID: 35098003
Try this...

<a href="index.cfm?#cgi.query_string###gohere">
0
 
LVL 16

Expert Comment

by:sjklein42
ID: 35098041
Did you get rid of your base-href tag?  Nothing will work right until you do!
0
 

Author Comment

by:WestCoast_BC
ID: 35098347
Thanks for all of the input.  I will try and remove the base href code tonight and let you know if that solves my problem.  

Unfortunately witsCOMPUTING suggestion to do something like:
<a href="index.cfm?#cgi.query_string###gohere">

won't work for me easily.  The text is created via CKEditor and I would have to change CKEditor and update its anchor code in the source.
0
 

Author Comment

by:WestCoast_BC
ID: 35109499
Getting rid of the <base href="... line solved my problem.  Unfortunately I now have a different problem.  I set a bunch of styles dynamically and now when I get rid of the<base href line my styles don't work properly.  Very puzzling.  I know my style .cfm page is being included because I put some test code in it and the test code is being executed.

I will post the solution when I figure out what is going on.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

896 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now