How to hide after it displayed the messages?

Question

I am working on JSF application in primefaces in that i am showing an information to the user via <p:messages> .

So when the user click submit the page will processed and the p:messages dialog will triggered to show the information to the user ,

I referred Primefaces p:messages showcase Page

It is working fine..But after it displayed the messages , it is not closing automatically either we need to close that dialog manually or it remains in open stage.

I need it should it close automatically after it displayed the message to user... How can i do that ...Can anybody give suggestion that how can i do ?

Ya..But growl is present like a duplicate layer on the window. but differs from `` right..i thought `` will be quiet nice.. that's y .. — kark, Oct 09 '13 at 12:21
`` disapears on the next AJAX request that updates it, assuming there aren't any other messages to render. — rdcrng, Oct 09 '13 at 12:24
@rdcrng..Fine , so we have not `next AJAX request` means , it will remains display right., How can we close that message by giving any force event.. — kark, Oct 09 '13 at 12:28
http://stackoverflow.com/questions/14210116/how-to-hide-close-the-error-message-automatically-while-using-pmessage — Joffrey Hernandez, Oct 09 '13 at 13:21
@kark......you can write some `Jquery` function to set Timeout on this message. — SRy, Oct 09 '13 at 13:21

score 8 · Accepted Answer · answered Oct 09 '13 at 13:25

8

<p:messages id="msgs"> is ultimately rendered as <div id="msgs"> and its contents is then updated with the factual messages to the user.

If you want to clear the message screen after some delay you should use the JavaScript setTimeout function after ajax call has been completed:

<p:commandButton ... 
        oncomplete="setTimeout(function() { $('#msgs").html(''); }, 3000);" />

The second parameter of setTimeout function is the delay in milliseconds.

The other alternative is to use <p:growl> instead.

answered Oct 09 '13 at 13:25

skuntsel

11,624
11
44
67

@skuntsel.. Its not working but http://stackoverflow.com/questions/14210116/how-to-hide-close-the-error-message-automatically-while-using-pmessage working well, here `$('#msgs').html('');` by this code what will happen – kark Oct 10 '13 at 06:06
In what respect is it different apart from the fact that I remove HTML content while Daniel/Partlov decided to make it invisible and my code explicitly passes an anonymous function instead of literal text that's wrapped implicitly into an anonymous function? Solution was by the way tested on PF 3.5. – skuntsel Oct 10 '13 at 06:18

score 2 · Answer 2 · answered Apr 28 '14 at 11:40

Worked for me for <p:fileUpload>, which was in <p:dataList> and <h:panelGrid> elements.

    <p:fileUpload...
           oncomplete="setTimeout(function() { $('[id$=mr-upload-messages]').hide(1000); }, 2000);">

...
    <p:messages id="mr-upload-messages" showDetail="true" showSummary="false" closable="true"/>

I have used jQuery $('[id$=mr-upload-messages]' to find id's which ends with mr-upload-messages, because Primefaces adds it's unique identifier at the beginning of id.

score 1 · Answer 3 · edited Feb 02 '18 at 00:07

1

$('#msgs').html(''); immediately hide in 3 seconds but if you want to hide slowly as jquery hide method do this..

<p:commandButton ... 
        oncomplete="setTimeout(function() { $('#msgs').hide(1000); }, 3000);" />

hide(1000); hiding motion will be completed in 1 second

edited Feb 02 '18 at 00:07

Vasil Lukach

3,658
3
31
40

answered Jan 25 '14 at 17:07

Mohsin AR

2,998
2
24
36

great Mohsin, this works fine to hide the message. I need to hide the popup as well as hide the message in 3 sec so in this case only the first method (hide popup) work which is quite strange! – Athar Jan 13 '17 at 18:25

Jonas Cardoso Dos Santos · Answer 4 · 2017-09-09T17:32:52.497

-2

I came across the attention, and did it this way:

function hideMsg(){
$("#msg").delay(1000).hide(1000);
}

oncomplete="hideMsg()"

edited Sep 09 '17 at 17:32

answered Sep 09 '17 at 16:53

Jonas Cardoso Dos Santos

1
2

1

please use English here. *use inglês neste site* – rene Sep 09 '17 at 16:56

How to hide after it displayed the messages?

4 Answers4

Linked