An HTML5 replication of the Native Android Toast http://developer.android.com/guide/topics/ui/notifiers/toasts.html
Demo: http://jadjoubran.github.io/Android-Toast/
Compatible with PhoneGap applications.
To use Android toast, simply include src/css/toast.css and src/js/toast.js to your project and call the android_toast javascript function (does not require jQuery or any external DOM manipulation library)
<script>
var toast1 = new Android_Toast({content: 'Please check your connection and try again.'});<br />
</script>
You can also customize the position and the duration:
<script>
var toast2 = new Android_Toast({content: 'Connected to Wi-Fi network <em>Router Name</em>', duration: 4000, position: 'top'});<br />
</script>
Package is available through bower:
bower install android-toast
Or you can simply include the dist/android_toast.min.js and dist/android_toast.min.css files in your document.
The constructor function accepts 3 options:
content sets the text to be displayed. <em></em> text will be highlighted in blue.
duration accepts an integer. The toast will disappear after the set duration. Defaults to 3000 (milliseconds).
position Either top or bottom. Determines the position of the toast. Defaults to bottom.
Check the MIT-LICENSE.txt file
http://www.eTobb.com 's first Open Source contribution.
Developed by Jad Joubran @JoubranJad
Other contributors: