FAQtoid

J Allen · Aug-27-2011, 08:56 AM #41

Quote:

Originally Posted by dkh313

This is something I've been looking for! YAY!
However, I can't seem to get it to work for me! BOO!

I used the script posted for "Got Grins?" and when I hit "Login" it doesnt do anything, when i hit enter it simply takes me to a page that says "No galleries found"... It doesnt say Password Not accepted, just that No galleries page- even if i enter a bum password it still takes me there.

I'd also like to center the text on the page...

Can anyone help me on this?

Its not findable on my site yet, so here is a link: http://www.khrishumphreyphotography....8741382_G46pGc

Change you code to

vegaguy · Aug-28-2011, 08:22 AM #42

is there a way to do this with EVENTS? My thoughts were a page like--> http://www.johnparliphotography.com/Weddings with all events listed with thumbnail image and name. Click it and it sends/redirects u to the EVENT sing-in page. Any ideas how to make these galleries redirect?

thanks all!

Shooter84 · Aug-28-2011, 01:50 PM #43

I have multiple questions about this but we will start with this. Is there anyway to add a user name with this. I have multiple corporate clients and this is exactly what I need however I think it will only work if I can have user name and password. Wouldn't it basically be a new password box labeled user name and it will send you to a certain page if both the user name and password are correct? www.nkerleyproofs.com under special projects. A drop down username box would be absolutly perfect for me. Ie:drop down the username box and choose a username then enter the password manually.

Shooter84 · Aug-28-2011, 04:59 PM #44

If anyone is interested I found a solution to my problem. I added the following code to my description... I will be messing with this to get it so that different user names and passwords will link to different galleries in the future and if anyone is interesed I will post when I get this done.

<html>
<center>
<script type = "text/javascript">

var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;

var unArray = ["User Name Here"]; // as many as you like - no comma after final entry
var pwArray = ["Password Here"]; // the corresponding passwords;

for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}

if (valid) {

window.location = "Insert gallery here";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid username and/or password. You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}

}

</script>

<form name = "myform">
<p>USERNAME <select type= "username" name= "username" >
<option value=""></option>
<option value="Insert User Name Here">Insert User Name Here</option>
</select>
<br>
<br>
PASSWORD <input type="password" name="pword">
<br>
<br>
<input type="button" value="Log In" name="Submit" onclick= "validate()">
</p>
</center>
</form></html>

MrsT · Sep-02-2011, 04:02 PM #45

On my top nav bar i have a link to "Client Login" currently the password is set to be the nickname of the gallery. That is the way my web dev did it. I would prefer to have it so it could use the password option from the gallery. Any suggestions how to get this done?

This is what is in my top nav bar - The "smugid" is what is being entered by the client.

function opensmugLinkWindow(smugid)
{

if (document.customerproofs.customerid.value == "")
{
alert("Client Login ID required");
document.customerproofs.customerid.focus();

}
else
{

var smugmugbase = "http://melanietvetephotography.com/Proofs/";
var smugidname = smugid;
var URL = smugmugbase + smugidname;
window.location=URL;
}
}

Thanks in advance!

xtelmas · Sep-10-2011, 04:36 AM #46

This does not need to be a security risk! If you change your thinking so that the password is actually used more like a username, it will then redirect you to your password protected gallery. Just food for thought, an example of this is on my website: chrisstraitphoto.smugmug.com. Even if you gain access to the URL for the gallery you still cannot get into it :).

- Chris

kphoto · Sep-30-2011, 09:47 AM #47

I am trying to create "Client Login" page. I am not sure where to place J Allen's code.

Here is what I did:

1) Created a new gallery

2) Went to "Gallery Settings" and pasted J Allen's code in "Description" under "Extras."

3) I used "Journal" style.

I haven't worked on the password configuration yet, but II just want to know what I did so far are correct.

***Also, I am sure this is very basic, but how do I make more room between the footer and "submit" button?***

http://kphoto1.smugmug.com/ClientLog...7cnJsx#000000_

J Allen · Sep-30-2011, 09:58 AM #48

Quote:

Originally Posted by kphoto

I am trying to create "Client Login" page. I am not sure where to place J Allen's code.

Here is what I did:

