Need help ASP.NET Core with Java Script

Question

Need help ASP.NET Core with Java Script

Jerry Lipan 916

Hi,

So far, I built this. Session Expired Alert

When countdown is zero, it trigger the alert as following,

_Layout.cshtml

I need help to adjust my Java Script. To make it,

Timeout start at 1 minute
After Click Session Alert, I need help to HIDE the Span Message

Span Message

Please help me to modify my Java Script

AgaveJoe 30,126 Reputation points

2022-08-13T14:16:45.17+00:00

Timeout start at 1 minute

Google JavaScript countdown timer.

After Click Session Alert, I need help to HIDE the Span Message

It looks like you are using a JavaScript alert. The alert stops code execution so just had JavaScript code below the alert that sets the span's display property to none.

On a side note, if you want community assistance then share your source code on GitHub. Posting a screenshot makes a response unlikely because the community has to re-type the code from your screenshot to test the code.
Rena Ni - MSFT 2,066 Reputation points

2022-08-16T02:23:20.553+00:00

Hi @Jerry Lipan ,What do you mean for Timeout start at 1 minute? And for the second requriement, document.getElementById("xx").style.display= 'none'; can make the span hide, do you mean you want to add listener to the alert and only it you click the alert can hide the span?
Jerry Lipan 916 Reputation points

2022-08-16T02:33:23.937+00:00

Hi @Rena Ni - MSFT ,

This is the code. https://github.com/SalmiAman/CodeSessionExpired

" What do you mean for Timeout start at 1 minute? "

I mean, the countdown start if session time only left 1 minute

Accepted answer

2 additional answers

Your answer

AgaveJoe 30,126 Reputation points

2022-08-13T14:16:45.17+00:00

Timeout start at 1 minute

Google JavaScript countdown timer.

After Click Session Alert, I need help to HIDE the Span Message

It looks like you are using a JavaScript alert. The alert stops code execution so just had JavaScript code below the alert that sets the span's display property to none.

On a side note, if you want community assistance then share your source code on GitHub. Posting a screenshot makes a response unlikely because the community has to re-type the code from your screenshot to test the code.
Rena Ni - MSFT 2,066 Reputation points

2022-08-16T02:23:20.553+00:00

Hi @Jerry Lipan ,What do you mean for Timeout start at 1 minute? And for the second requriement, document.getElementById("xx").style.display= 'none'; can make the span hide, do you mean you want to add listener to the alert and only it you click the alert can hide the span?
Jerry Lipan 916 Reputation points

2022-08-16T02:33:23.937+00:00

Hi @Rena Ni - MSFT ,

This is the code. https://github.com/SalmiAman/CodeSessionExpired

" What do you mean for Timeout start at 1 minute? "

I mean, the countdown start if session time only left 1 minute

Answer 1

Hi @Jerry Lipan ,

Actually, document.getElementById("xx").style.display= 'none'; can make the span hide, but you use the redirect in your js code so you cannot see such thing appear.

Here is a demo you could follow in the txt file:

231388-js-code.txt

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards,
Rena

Answer 2

Jerry Lipan 916

Hi @AgaveJoe

Actually I want paste the code into this forum. Unfortunately, it give an error. Sorry for inconvenient

This is is full code in Github as following,

https://github.com/SalmiAman/CodeSessionExpired

Now I change sessionTimeout into 20 minutes. So that, if browser idle after 19 minutes Timeout Trigger will arise

Please help

Answer 3

Jerry Lipan 916

Hi @Rena Ni - MSFT

It's working. Thanks

Share via

Need help ASP.NET Core with Java Script

2 additional answers

Your answer