public

kamranzafar / toast.js

Last active 2014-03-05

JQuery Mobile Android-style Toast popup

Download Gist
Clone this gist
Embed this gist
Link to this gist

toast.js

JavaScript

File suppressed. Click to show.

      
        
          
          
            var toast=function(msg){
	$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h3>"+msg+"</h3></div>")
	.css({ display: "block", 
		opacity: 0.90, 
		position: "fixed",
		padding: "7px",
		"text-align": "center",
		width: "270px",
		left: ($(window).width() - 284)/2,
		top: $(window).height()/2 })
	.appendTo( $.mobile.pageContainer ).delay( 1500 )
	.fadeOut( 400, function(){
		$(this).remove();
	});
}

          
        

    

fzx commented 2012-10-15

Thank you very much!

blazeeboy commented 2012-12-30

Yup, thanks that works like a charm.

zebarahman commented 2013-01-28

Thanks, please can u tell me how to use this in an HTML file..?

Mullazman commented 2013-03-12

Signed up just to say thanks, though it's about time I signed up.
Thank you dude!

brucelandgate commented 2013-03-19

Nice.. works a treat. Thanks very much!

dcimring commented 2013-04-03

Very nice :) Thanks for sharing.

subinsebastien commented 2013-05-10

Nice piece of code. Thank you!

zlapper commented 2013-07-09

Thank you!

obook commented 2013-07-13

Cleaver, thank you.

WebSerGe commented 2013-09-12

Thank you

pengwll commented 2013-09-16

Nice, thank you!

ahmedali2 commented 2013-10-30

Amazing!! thank you!!!!!!

dakshas-iprogrammer commented 2013-12-23

Thanks for sharing :)

fedyunin commented 2014-01-23

Thanks!

xiaobitao commented 2014-02-11

good code.
Thank for sharing

ParAnton commented 2014-03-03

Works like a charm!

pepedeab commented 2014-03-05

I changed:

left: ($(window).width() - 284)/2,
top: $(window).height()/2 })

to:

top: "50%",
left: "50%" })

I used top and left 50% to center the div propertly. Thanks for your code. Hope this helps someone

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.