Anchor tags in a form?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
I'm trying to create a product list where people can select what items they'd like to have and submit that information to me. I've been able to achieve this by creating a form. However, my product list is quite lengthy.

Is it possible to create anchor tags inside a form so that when a person clicks on a certain category, they are taken to that section of the form?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • slowly but surely getting this all together

Posted 10 years ago

  • 1
Photo of Shaq

Shaq

  • 868 Posts
  • 5 Reply Likes
Little us i may have an easier way. Whats your sites URL? so i can see if your site is comparability.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hey Shaq

It's still under construction.. but if you want to take a look at my product page, it's http://dejavuapparel.synthasite.com/p.... You will see that I'm still playing around with it. But hopefully, you'll get the general idea.
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
You should be able to. You probably have code but here it is again if you need it

<!--
<a name = 'a1'></a> (Place at Top of Page Just Code)

<a href = '#a2'>Topic #1</a>
<a href = '#a3'>Topic #2</a>
<a href = '#a4'>Topic #3</a>
<a href = '#a5'>Topic #4</a>
<a href = '#a6'>Topic #5</a>

<a name = 'a2'>Topic #1 Contents</a>
<a href = '#a1'>Return to Top of Page</a>

<a name = 'a3'>Topic #2 Contents</a>
<a href = '#a1'>Return to Top of Page</a>

<a name = 'a4'>Topic #3 Contents</a>
<a href = '#a1'>Return to Top of Page</a>

<a name = 'a5'>Topic #4 Contents</a>
<a href = '#a1'>Return to Top of Page</a>

<a name = 'a6'>Topic #5 Contents</a>
<a href = '#a1'>Return to Top of Page</a>
-->

Papa
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
The only problem that MIGHT occur is that your page may take to long to load or delay somewhat in the "go to " section. If that does occur you may have to set up a 2nd or 3rd page. This is not a problem if you made it this far. I've set up a section on how thins work at http://loyds.co.cc/test-mid-page-link... The Mr/Mrs 1 threw 5 are on one page and Mr/Mrs 7 threw 11 are on a different page. Not hard at all to set up on additional pages.

papa
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hmmm... unfortunately I don't think setting it with pages will work with my form. I am assuming that the information selected by the user on the first page would then be lost as they go onto the second page?
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Hopefully you can do it on one page
papa
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I hope so too! =)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi papa

You are my anchor expert and I hope you don't mind me picking at your brain once more. I would like to set up the example you provided above where an anchor leads to a different page. How do I do that?
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Littleus, why not create a test site to test out the code if you are unsure. That way you won't risk your 'real' site if something goes wrong...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Ruth for that suggestion. I will do that!
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
My pleasure.
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Littleus
I'll get it all ready later today. Will try to get it posted before 6:00 P.M. 5/5/09. It's Easier that one thinks.
Papa
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Hi Littleus

I thought it was simple but I had to go over a couple of time to be sure it's pretty close to right.

I HAVE ALSO PLACE THIS AT http://www.loyds.co.cc/total-test-fin...

IT'S DOESN'T LOOK AS CONFUSING THERE.

I set up the following pages for you to see finish products. If you look at page you may find it easier to understand. Not really hard after a few minutes of study.
http://www.loyds.co.cc/test-mid-page-...
http://www.loyds.co.cc/test12.php
http://www.loyds.co.cc/test13.php

Items MR5 Say on 1st Page and Mrs 16 say on page 3 will look like they do not work right as they hit the bottom of page before top of item hit top of page.


You will see the above on you page

First section in "text" for your introduction if needed.

Section 1
In HTML <!--<a name = 'a25'></a>-->
This is your "Return to Table of Contents" Enter in HMTL and you will not
see this code on your page

