Forum Moderators: open

Message Too Old, No Replies

loading or saving window

         

aliUK

3:39 pm on Oct 18, 2008 (gmt 0)

10+ Year Member



Hi

I need some help with some JS/css.

Basically, I need to grey out the screen and place a loading... message or saving message in the middle of the users screen.

for the loading screen it should run when the user navigates to another page or refreshes the page but I would have a save button that would overright the loading message with a save message. so it should be displayed while the page is still being rendered but removed when the page is loaded.it should also disable users froms from clicking somewhere else on the page.

Hope someonebody can help me with this problem I've had for quiet some time.

DrDoc

5:16 pm on Oct 20, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well ... that is no small task. Getting the message in place is not hard. But getting it to stay if they move away is. In fact, it is not doable. There is no way you can get it to store if they navigate elsewhere (say, to www.webmasterworld.com) using their browser's address bar. You can get the desired behavior across your own pages, but that requires heavy dependency on cookies and/or server side scripting.

aliUK

8:05 pm on Oct 20, 2008 (gmt 0)

10+ Year Member



Hi DrDoc

I was thinking perhaps a floating div with the message. I know I cant stop them navigating to another site if they use their address bar but on my pages I can like cancel buttons and other links to other parts of my website I dont want them to be able to use this links. So I thought maybe a semi-transparent floating div so that they can still see the underlying page.

I needs to be able to be updated according to the loading status in a similar way to stat bar on web browsers do.

thanks for your help its appreciated.

aliUK

2:46 pm on Oct 22, 2008 (gmt 0)

10+ Year Member



anybody?

aliUK

2:49 pm on Oct 22, 2008 (gmt 0)

10+ Year Member



Sorry my spelling is really bad

I was thinking perhaps a floating div with the message. I know I can't stop them navigating to another site if they use their address bar but on my pages I have cancel buttons and other links to other parts of my website I don't want them to be able to use these links until the page has been submitted. So I thought maybe a semi-transparent floating div so that they can still see the underlying page.

I needs to be able to be updated according to the loading status in a similar way to status bar on web browsers do.

thanks for your help its appreciated.