[MOD] Digg like AJAX login on top of the page!!

Register an Account
Pligg Chat Room
Reply
 
LinkBack Thread Tools Display Modes
  #11 (permalink)  
Old 07-12-2007, 09:09 PM
New Pligger
 
Join Date: Jul 2007
Posts: 5
<div id="login_form" style="display:none;">

<form action="{$my_base_url}{$my_pligg_base}/login.php" method="post" id="login_form">

{#PLIGG_Visual_View_User_Login#}:

<input type="text" name="username" size="25" tabindex="1" id="uname" value="" />

{#PLIGG_Visual_Login_Password#}:

<input type="password" name="password" id="upassword" size="25" tabindex="2"/>

{#PLIGG_Visual_Login_Remember#}: <input type="checkbox" name="persistent" id="uremember" tabindex="3"/>

<input type="submit" value="{#PLIGG_Visual_Login_Title#}" class="log2" tabindex="4" />

<input type="hidden" name="processlogin" value="1" />

</form>

</div>



<div id="headbar" style="padding-bottom:2px;">

{if $user_authenticated eq true}

{*{#PLIGG_Visual_Welcome_Back#}<img src="{$Current_User_Avatar_ImgSrc}" alt="Avatar" align="absmiddle"/>*} <a href="{$URL_userNoVar}">{$user_logged_in}</a> |

{if $isadmin eq 1} <a href="{$URL_admin}"> {#PLIGG_Visual_Header_AdminPanel#}</a> | {/if}

<a href="{$URL_logout}"> {#PLIGG_Visual_Logout#}</a>

{else}

<a href="javascript:Effect.toggle('login_form','appea r');">{#PLIGG_Visual_Login_Title#}</a> |

<a href='{$URL_register}'>{#PLIGG_Visual_Register#}</a> &nbsp;&nbsp;

{/if}

</div>


with trnslation =)
Reply With Quote
  #12 (permalink)  
Old 07-12-2007, 09:18 PM
dollars5's Avatar
Pligg Donor
 
Join Date: Dec 2006
Location: India
Posts: 1,961
any probs there? - I see only the code and no explanation of what had happened?
Reply With Quote
  #13 (permalink)  
Old 07-12-2007, 10:18 PM
jrothra's Avatar
Constant Pligger
Pligg Version: 9.9.5
Pligg Template: Silverbullet
 
Join Date: Apr 2007
Location: Fort Worth, TX
Posts: 179
I am forced to agree with dollars5 on this. Seeing the code is nice, but some info as to the question is helpful.

Btw, next time may I recommend clicking that little pound/number sign or inserting the code wraps around the code next time.
Reply With Quote
  #14 (permalink)  
Old 07-12-2007, 10:53 PM
New Pligger
 
Join Date: Jul 2007
Posts: 5
{#PLIGG_Visual_View_User_Login#}:

{#PLIGG_Visual_Login_Password#}:

{#PLIGG_Visual_Login_Remember#}:



sorry! its my 3d posst )
Thank u for this! ive installed it to my site ==)) mixsite.ru

i think that this 3 items will be more right because of lang.conf =) for example im having russian lang.conf wirh all this items and it ll be more useful, u dont need to translate this form to other lang =) its so my imho
Reply With Quote
  #15 (permalink)  
Old 07-12-2007, 11:26 PM
dollars5's Avatar
Pligg Donor
 
Join Date: Dec 2006
Location: India
Posts: 1,961
The site looks good esp the stripes background. The AJAX login also seems working.
Reply With Quote
  #16 (permalink)  
Old 07-13-2007, 01:46 AM
New Pligger
 
Join Date: Jun 2007
Posts: 5
Thanks Dollars5, great work...

Any idea how to get return page working though? (ie redirects you back to the page where you did the login)
Reply With Quote
  #17 (permalink)  
Old 07-13-2007, 05:59 AM
jrothra's Avatar
Constant Pligger
Pligg Version: 9.9.5
Pligg Template: Silverbullet
 
Join Date: Apr 2007
Location: Fort Worth, TX
Posts: 179
Quote:
Originally Posted by PurpleCow View Post
Thanks dollar5. I got it working and customised on my site.

I got to load below instead on the top. It works perfectly fine in FF. However in IE 6 when the login form loads, it kind of hides the breadcrumb and sort options. when toggled to hide the login form the breadcrumb and sort option shows up.

Cheers
A couple of questions.

1. How did you get it to load below (which is more natural for me).
2. I have no problem with the breadcrumb, but did notice that the word "Search" in the search box does not move down with the actual form field. Instead, it stays where it is.
Reply With Quote
  #18 (permalink)  
Old 07-13-2007, 09:33 AM
New Pligger
 
Join Date: Jul 2007
Posts: 5
Thanks dollars5! Really good mod!
Reply With Quote
  #19 (permalink)  
Old 07-17-2007, 03:19 AM
Constant Pligger
 
Join Date: Oct 2006
Posts: 132
Hi jrothra,

I got it to load below by just placing the code at the right place. I will check my code later in the evening today and let you know exact location.
Reply With Quote
  #20 (permalink)  
Old 07-17-2007, 06:36 AM
jrothra's Avatar
Constant Pligger
Pligg Version: 9.9.5
Pligg Template: Silverbullet
 
Join Date: Apr 2007
Location: Fort Worth, TX
Posts: 179
PurpleCow...

I just tried moving the code around. When I put the part of the code that contains the form below the other part, then it loaded on the bottom.
Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make a Digg-style FAQ page with JavaScript and jQuery mendim Questions and Comments 21 03-04-2010 12:23 AM
[MOD] Categories in header like Digg (useful if you have subcategories) dollars5 Questions and Comments 142 06-01-2009 08:24 AM
Page Variables Yankidank Wiki Articles 1 08-13-2008 03:59 AM
Login and refresh page problems sanmi1234 Questions and Comments 3 07-15-2007 04:25 PM
[SOLVED] Digg like Ajax login PurpleCow Questions and Comments 7 06-26-2007 01:18 AM


Pligg Modules and Pligg Templates from Pligg Pro Find support on the Pligg CMS Forum - 24 hours a day! Make a donation to support Pligg CMS development