Bringing Login dialog in front of home page

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Bringing Login dialog in front of home page

Post by alex4orly » Mon Dec 11, 2017 11:53 pm

I have this website : http://www.beleuramyhome.org.au/
The site has an index.php that logs in visits to the site and at the end I have - include ("frontpage.html"); which takes the visitor to the actual website main entry page.

Now, I decided to implement a "Login" dialog and have members register before accessing the actual website, but I would like to :

1) Have the "frontpage.html" showing up as a background
2) The login.php sitting on top of it - probably in a layer that the front page can be seen through dimmed

Is this possible? If so, how do I go about it?

Cheers

User avatar
Pablo
 
Posts: 13927
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Bringing Login dialog in front of home page

Post by Pablo » Tue Dec 12, 2017 7:12 am

Did you consider using a modal layer or the jQuery Dialog?

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Tue Dec 12, 2017 7:46 am

I tried a Modal layer, but when trying to insert a Login dialog into it.... I am not sure how to go about it.
The site is RWD and it tried inserting a Layout grid into the layer, but no go
My attempt is on top of the frontpage.html - or is that not the way?
I want the frontpage to show dimmed in the background...
Is it possible, how?
I didn't try a jQuery Dialog, which is the preffered option?

Cheers

User avatar
Pablo
 
Posts: 13927
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Bringing Login dialog in front of home page

Post by Pablo » Tue Dec 12, 2017 8:41 am

I'm not sure why you need 'frontpage.html'?

Did you try a jQuery Dialog or modal layer?
Simply drag the login object on top of the layer/dialog.

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Tue Dec 12, 2017 9:01 am

I need the frontpage.html so that the login dialog pops on top of it and only lets visitors get to it on successful login.
So?

User avatar
BaconFries
 
 
Posts: 4167
Joined: Thu Aug 16, 2007 7:32 pm

Re: Bringing Login dialog in front of home page

Post by BaconFries » Tue Dec 12, 2017 9:11 am

Alex try to be more clear.... 'frontpage.html' is actually a page in your site correct?? or are you referring to using 'Frontpage' source code in WWB???. Alex for those of us who remember "Frontpage" was Microsoft's attempt at web design so you can see why it is being asked is it source code or is it a page??.

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Tue Dec 12, 2017 9:16 am

Forgot about that ms tool, never liked it.
Frontpage.html is the entry front page of the entire site.
I want the login dialog to sit over it, while in the background is dimmed view of the site, until the visitor logs into the site and the login dialog is dismissed
Thanks

User avatar
BaconFries
 
 
Posts: 4167
Joined: Thu Aug 16, 2007 7:32 pm

Re: Bringing Login dialog in front of home page

Post by BaconFries » Tue Dec 12, 2017 9:22 am

Then as Pablo has previously mentioned you can use the jQuery Modal for this. I would also suggest this as well due to when it opens the background of the Modal has a light opacity.

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Tue Dec 12, 2017 9:28 am

Ok. There are however cases on the site when people are returned / redirected to that front page but ther is no need to bring up the login dialog.
So, can i have this login box on a page called index.html that will somehow let the front page to be its bacground?
Thanks Baconfries

User avatar
Pablo
 
Posts: 13927
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Bringing Login dialog in front of home page

Post by Pablo » Tue Dec 12, 2017 10:04 am

In that case you will need to implement conditional code which checks whether the user has logged in.
This requires programming.

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Tue Dec 12, 2017 10:10 am

Yes Pablo, that should be ok.
But, hkw do i make the login box to be on its own page and still be see through?

User avatar
Pablo
 
Posts: 13927
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Bringing Login dialog in front of home page

Post by Pablo » Tue Dec 12, 2017 10:41 am

Did you try the modal layer or jQuery Dialog?

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Tue Dec 12, 2017 11:55 pm

OK, added a JQuery dialog onto the middle of the home page
The result looks like what I want : http://www.beleuramyhome.org.au/fplogin.php
BUT,
1) How do I get rid of the "x" which defeats the whole idea of a login, and
2) How do I avoid the dialog showing up again when a visitor goes back to the home page? Should I just check if there is already a valid session and if so, skip it?

My preferred option would have been to have the login dialog onto a page on its own, but with the dimmed background of the frontpage.html
If I can do this somehow, I avoid the login showing up again.... ???

User avatar
Pablo
 
Posts: 13927
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Bringing Login dialog in front of home page

Post by Pablo » Wed Dec 13, 2017 7:18 am

You can remove the close button by adding this code between the head tags.

Code: Select all

<style>
.ui-dialog-titlebar-close 
{
    visibility: hidden;
}
</style>
How do I avoid the dialog showing up again when a visitor goes back to the home page? Should I just check if there is already a valid session and if so, skip it?
If the user is logged in then you can redirect the user to another page.

User avatar
alex4orly
 
 
Posts: 547
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Bringing Login dialog in front of home page

Post by alex4orly » Wed Dec 13, 2017 7:45 am

Hello again,

OK, that did the trick of removing the "x".
Please visit this link : http://www.beleuramyhome.org.au/login_modal.php

What I did there, is inside the PHP tag, I inserted a call to the website home page, this loads first and then the login dialog shows up on top of it. See fragment code below

<?php
include ("fplogin.html");
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['form_name']) && $_POST['form_name'] == 'loginform')
{
$success_page = './frontpage.html';
....


Which is what I wanted, BUT
Use 221 as the villa number and 221a for password, and the login dialog is NOT being dismissed...
Any suggestion why?

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest