Sensation Energy

Tutorials


Alerts & PopUp Alerts

Example


Alerts They serve as various notices. As pop-ups or notifications that appear by pressing a button or entering a form.

It is used by copying the code below, and then pastes it into your application or website. Before that, you can use our CSS and JS to make certain functionalities work for you. These are the addressees:


<link rel="stylesheet" href="www.sensationenergy.com/se_css/se.css>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script  src="www.sensationenergy.com/js_css/se.js"></script>


Example 1


Example 2

Danger alert

Correct alert

Info alert

Warning alert

Success alert

Example 1


<div class="f">PopUp </div>
<div class="p">
<h1>Popup</h1>
<h2>This is popUp</h2>
</div>

Example 2


<div class="alert1">
<button class="cbtn" onclick="this.parentElement.style.display='none';">×</button>
<b>Danger alert</b>
</div>
<br>
<div class="alert2">
<button class="cbtn" onclick="this.parentElement.style.display='none';">×</button>
<b>Correct alert</b>
</div>
<br>
<div class="alert3">
<button class="cbtn" onclick="this.parentElement.style.display='none';">×</button>
<b>Info alert</b>
</div>
<br>
<div class="alert4">
<button class="cbtn" onclick="this.parentElement.style.display='none';">×</button>
<b>Warning alert</b>
</div>
<br>
<div class="alert5">
<button class="cbtn" onclick="this.parentElement.style.display='none';">×</button>
<b>Success alert</b>
</div>