Section 2
This is section #3 in Html
You will seemrs/mr 1/16 says on your page and not code
<!--<a href = '#a1'>Mrs 1 Says</a><br/>-->
<!--<a href = '#a2'>Mr. 2 Says</a><br/>-->
<!--<a href = '#a3'>Mrs. 3 Says</a><br/>-->
<!--<a href = '#a4'>Mrs.4 Says</a><br/>-->
<!--<a href = '#a5'>Mr.5 Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test12.php#a7'... 7 Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test12.php#a8'>Mr. 8 Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test12.php#a9'.... 9 Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test12.php#a10... Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test12.php#a11... Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test13.php#a12... 13 Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test13.php#a13.... 14 Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test13.php#a14... Says</a><br/>-->
<!--<a href = 'http://www.loyds.co.cc/test13.php#a15... Says</a><br/>-->

Section 3
Next Enter in HMTL and you will not see this code on your page
<!--<a name = 'a1'></a>-->

Next In Test
Mrs 1 says:I can believe some on has did this for the whole family babababa
Thank you

Next Enter as HTML
<!--<center><a href = '#a25'>Return to Table of Contents</a><br/> </center>-->

Section 4
Enter as Html
<!--<a name = 'a2'></a>-->

Next Enter as text
Mr 2 says: I can believe some on has did this for the whole family babababa
Thank you

Next Enter as HTML
<!--<center><a href = '#a25'>Return to Table of Contents</a><br/> </center>-->

Section 5
Next Enter as HTML
<!--<a name = 'a3'></a>-->

Next Enter as text
Mrs 3 says:I can believe some on has did this for the whole family babababa
Thank you
Next Enter as HTML
<!--<center><a href = '#a25'>Return to Table of Contents</a><br/> </center>-->

Section 6
Next Enter as HTML
<!--<a name = 'a4'></a>-->

Next Enter as text
Mrs 4 says:I can believe some on has did this for the whole family babababa
Thank you

Next Enter as HTML
<!--<center><a href = '#a25'>Return to Table of Contents</a><br/> </center>-->

Section 7
Enter as HMTL
<!-- <a name = 'a5'></a>-->

Next Enter as Text
Mr 5 says:I can believe some on has did this for the whole family bababa
Thank you

Next Enter as HTML
<!--<center><a href = '#a25'>Return to Table of Contents</a><br/> </center>-->

THIS IS END OF PAGE http://www.loyds.co.cc/test-mid-page-...

THIS IS THE BEGINNING OF PAGE http://www.loyds.co.cc/test12.php

Section 8
Top of Page
Next Enter as HTML
<!--<a name = 'a7'></a>-->

Next Enter as text
Mrs 7 says:I can believe some on has did this for the whole family babababa
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 9
Next Enter as HTML
<!--<a name = 'a8'></a>-->

Next Enter as text
Mr 8 says:I can believe some on has did this for the whole family babababa
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 10
Next Enter as HTML
<!--<a name = 'a9'></a>-->

Next Enter as text
Mrs 9 says:I can believe some on has did this for the whole family babababa
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 11
Next Enter as HTML
<!--<a name = 'a10'></a>-->

Next Enter as text
Mrs 10 says:I can believe some on has did this for the whole family babababa bababab
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 12
Next Enter as HTML
<!--<a name = 'a11'></a>-->

Next Enter as text
Mr 11 says:I can believe some on has did this for the whole family babababa bababab
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

End of Page http://www.loyds.co.cc/test12.php

Beginning of Page http://www.loyds.co.cc/test13.php

Top of Page

Section 13
Next Enter as HTML
<!--<a name = 'a12'></a>-->

Next Enter as text
Mrs 13 says:I can believe some on has did this for the whole family
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 14
Next Enter as HTML
<!--<a name = 'a13'></a>-->

Next Enter as text
Mrs 14 says:I can believe some on has did this for the whole family
Thank you
Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 15
Next Enter as HTML
-->

Next Enter as text
Mrs 15 says:I can believe some on has did this for the whole family
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

Section 16
Next Enter as HTML
<!--<a name = 'a15'></a> -->

Next Enter as text
Mrs 16 says:I can believe some on has did this for the whole family
Thank you

Next Enter as HTML
<!--<center><a href = 'http://www.loyds.co.cc/test-mid-page-... to Table of Contents</a><br/></center>-->

End Of Page 3

I thought a view source would be simpler but even that confused me.

Tried to keep it simple.

Papa