Hi.

Tested this on Android's browser on http://akquinet.github.com/jquery-toastmessage-plugin/demo/demo.html . Tapping on (X) on "sticky" notes activates underlying element's <a ..> link.In this case, "Fork it on GitHub"'s link is triggered instead of closing the note.

Seems touch-based browsers are seeking out nearby tags and interpreting the tap as tap on that. Suggest adding A tag to the (X).

You are doing $.fn.toastmessage which means that you have to do $().toastmessage. But if you remove .fn then you can remove the (). Since you are not attaching it to anything.

I think I remember seeing a way of doing both. Will have to find that out again.

I'm not able to position the dialogs onto the left side, like top-left, bottom-left, etc. Is this a issue or the author have not provided these options?

You can improve the close function passing the message object to be closed as a parameter. Just need to rewrite line 144 from:

options.close();

to

options.close(obj);

Now it's possible to customize the close function according to the message itself.

Hi
I use:

$().toastmessage('showWarningToast', "My Message");
But it shows duplicate toast. What's wrong?

Thanks

Add please cursor: pointer rule to .toast-item-close in css
it help do plugin better

Hi,
When I try to have a toast (non-sticky) on top-left on one page and other (non-sticky) on bottom-left on second page, both toast appear in same position based on which toast is clicked first.
If top one is clicked first, hidden and then I move to second page, the toast on this page (which is supposed to appear at bottom) appears at top and vice versa is also true.
Please suggest the fix.

Be nice to create a Nuget package so we can save automatically stay to date

Guys,

How to showing multiple toast box at same time? I am not using click function to show the toast box, i am using load a php file every 2 seconds to showing the toast box if there is any notification to the user. But for this script, i can only display 1 box per time. What should i edit the js file to show limit 5 toast box at a same time if there is 5 notifications?

Thanks...

@dbremer-tonn
I want to add a certain button in the pop-up box, then what should I do?

Trouble reply me see! thank you

Hi,

the toast notification works really fine in firefox and desktop browsers in general, however on android browser if I set

position : 'top-right'

and scroll down the page the notification appear in the upper part of the page and is not visible. Please note that this happen with android 2.2 browser but not with firefox on desktop, any css/javascript magic to solve this?

Hello,
Plugin works well in Mozila and Chrome.
But in IE 8 only message getting display. Page remain hidden. I am using CI it doesn't load next view.
Please help.

The top of the css property is interpreted differently in Internet Explorer and Firefox.

I used this workaround:

if(navigator.userAgent.match(/MSIE/i))
{
toastWrapAll.css({top: $(window).scrollTop()+'px'});
//toastWrapAll.css({top: document.documentElement.scrollTop});
}

Bye

Sorry, too lazy for a pull request...

Changing jquery.toastmessage.js line 88 from:

toastItemInner  = $('<div></div>').hide().addClass('toast-item toast-type-' + localSettings.type).appendTo(toastWrapAll).html('<p>'+localSettings.text+'</p>').animate(localSettings.inEffect, localSettings.inEffectDuration).wrap(toastItemOuter);

to:

toastItemInner  = $('<div></div>').hide().addClass('toast-item toast-type-' + localSettings.type).appendTo(toastWrapAll).html ($('<p></p>').append (localSettings.text)).animate(localSettings.inEffect, localSettings.inEffectDuration).wrap(toastItemOuter);

makes it possible to pass a jQuery object or a string as message.

I'm trying to create a one instance with different classes for several things (including the toast-item color, padding and alignment, and changing the toast-item-close image).

I've had some difficulty applying a custom class to the javascript, and jQuery's addClass() isn't changing some of those properties.

Hi,

i would like to put in form submit but it seems i cant

had to upload text coz didnt display it here http://www.text-upload.com/read.php?id=109261&c=1806480

but i cant get it to display, if i try some other php code it works but with

Regards

All positions work, none of the bottom position works.

I have found a problem with fade-in & fade-out on IE8 - the box itself works fine, but the close icon appears/disappears abruptly, with no fading effect. Any ideas on how to fix this? Thanks.

Error: options.close is not a function
Source File: js/jquery.toastmessage.js
Line: 144

This happens when trying to use a callback from the plugin using the following code as taken from the example file and updated for my requirements.

var bup = $.post("softup.asp", {up: "blog"});
$().toastmessage('showToast', {
    sticky   : 'true',
    position : 'top-right',
    type     : 'notice',
    text : 'A New Blog Has Been Published, Please Check The Blog Menu For More Details.',
    close : bup
});

From looking at the examples file this is how the example using a call back was called I have tried adding it as a function etc but cant seem to get it to work in anyway.

Hi i used your script, and i found an error on it, on the line 138, you have "obj.parent().remove();" and i think it should be "obj.parent().parent().remove();" because the first option don't remove the ".toast-container", and because of that i was unable to use the scripts below the previous pop-up position.

Regards and thanks for the script!

Looking through the documentation, I'm having trouble figuring out where the plugin looks for the images, and how I'd tell the library to look somewhere else.

Is this documented?

I just test this plugin in IE9 with jquery 1.6 ,it doesnot show the animation fadein and fadeout effect , but I choose IE 9 to open the demo page , the animation works , I really dont know why..

Hi,
I'm unable to display the popup in my master page in ASP.NET
The toast related markup:
Undefined symbol $
Kindly Help.

[code]

//

within script tag
this was generated by a function as follows:

public void showmessage(string message, int choice)
{
string type="",script="";
switch(choice)
{
case 1:type="success";
break;
case 2:type="notice";
break;
case 3:type="warning";
break;
case 4:type="error";
break;
}
script="$().toastmessage('showToast',{";
script+="text:'"+message+"',";
script+="sticky:true,";
script+="type:'"+type+"'});";
ScriptManager.RegisterClientScriptBlock(Page,this.GetType(),"Msg",script,true);
//client.RegisterClientScriptBlock(this.GetType(),"Msg",script);
}

[/code]