FavLink Stack

LinkAlert Stack

show a warning when a link is clicked

Use this stack to show a warning when a link is clicked, forcing a visitor to confirm he wants to continue to the next page or cancel. Best for links that lead to possibly offending or shocking content.

Demo
Example #1
This text and the link below are inside the LinkAlert stack. Alerts are set to All links inside the stack.

Continue…
Example #2
This text and the links below are inside the LinkAlert stack. Alerts are set to Only links with a class 'LA-alert.

Link with a class 'LA-alert'…

The same link without a class 'LA-alert'…
Usage
Just drag one or more stacks that can contain text in the drop zone of the stack. Choose between showing an alert message on all links inside the stack, or only specific links. If you want the warning on specific links only select the option Only links with a class 'LA-alert' and add a class LA-Alert to those links (fig. 1).

Set the alert message in the Alert Text field of the HUD. Precede single and double quotes with a backslash: don\'t, \"Hello!\", etc. For a line break, type \n. Example: the alert text for the link Continue… above looks like this:

WARNING!\n\nYou\'re about to enter a page that may contain content that is potentially harmful to your eyes, ears and/or computer.\n\nAre you sure you want to continue?\n

Need help using it on a non-stacks page? Here’s a tutorial.

Limitations
  • The option in the link window to open a link in a new window (or rel="external") will not work. Use the option in the stack's HUD instead.
  • When the visitor has JavaScript disabled in his browser, the stack will not work and no warning will be shown.
  • Links that are set show an alert message, do not work in Preview Mode. Export or publish your site to see this stack in action.
  • To keep things light (and thus fast loading), styling of the alert messages is left to the browser.

Support
Please use this form to report all issues, questions and comments.

This stack requires the Stacks plugin by YourHead (version 2 or higher).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
LA-Alert
fig. 1: Adding a class ‘LA-Alert’ to a link to trigger an alert message.
LinkAlert-HUD
© 2012-2017 Marathia Web Design | Contact