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(); | |
}); | |
} |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
ghost
commented
Oct 15, 2012
Thank you very much! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
emad-elsaid
commented
Dec 30, 2012
Yup, thanks that works like a charm. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
zebarahman
commented
Jan 28, 2013
Thanks, please can u tell me how to use this in an HTML file..? |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
Mullazman
Mar 12, 2013
Signed up just to say thanks, though it's about time I signed up.
Thank you dude!
Mullazman
commented
Mar 12, 2013
Signed up just to say thanks, though it's about time I signed up. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
brucelandgate
commented
Mar 19, 2013
Nice.. works a treat. Thanks very much! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
dcimring
commented
Apr 3, 2013
Very nice :) Thanks for sharing. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
subinsebastien
commented
May 10, 2013
Nice piece of code. Thank you! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
uxDaniel
commented
Jul 9, 2013
Thank you! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
obook
commented
Jul 13, 2013
Cleaver, thank you. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
WebSerGe
commented
Sep 12, 2013
Thank you |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
pengwll
commented
Sep 16, 2013
Nice, thank you! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
ahmedali2
commented
Oct 30, 2013
Amazing!! thank you!!!!!! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
dakshas-iprogrammer
commented
Dec 23, 2013
Thanks for sharing :) |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
fedyunin
commented
Jan 23, 2014
Thanks! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
xiaobitao
commented
Feb 11, 2014
good code. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
ParAnton
commented
Mar 3, 2014
Works like a charm! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
pepedeab
Mar 5, 2014
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
pepedeab
commented
Mar 5, 2014
I changed: left: ($(window).width() - 284)/2, to: top: "50%", I used top and left 50% to center the div propertly. Thanks for your code. Hope this helps someone |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
xzelin
Mar 9, 2014
Thanks! And I have a little change too.
$("《div class='ui-loader ui-overlay-shadow ui-corner-all'》 《p style='word-break:break-all'》“+msg+"《/p》《/div》").css({
"display": "block", "opacity": 0.90, "text-align": "center", "width": "80%", "top": "50%", "left": "10%"
}).appendTo($.mobile.pageContainer).delay(1500).fadeOut(400, function(){$(this).remove()});
xzelin
commented
Mar 9, 2014
Thanks! And I have a little change too. $("《div class='ui-loader ui-overlay-shadow ui-corner-all'》 《p style='word-break:break-all'》“+msg+"《/p》《/div》").css({ |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
adnanpirota
commented
May 21, 2014
Thank's a lot everyone |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
botweb
Jun 12, 2014
My changes:
function toast(message) {
var $toast = $('<div class="ui-loader ui-overlay-shadow ui-body-e ui-corner-all"><h3>' + message + '</h3></div>');
$toast.css({
display: 'block',
background: '#fff',
opacity: 0.90,
position: 'fixed',
padding: '7px',
'text-align': 'center',
width: '270px',
left: ($(window).width() - 284) / 2,
top: $(window).height() / 2 - 20
});
var removeToast = function(){
$(this).remove();
};
$toast.click(removeToast);
$toast.appendTo($.mobile.pageContainer).delay(2000);
$toast.fadeOut(400, removeToast);
}
botweb
commented
Jun 12, 2014
My changes:
|
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
bryanmuvi
commented
Jun 13, 2014
good changes. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
pradeeshmp
commented
Jul 8, 2014
Awesome modification, thanks for the support |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
cabolanoz
commented
Aug 4, 2014
+1 |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
xelpmocShubham
Sep 2, 2014
function toast(message,type) {
var $toast = $('
' + message + '
var removeToast = function(){
$(this).remove();
};
$toast.click(removeToast);
$toast.appendTo($('#mcontainer')).delay(3000);
$toast.fadeOut(1000, removeToast);
}
css:--
.toastDiv{display: block;opacity: 0.9;position: fixed;text-align: center;width: 100%;top: 0;height: auto;padding: 0.5% 15%;box-sizing: border-box;line-height: 1.4em;color: #fff;font-size: 10pt;font-family: robotoL;}
.tDanger{background:#D06e6e; border:none;}
.tInfo{background: #378C99 ; border:none;}
.tSuccess{background:#9ab512 ; border:none;}
xelpmocShubham
commented
Sep 2, 2014
function toast(message,type) { ' + message + 'var removeToast = function(){ $(this).remove(); }; $toast.click(removeToast); $toast.appendTo($('#mcontainer')).delay(3000); $toast.fadeOut(1000, removeToast); } css:-- |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
sriharigolla
commented
Dec 3, 2014
nice work |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
sriharigolla
commented
Dec 3, 2014
botweb nice changes |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
djwgit
commented
Apr 30, 2016
great,thanks, using botweb's change. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
gitdealdo
commented
Jan 9, 2017
Great, Thanks for shared. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
imspikey
commented
Jan 29, 2017
Thank you nice work |
Thank you very much!