Sweet Alerts – Replacement of Javascript Alert Function

A beautiful replacement for  javascript’s “ALERT” is Sweet Alert( a.k.a Swal)

Sweet Alert is a responsive alert which automatically centers itself

on the page and looks great no matter if you’re using a desktop computer, mobile or tablet.

It’s even highly customizeable.

You just need to include 1 JS file and 1 CSS file for Sweet Alert i.e.

<script src="./js/sweet-alert.min.js"></script>
<link rel="stylesheet" href="./css/sweet-alert.css">

To call the sweetAlert-function you just need to do following:
swal({   
   title: "Error!",
   text: "Here's my error message!",
   type: "error",
   confirmButtonText: "Cool" 
});

It is highly customize-able to get rid out of alert().

For downloading needed JS and CSS and documentation you can visit:
Sweet Alert Website
Advertisements

JQuery Code Snippet to “Translate your website in many languages”

You just need to add the script in your HTML which is given below:


<!-- If you already have jQuery embeded in your page, remove the following line: -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<!-- Start Translate This button  -->
<script src="http://s1.translationcloud.com/_3_0/javascript/e.js?translate_this_src=hi"></script>
<div class="translate_this notranslate" style="margin-top:20px;">
<a class="translate_this_drop translate_this_tc_icon" title="Translate" href="http://translationcloud.com">translation services</a>
<a class="translate_this_drop translate_this_translate_text" title="Translate" href="http://translationcloud.com">Translate</a>
<span class="translate_this_separator"> | </span>
<a class="translate_this_no_drop" title="English" href="http://translationcloud.com/languages/english/" rel="en">English translation</a>
<a class="translate_this_no_drop" title="Spanish" href="http://translationcloud.com/languages/spanish/" rel="es">Spanish</a>
<a class="translate_this_no_drop" title="German" href="http://translationcloud.com/languages/german/" rel="de">German</a>
<a class="translate_this_no_drop" title="Chinese" href="http://translationcloud.com/languages/chinese/" rel="zh-CHS">translate Chinese</a>
</div> <!-- End Translate This button -->