Answered Named Anchor problem: How to prevent reload of the page

Hi all,

I refer to the article Named Anchor in the Revo Documentation.

Adding the Resource ID like in this example

will reload the page. As far as I see, the plugin solution will reload it likewise.

The problem is that there is a form on that same page, and its fields will loose their values (becoming their defaults again).

What can I do? Some Ajax stuff?

The problem is that MODX is based on the index.php file, all other URLs are rewritten to go to the index.php file by the web server. So a #goto link by itself will load the home page.

If you are using FormIt, the &store property along with the FormitRetriever snippet should solve your problem.
http://rtfm.modx.com/extras/revo/formit/formit.formitretriever

Quote from: ottogal at Aug 01, 2014, 12:17 PM

Hi all,

I refer to the article Named Anchor in the Revo Documentation.

Adding the Resource ID like in this example

<a href="[[~[[*id]]]]#prohibited">Prohibited Activities</a>

will reload the page. As far as I see, the plugin solution will reload it likewise.

The problem is that there is a form on that same page, and its fields will loose their values (becoming their defaults again).

What can I do? Some Ajax stuff?

Are you using < base href > in your headers? If not, just make the link < a href="#prohibited" >Prohibited Activities< /a > and it will work. If you ARE using base href, do you really need to?

One method (if you are not using FormIt), is to have placeholders for the field values in the Tpl chunk.

The snippet that processes the form can set those placeholders from the $_POST data if it's a reload. Be careful to sanitize the $_POST data first, though.

Thank you all for your hints.

I use <base href="[[++site_url]]"/> in all my headers, like many times recommended as best practice.

MODX is based on the index.php file, all other URLs are rewritten to go to the index.php file by the web server.

What I don't understand: Why [[~7]] is not rewritten to inx.php?id=7 (or, having FURLs enabled, to alias-of-id7.html)?

My Form is very simple, just for entering options for sorting and filtering the output of a custom table. So there is no need for sanitizing the input values. For that reason I think FormIt would be too big a tool (the Germans would say "It's shooting with canons on a sparrow").

And it uses the get method; on submit the page is reloaded, the field values of the form being set again by snippets which fetch the values from the $_GET array. Works fine.

So I would like to keep get (instead of using post). Wouldn't it be possible to achieve the refilling of the form fields on <a href="[[~[[*id]]]]#anchor"> in the same way as on the submit of the form?

If you have friendly URLs enabled, [[~7]] will generate a URL of alias.html (depending on how you have your MODX installation configured), which the web server, if it has mod_rewrite or its equivalent enabled, will rewrite to "index.php?q=alias.html". With the Apache web server, this is usually done in the .htaccess file. It can, however, be done in the httpd.conf instead. Some web servers, like nginx, must have rewrite rules in its configuration files.

If you do not have friendly URLs enabled, you'll just get index.php?id=7 and no need for rewrites. [ed. note: sottwell last edited this post 9 years, 8 months ago.]

Very nice! May I use this in the Cookbook?

Thank you, Susan!
You may use it, of course - I'd feel honoured...

Would you mind posting the actual Javascript you use to accomplish this?