Hello again Joeseph,

I was browsing the interwebs for information on how I can customize the login and register experience for my site's users.

I came across a lovely post by you which I was able to use to add a greeting message once a user logs in.

<%=IIf(Request.IsAuthenticated, "Welcome ", "")%>

After a bit, this code got me thinking. What other feats of magic can I accomplish with this code that detects if a user in logged in? I am a complete javascript idiot, but I do pick things up fast.

Is there potential parameters within this short script to say.... change a div's ID?

Thanks again,

Alex

I forgot to mention. The application I had in mind for this would be to change the background image and div height loaded behind the login section of the site.

Yes, there are all sorts of fun things like that.

I'm not sure why you would want to change an ID, but you can certainly change or add or remove a class.

Here are some things that I have done in one skin.

Add in an image with a name that is based on the page name. I use this to add a different background image to the page, without having to have a separate skin for each page:



Put a logo on the page, where the file resides in the skin directory:



Put the page (tab) name in the skin:



Note that these are all done server site. If you do things on the server side, you can also get access to things in the DotNetNuke framework.

If you want to do this on the client side, that's also possible. Google around and you should find some references.

Cool Joe - Those are some nice tricks.

I did do a bit of google'ing, and I came across this code.

<% If Request.IsAuthenticated Then%>
<%dnn:user id="dnUser" runat="server"%>
<%% End If%%>

I would link my site to you for you to veiw, unfortunately it's only on a local host at the moment. Here is the section of code in which I would like to use this "if-then" statement.




The whole idea is to change the background image and positioning of the elements within the "offlineuser" and "onlineuser" div's.
This way the appearance of the login section would change, based on the user login status.

Any ideas?
Thanks again- Alex

ahh, repost with spacing on div elements.
< div class="offlineuser" > <% If Request.IsAuthenticated Then%> <%****some kind of code to change***div class="onlineuser"%> <% End If%>
< div id="login" > < dnn:LOGIN runat="server" ID="dnnUser" / >< /div >
< div class="user" >< dnn:USER runat="server" ID="dnnLogin" class="logins"/ >< /div >
< /div >

I have a skin that puts some extra links in the footer if a use is authenticated. You could accomplish this with something like this (I didn't test the JS)


<% If Request.IsAuthenticated %>
<script type="text/javascript">var myDiv = document.getElementById('idForNotLoggedIn'); myDiv.id = 'loggedInId'; </script> <% End If%> I think that should do the trick. make sure you put that JS code after the div, otherwise you'll get a null on the getElementById

I would leave the ID alone, but change the class for Authenticated vs Unauthenticated users.



Something like that, assuming that I got the syntax right.

Then in your CSS, you would define AuthenticatedClass and UnauthenticatedClass.

Thanks for the tips guys. I settled on this code today.
<% If Request.IsAuthenticated Then%>
div class="online"
div class="lefthalf"
div class="minilogo"/div
div class="login" dnn:USER runat="server" ID="dnnLogin" class="logins"/ /div
br class="clear" /
div class="bottomleft"Gear Forums/div
dnn:LOGIN runat="server" ID="dnnUser" /
/div
<% Else%>
div class="offline"
div class="lefthalf"
div class="minilogo" /div
div class="login" dnn:LOGIN runat="server" ID="dnnUser2" /    |    Why Register? /div
/div
<% End If%>



It's working like a charm!
Cheers - Alex