menulinks after change articlepage

ivan.milic wrote: any element with id attribute will do. Maybe the problem is if you use empty <a tag

Maybe not.

Here is the HTML that shows as installed, using the default TinyMCE editor, toggled to HTML, in the "The Environment" article in the Joomla! Administrator:

**********************************

<p> </p>
<p> </p>
<div class="item_container">
<h2>II. The Environment</h2>
<p class="subheading">All those things that surrounds us.</p>
{loadposition advert1}
<p class="bigtext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="clr" align="center"><a class="scroll" href="#top"><img src="images/top.png" border="0" alt="back to top" /></a></div>


************************************

And here is the text that came installed, from the same "The Environment" article, in the database:

************************************

<a id="environment"></a>
<p>&nbsp;</p>
<div class="item_container">
<h2>II. The Environment</h2>
<p class="subheading">All those things that surrounds us.</p>
{loadposition advert1}
<p class="bigtext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div align="center" class="clr"><a href="#top" class="scroll"><img src="images/top.png" alt="back to top" /></a></div>

*************************************

If I copy and paste the text from the database, while the TinyMCE editor is toggled to HTML, into the "The Environment" article in the Joomla! Administrator and then save it, before it saves the anchor tag is stripped and I end up back with...

**********************************

<p> </p>
<p> </p>
<div class="item_container">
<h2>II. The Environment</h2>
<p class="subheading">All those things that surrounds us.</p>
{loadposition advert1}
<p class="bigtext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="clr" align="center"><a class="scroll" href="#top"><img src="images/top.png" border="0" alt="back to top" /></a></div>

*********************************

...both in the front-end article and the database. In other words, the anchor tag is gone and the menu to scroll to "The Environment" article no longer works. Why? Because there is no anchor tag in the article anymore.

Unless you can provide a work-a-round, which I expect you to do, it seems obvious to me that the Hot One Page template will only work correctly for those who are intimate with HTML and are willing only to use a non-WYSIWYG editor like CodeMirror. If, me, or any other customer edits and saves the text of an article in the default TinyMCE editor they will break the anchor links that the menu needs to navigate the one page Website. If that is the case the template should be setup to default to CodeMirror and a warning in the documentation needs to be given not to use TinyMCE.

So you have:

<h2>II. The Environment</h2>

you can m,ode id to that element:

<h2 id="environment" >II. The Environment</h2>

so any element will do

Ahhhh... I learn something everyday. I did not know that the ID attribute could be applied to other tags in addition to an anchor tag.

It seems that the TinyMCE editor strips anchor tags before save, and perhaps others, but it leaves the ID attribute where I placed it in another tag.

<p id="environment"> </p>
<p> </p>
<div class="item_container">
<h2>II. The Environment</h2>

If I place the ID attribute in the h2 tag, as suggested, the heading, "II. The Environment", scrolls up under the topmenurow and can't be seen.

I think editor just clears empty tags because it thinks there are without purpose

Hi,

I have the same problem. But I cannot find the WYSIWYG editor in global configuration. Where exactly is it?

Thanks,
Daphne

Plugin manager