1) Created a new gallery

2) Went to "Gallery Settings" and pasted J Allen's code in "Description" under "Extras."

3) I used "Journal" style.

I haven't worked on the password configuration yet, but II just want to know what I did so far are correct.

***Also, I am sure this is very basic, but how do I make more room between the footer and "submit" button?***

http://kphoto1.smugmug.com/ClientLog...7cnJsx#000000_

Would you be up for installing something different, that works a TON better than what I posted here? It'll take some leg work on your end....

kphoto · Sep-30-2011, 10:06 AM #49

Quote:

Originally Posted by J Allen

Would you be up for installing something different, that works a TON better than what I posted here? It'll take some leg work on your end....

Thank you, J Allen. I would LOVE that. I will wait for your post.

J Allen · Sep-30-2011, 10:22 AM #50

Quote:

Originally Posted by kphoto

Thank you, J Allen. I would LOVE that. I will wait for your post.

Removed for updated tutorial

kphoto · Sep-30-2011, 11:04 AM #51

Quote:

Originally Posted by J Allen

STEP ONE-

Make a new category named "clients"

STEP TWO-

On your current login page, replace the code with this:

Code:

<html>
<script type="text/javascript">

function handleEnter (field, event) {

        var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;

        if (keyCode == 13) {

            var i;

            for (i = 0; i < field.form.elements.length; i++)

                if (field == field.form.elements[i])

                    break;

            i = (i + 1) % field.form.elements.length;

            opensmugLinkWindow(document.customerproofs.customerid.value);

            return false;

        } 

        else

        return true;

    }   




function opensmugLinkWindow(smugid)

  {



if (document.customerproofs.customerid.value == "")

    {

        alert("Client Login ID required");

        document.customerproofs.customerid.focus();

        



    }

else

{



var smugmugbase = "http://kphoto1.smugmug.com/Clients/";

var smugidname = smugid;

var URL = smugmugbase + smugidname;

window.location=URL;

}

}

  





YE.onDOMReady(function()

{

clientLogin('MY_LINK_ID', 'Clients'); 

});



function clientLogin(trigger, category) 

{

var clDialog = new YAHOO.widget.Panel("clDialog", {

width: "325px", 

fixedcenter: true, 

zIndex: 100,

constraintovichport: true, 

underlay: "shadow",

modal: true,

close: true, 

visible: false, 

draggable: false

});

clDialog.setHeader("<h1>Client Login</h1><p>Please enter your client login to continue.</p>");

clDialog.setBody('<label>client login : </label><input id="clUsername" type="text" />');

clDialog.setFooter('<input id="clLoginButton" type="button" value="submit" />');

clDialog.render(document.body);

YE.addListener(trigger, 'click', function(e)

{

YE.preventDefault(e);

clDialog.show();

});

YE.addListener('clLoginButton', 'click', function(e)

{

var value = YD.get('clUsername').value;

if(value != '') {

var url = 'http://kphoto1.smugmug.com/' +  category + '/' + value;

window.location.href = url;

}

else {

alert('Please enter your username to continue.');

}

});

};

</script>

<p>
To view your phonographs in our gallery, please enter the password you received by your photographer.</p>
<p>
Note: Passwords are case-sensitive and should be entered exactly as provided.
</p>
<p>
If you need assistance, please contact us  at  (253) 565 - 1701 or at <a href="mailto:Kazuko@Kphotographic.com">Kazuko@Khotographic.com</a>
</p>

<div id="login-form">
<form name="customerproofs" id="customerproofs" action="#" method="get"><input class="inputleft" name="customerid" id="customerid" value="" size="30" maxlength="30" tabindex="1" onkeypress="return handleEnter(this, event)" type="text"></form>

 

<a href="javascript:opensmugLinkWindow(document.customerproofs.customerid.value);">
<img src="http://www.joerallen.com/photos/i-fr9ZXNj/0/O/i-fr9ZXNj.png" border="0"></a>
</div>

</html>

WOW, this is great. I will work on this and post the result here a bit later.

By the way, I just wanted to make sure - I paste the code in "Description" under "Extras" and use "Journal" style, correct??

Thank You!

J Allen · Sep-30-2011, 11:20 AM #52

