Menu icon Foundation
alert question

Is there a way to make it so the alert panel

<div data-alert class="alert-box info radius">
  This is an info alert with a radius.
  <a href="#" class="close">&times;</a>
</div>
            

         

is only shown on the web site until the a person clicks the x then it will not appear again? Right now, it reloads everytime even after the x is clicked. Would I have to use localstorage property or some other javascript to do this?

alert

Is there a way to make it so the alert panel

<div data-alert class="alert-box info radius">
  This is an info alert with a radius.
  <a href="#" class="close">&times;</a>
</div>
            

         

is only shown on the web site until the a person clicks the x then it will not appear again? Right now, it reloads everytime even after the x is clicked. Would I have to use localstorage property or some other javascript to do this?

Rafi Benkual over 4 years ago

You can make these alerts show up as different actions are performed.

In this tutorial, it is shown how to use it on a fom submission.

http://webdesign.tutsplus.com/tutorials/foundation-for-beginners-progress-alerts-tooltips-and-the-elusive-mega-drop--webdesign-13195