In page anchor not working in firefox

Question

I have got my code something like below which repeats to the number of shots varying for every page. My aim is to open a popup and go to that particular shot straight by url like

www.example.com/shot/#12.

For some reason this works fine in IE and chrome but does no in Firefox. In Firefox it gets pointed to something different but does open the popup.

<repeater>
    <div>
        <div>
            <a href="#ShotNumber" name="#12">
            </a>
        </div>
        <div>
            HTML FOR EACH SHOT
        <div>
    <div>
<repeater>

Try using id="12" insted of name="#12". – Bula Oct 31 '12 at 17:52 — Bula, Oct 31 '12 at 17:52

moskito-x · Accepted Answer · 2012-11-05T15:54:59.503

ANCHOR

<a name="Anchorname"></a>

for example: normal way

 <div>
   <a href="#ShotNumber">Go to ShotNumber</a> <!-- Link to ShotNumber -->
   <a href="#12">Go to 12</a> <!-- Link to 12-->
 </div>
 <!-- more stuff -->
 <div>
   <a name="ShotNumber"></a> <!-- Anchor name=ShotNumber -->
   HTML FOR ShotNumber
 </div>
 <!-- more stuff -->
 <div>
   <a name="12"></a> <!-- Anchor name=12 -->
   HTML FOR 12
 </div>

Call it like:

example.com/myShot.html#ShotNumber

EDIT: html5: the-indicated-part-of-the-document

If there is an element in the DOM that has an ID exactly equal to decoded fragid, then the first such element in tree order is the indicated part of the document; stop the algorithm here.

If there is an a element in the DOM that has a name attribute whose value is exactly equal to fragid (not decoded fragid), then the first such element in tree order is the indicated part of the document; stop the algorithm here.

i reckon 'name' is not among valid html 5 attributes (on anchor at least). I have tried using Id, but again I dont understand why different browsers are behaving differently !! — Alok, Nov 05 '12 at 14:35
** One more thing... I finally fixed it today. It was a styling issue. The height of the div was 0 ie. no layout. I included layout on it and it works like a charm (except ie8)... still struggling with that though. — Alok, Nov 09 '12 at 11:41

score 1 · Answer 2 · edited May 23 '17 at 11:44

1

Try <a name="12">This is item number 12</a>

and then <a href="#12">Go to item number 12</a>.

Also, the anchor id thing is not supported in HTML5, they say. This might be of interest.

edited May 23 '17 at 11:44

Community

1
1

answered Oct 31 '12 at 17:52

jimmy

411
3
14

In your link, I wouldsay it should be either `
` or ``
– Ryan B Oct 31 '12 at 18:02
Yeah, my example above is the old fashioned way. – jimmy Oct 31 '12 at 21:41

In page anchor not working in firefox

2 Answers2

` or ``

Linked