Quote:

Originally Posted by kphoto

WOW, this is great. I will work on this and post the result here a bit later.

By the way, I just wanted to make sure - I paste the code in "Description" under "Extras" and use "Journal" style, correct??

Thank You!

Add to the gallery description area....

Any style will do...I usually just use smugmug style because of the stretchy feature.

kphoto · Sep-30-2011, 03:21 PM #53

Quote:

Originally Posted by J Allen

Add to the gallery description area....

Any style will do...I usually just use smugmug style because of the stretchy feature.

I worked on the new "Client Login" page following your instruction.

The new link --> http://kphoto1.smugmug.com/Clients/c...9284776_x97vqz

All the passwords (testone, testtwo, and testthree) work great.

I have a couple of problems though: as you can see, the photo in "testone" gallery did not get hidden for some reason. Also I could not figure out how to change the warning sign (I guess I am supposed to change "Kenya" and so on, but I got too confused and left those code as is.)

J Allen · Sep-30-2011, 04:08 PM #54

Quote:

Originally Posted by kphoto

I worked on the new "Client Login" page following your instruction.

The new link --> http://kphoto1.smugmug.com/Clients/c...9284776_x97vqz

All the passwords (testone, testtwo, and testthree) work great.

I have a couple of problems though: as you can see, the photo in "testone" gallery did not get hidden for some reason. Also I could not figure out how to change the warning sign (I guess I am supposed to change "Kenya" and so on, but I got too confused and left those code as is.)

In your bottom java-script box, find these lines of code:

kphoto · Oct-01-2011, 09:40 AM #55

Quote:

Originally Posted by J Allen

In your bottom java-script box, find these lines of code:

Code:

/* Category descriptions */

function addCategoryDescription(titleOnly) 

{

    var categoryDescription = {

        // list "categoryname" : "category title",

        // or "categoryname.subcategoryname" : "subcategory title",

        // Examples:

        // "Kenya"  : "Our vacation to Kenya",

        // "Kenya.Highlights" : "The highlights galleries from our vacation to Kenya",

        "Kenya"  : "Our vacation to Kenya",

        "Kenya.Highlights" : "The highlights galleries from our vacation to Kenya",

        "Kenya.Shaba" : "Galleries from our three days in Shaba",

        "Other.Sigma Lens Test": "Various galleries from testing my Sigma lens",

        "category2"  : "This is another test.",

        "category3"  : "Final test"

    };

And change ONLY these lines of code to this...you must be very careful when doing this or you'll break the string:

Code:


/* Category descriptions */

function addCategoryDescription(titleOnly)

{

    var categoryDescription = {

                // list "categoryname" : "category title",

                // or "categoryname.subcategoryname" : "subcategory title",

                "Clients"  : "Oops sorry that didnt work Try again by selecting clients from above or Contact Me directly ",

                "category2"  : "This is another test.",

                "category3"  : "Final test"

    };

Change the text in red to fit your needs, be sure to keep the text between the quotes

Hi Joe,

Thank you for your generous and precise info as always.

I worked on the Java you gave me. Again, all the passwords work great and they direct me right to that particular gallery. (Passwords are testone, testtwo, and testthree.)

I have one question - is there any way that we can make the warning shows up as a pop-up? Your former "Client Login" codes that I used earlier had pop-up when I insert a wrong password. But this one doesn't.

My client login page -> http://kphoto1.smugmug.com/Clients/clients/19284776_x97vqz

eric-holmes · Oct-04-2011, 07:11 PM #56

Quote:

Originally Posted by kphoto

I have one question - is there any way that we can make the warning shows up as a pop-up? Your former "Client Login" codes that I used earlier had pop-up when I insert a wrong password. But this one doesn't.

Good idea. I am about to try this. How hard was it?

eric-holmes · Oct-05-2011, 12:33 PM #57

Ok, yeah. That second way to do it kicked my tail. I ended up hiding every gallery in my website and then when you entered a wrong password it took you to the examples page. Quite a mess.

kphoto · Oct-05-2011, 12:46 PM #58

Quote:

Originally Posted by eric-holmes

Good idea. I am about to try this. How hard was it?

It was not hard. I don't have much knowledge of codes. I just followed exactly what J Allen posted here.

rinkshots · Oct-05-2011, 01:15 PM #59

Well, it seems time to give this a try myself. I've got my login gallery here: http://www.rinkshots.com/Clients/Login/19367904_dTMCj2. I currently have three galleries in it, and they seem to work fine. The passwords are 092511, 031311 and 040311. Now on to some more personalization. I like the fixed width of the old journal style, but I want it to by 1000 px wide, instead of 800. How do I go about that? Is the email address on this page another required item, or just for logging purposes? (http://www.gotgrins.com/Clients/Clie...8715544_4DHQ6c). I assume I would have to update this each and every time I add a new gallery as well, to keep up on the passwords and stuff?

Thanks!

Scott

J Allen · Oct-06-2011, 12:58 AM #60

Quote:

Originally Posted by rinkshots

Well, it seems time to give this a try myself. I've got my login gallery here: http://www.rinkshots.com/Clients/Login/19367904_dTMCj2. I currently have three galleries in it, and they seem to work fine. The passwords are 092511, 031311 and 040311. Now on to some more personalization. I like the fixed width of the old journal style, but I want it to by 1000 px wide, instead of 800. How do I go about that? Is the email address on this page another required item, or just for logging purposes? (http://www.gotgrins.com/Clients/Clie...8715544_4DHQ6c). I assume I would have to update this each and every time I add a new gallery as well, to keep up on the passwords and stuff?

Thanks!

Scott

If you follow the steps from post #50, you don't have to update anything...Just make sure your gallery name and the "nice name" (from the url) match.


Similar Threads	Thread Starter	Forum	Replies	Last Post

hiding galleries, linking to client page, help!	Gasconphotography	SmugMug Customization	4	Apr-28-2012 07:31 AM
Client Creating Holiday Cards??	smilenj	SmugMug Pro Sales Support	6	Aug-28-2010 07:19 AM
B&W section	Kilo	Dgrin Forum Support	3	May-03-2010 04:14 PM
New Riverwalk Section is Open	redleash	Landscapes	5	Dec-05-2009 10:59 AM
Forum section for photo contests? What do you think?	sdmoel	The Big Picture	2	Mar-02-2005 12:10 PM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Aug-28-2011, 08:22 AM #42
vegaguy Major grins Join Date: Mar 2009 Location: Chi-Town Posts: 230	is there a way to do this with EVENTS? My thoughts were a page like--> http://www.johnparliphotography.com/Weddings with all events listed with thumbnail image and name. Click it and it sends/redirects u to the EVENT sing-in page. Any ideas how to make these galleries redirect? thanks all! __________________ -John http://www.johnparliphotography.com/ http://www.johnparliphotography.blogspot.com/ http://www.facebook.com/pages/Joliet...y/235669552864 http://www.flickr.com/photos/johnpar..._photographer/ https://twitter.com/johnparliphoto

Aug-28-2011, 01:50 PM #43
Shooter84 Big grins Join Date: Nov 2010 Location: Illinois Posts: 76	I have multiple questions about this but we will start with this. Is there anyway to add a user name with this. I have multiple corporate clients and this is exactly what I need however I think it will only work if I can have user name and password. Wouldn't it basically be a new password box labeled user name and it will send you to a certain page if both the user name and password are correct? www.nkerleyproofs.com under special projects. A drop down username box would be absolutly perfect for me. Ie:drop down the username box and choose a username then enter the password manually. __________________ WWW.NKerleyPhotography.com WWW.NKerleyWeddings.com WWW.NKerleyProofs.com Last edited by Shooter84; Aug-28-2011 at 02:00 PM.

Aug-28-2011, 04:59 PM #44
Shooter84 Big grins Join Date: Nov 2010 Location: Illinois Posts: 76	If anyone is interested I found a solution to my problem. I added the following code to my description... I will be messing with this to get it so that different user names and passwords will link to different galleries in the future and if anyone is interesed I will post when I get this done. <html> <center> <script type = "text/javascript"> var count = 2; function validate() { var un = document.myform.username.value; var pw = document.myform.pword.value; var valid = false; var unArray = ["User Name Here"]; // as many as you like - no comma after final entry var pwArray = ["Password Here"]; // the corresponding passwords; for (var i=0; i <unArray.length; i++) { if ((un == unArray[i]) && (pw == pwArray[i])) { valid = true; break; } } if (valid) { window.location = "Insert gallery here"; return false; } var t = " tries"; if (count == 1) {t = " try"} if (count >= 1) { alert ("Invalid username and/or password. You have " + count + t + " left."); document.myform.username.value = ""; document.myform.pword.value = ""; setTimeout("document.myform.username.focus()", 25); setTimeout("document.myform.username.select()", 25); count --; } else { alert ("Still incorrect! You have no more tries left!"); document.myform.username.value = "No more tries allowed!"; document.myform.pword.value = ""; document.myform.username.disabled = true; document.myform.pword.disabled = true; return false; } } </script> <form name = "myform"> <p>USERNAME <select type= "username" name= "username" > <option value=""></option> <option value="Insert User Name Here">Insert User Name Here</option> </select> <br> <br> PASSWORD <input type="password" name="pword"> <br> <br> <input type="button" value="Log In" name="Submit" onclick= "validate()"> </p> </center> </form></html> __________________ WWW.NKerleyPhotography.com WWW.NKerleyWeddings.com WWW.NKerleyProofs.com

Sep-02-2011, 04:02 PM #45
MrsT Beginner grinner Join Date: Jun 2011 Posts: 1	Switch login from Gallery nickname to password On my top nav bar i have a link to "Client Login" currently the password is set to be the nickname of the gallery. That is the way my web dev did it. I would prefer to have it so it could use the password option from the gallery. Any suggestions how to get this done? This is what is in my top nav bar - The "smugid" is what is being entered by the client. function opensmugLinkWindow(smugid) { if (document.customerproofs.customerid.value == "") { alert("Client Login ID required"); document.customerproofs.customerid.focus(); } else { var smugmugbase = "http://melanietvetephotography.com/Proofs/"; var smugidname = smugid; var URL = smugmugbase + smugidname; window.location=URL; } } Thanks in advance!

Sep-10-2011, 04:36 AM #46
xtelmas Beginner grinner Join Date: Aug 2011 Posts: 7	This does not need to be a security risk! If you change your thinking so that the password is actually used more like a username, it will then redirect you to your password protected gallery. Just food for thought, an example of this is on my website: chrisstraitphoto.smugmug.com. Even if you gain access to the URL for the gallery you still cannot get into it :). - Chris

Sep-30-2011, 09:47 AM #47
kphoto Major grins Join Date: Nov 2010 Location: WA Posts: 117	I am trying to create "Client Login" page. I am not sure where to place J Allen's code. Here is what I did: 1) Created a new gallery 2) Went to "Gallery Settings" and pasted J Allen's code in "Description" under "Extras." 3) I used "Journal" style. I haven't worked on the password configuration yet, but II just want to know what I did so far are correct. *Also, I am sure this is very basic, but how do I make more room between the footer and "submit" button?* http://kphoto1.smugmug.com/ClientLog...7cnJsx#000000_

Oct-05-2011, 12:33 PM #57
eric-holmes Major grins Join Date: Oct 2009 Location: Arkansas Posts: 255	Ok, yeah. That second way to do it kicked my tail. I ended up hiding every gallery in my website and then when you entered a wrong password it took you to the examples page. Quite a mess. __________________ www.ericholmesphotography.com

Oct-05-2011, 01:15 PM #59
rinkshots Workaholic Join Date: Jan 2008 Location: North Logan, UT Posts: 100	Well, it seems time to give this a try myself. I've got my login gallery here: http://www.rinkshots.com/Clients/Login/19367904_dTMCj2. I currently have three galleries in it, and they seem to work fine. The passwords are 092511, 031311 and 040311. Now on to some more personalization. I like the fixed width of the old journal style, but I want it to by 1000 px wide, instead of 800. How do I go about that? Is the email address on this page another required item, or just for logging purposes? (http://www.gotgrins.com/Clients/Clie...8715544_4DHQ6c). I assume I would have to update this each and every time I add a new gallery as well, to keep up on the passwords and stuff? Thanks! Scott __________________ RinkShots.com - Photography by Scott Cooley