jQuery Login Panel

Register an Account
Reply
 
Thread Tools
jQuery Login Panel - Final Version 1.0
Developed by spuavick spuavick is offline
Developer Last Online: Apr 2011 Show Printable Version Email this Page
Designed for: Pligg 1.0.1
License: GNU GPL
Released: 09-24-2009
Last Update: 09-29-2009
Installs: 9
Supported by Author
Uses Module System
Can Reuse Source Code
Translations Accepted
Hi, I'm spuavick
I created jQuery Login Panel based on Moo Login module by Yankidank and Nice Login and Signup Panel using jQuery 1.3.2 created by Jeeremie.

/*
In the future I want integrate it with captcha module, now is working at some pages, but not at all...
*/


Now is integrated with captcha module, I've added new function, so You can use open/close panel from content by using

<a href="#" onclick="showHidePanel();return false;">open/close panel</a>

And I (I've hope) modify slide.js for works with other JS framework (prototype or mootools)

and i add forgot password possibility, now is only dead link...
So testing please and comments how work it at your sites

IMPORTANT
This module requires jQuery Info Content v1.0 created by me.
Sorry for my english, I'm from Poland and english is not my native language

Download Now

File Type: zip jquery_login_module_v1.0.1.zip (40.2 KB, 472 views)

License Agreement

The Foundations of the GNU GPL:
* The freedom to use the software for any purpose
* The freedom to change the software to suit your needs
* The freedom to share the software with your friends and neighbors
* The freedom to share the changes you make.

Show Your Support

  • If you like this download support the author by donating.
  • This download may not be copied, reproduced or published elsewhere without author's permission.

Similar Downloads
Download Developer Category Replies Last Post
jQuery Info Content module spuavick Free Modules 10 06:31 PM 02-02-2010

Comments
  #2 (permalink)  
Old 09-24-2009, 05:43 PM
netwb's Avatar
Casual Pligger/Coder
Pligg Version: 1.0
Pligg Template: wistie
 
Join Date: Dec 2006
Location: Bruxelles
Posts: 86
Thanks for your module Jeeremie. but i'm problem to link to IE for guest user and
no problem to user member.
Reply With Quote
  #3 (permalink)  
Old 09-25-2009, 09:17 AM
New Pligger/Coder
Pligg Version: 1.0.1
 
Join Date: Aug 2009
Location: Warsaw/Poland
Posts: 11
I'm spuavick not jeeremie
which version of IE are You using?
I tested this in IE 7 and worked well.
Link to member only user to log off, if you click on it (while logged in) the Panel does not show, and will only logout...
Panel shows if someone wants to log in or register.
Then I take a look at this again IE 7 just to be sure...

PS
I see that you are using both jQuery and Mootools, it may be the reason why this link does not work with you...

Last edited by spuavick; 09-25-2009 at 09:27 AM.
Reply With Quote
  #4 (permalink)  
Old 09-26-2009, 05:02 AM
Casual Pligger
Pligg Version: 1.0.3
Pligg Template: Shmiggy
 
Join Date: Aug 2009
Location: Iran (Islamic Republic Of)
Posts: 46
Thankx Buddy! I was looking for such mod
Reply With Quote
  #5 (permalink)  
Old 09-29-2009, 08:30 AM
New Pligger/Coder
Pligg Version: 1.0.1
 
Join Date: Aug 2009
Location: Warsaw/Poland
Posts: 11
I integrated this module with the captcha module, and also introduced some amendments, but now the module should work with other JS framwerorks (prototype or mootools), I added the feature that it is possible to open and close a panel by the link
example:
<a href="#" onclick="showHidePanel();return false;">open/close link</a>
Reply With Quote
  #6 (permalink)  
Old 09-30-2009, 12:04 AM
New Pligger
Pligg Version: 1.0b
 
Join Date: Feb 2009
Posts: 9
thank you, useful and great look module

<a href="http://www.addurl.in.th">โปรโมทเว็บไซต์ฟรี</a>
Reply With Quote
  #7 (permalink)  
Old 09-30-2009, 10:26 AM
New Pligger/Coder
Pligg Version: 1.0.1
 
Join Date: Aug 2009
Location: Warsaw/Poland
Posts: 11
OK.
Is already final version, I hope that now everything will work properly.
Fixed bug in function showHidePanel, and integrates this module with another module created by me - jQuery InfoContent - which displays a nice way flyover, so act now link to the password reminder.
If someone wants to download jQuery InfoContent module can do on this site, or wait patiently until a new thread in this forum
Reply With Quote
  #8 (permalink)  
Old 03-10-2010, 07:57 AM
New Pligger
 
Join Date: Jul 2009
Posts: 1
this module is not working on pligg 1.0.3 but working fine on pligg1.0! can any one has solution for it any update!

Thanks
Reply With Quote
  #9 (permalink)  
Old 05-03-2010, 10:48 AM
ifeelingz's Avatar
New Pligger
Pligg Version: 1.4
 
Join Date: Apr 2010
Posts: 4
็Help me, please !!



jquery.infocontent-min.js
Quote:
/*
* jQuery InfoContent v1.0
* author spuavick (spuavick [at] interia.pl) (http://www.spuavick.com)
* all rights reserved (c) 2009 spuavick
*
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c< 62?'':e(parseInt(c/62)))+((c=c%62)>35?String.fromCharCode(c+29):c.toS tring(36))};if('0'.replace(0,e)==0){while(c--)r[e(c)]=k[c];k=[function(e){return r[e]||e}];e=function(){return'([34679m-vx-zA-Z]|1\\w)'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(n(b){b.fn.L({infoContent:n(c){7 g={z:\'Okienko\',A:\'informacyjne\',B:\'informacja w stopce...\',w:630,h:175,M:\'#000\',C:16,m:true,akc ja:\'start\'};7 c=b.L(g,c);return D.each(n(){7 a=c;7 k=b(D);7 d=a.m;q(E.N){u=E.N;F=E.pageXOffset}O q(9.v&&9.v.x){u=9.v.x;F=9.v.P}O q(9.6){u=9.6.x;F=9.6.P}7 e=b(D.ie6?9.6:9);7 h=4(window).y();7 f=a.h;7 l=9.6.x;7 i=u+(h-f)/2.5;4("6").append(\'<3 o="6"><3 o="G" r="info_content"></3><3 o="Q"><3 o="H"><a href="#">zamknij</a></3></3></3><3 o="m" r="black_overlay"></3>\');b(\'#6\').p({s:\'R\',S:\'T\',U:i,V:\'25%\',I :a.w,y:f,C:a.C+\'px\',J:1002,t:0});b("#G").p({s:\' K\',t:1});b(\'#m\').p({s:\'R\',S:\'T\',U:\'0%\',V: \'0%\',I:e.I(),y:e.y(),backgroundColor:a.M,J:1001, t:0});7 j=\'<3 o="content-W"><3 r="z">\'+a.z+\'</3><3 r="A">\'+a.A+\'</3></3><3 r="B-W">\'+a.B+\'</3>\';4("#G").html(j);q(d){4(\'#m\').p({"s":"K"});4 (\'#m\').X({"t":"0.8"},"Y")}4(\'#6\').p({"s":"K"}) ;4(\'#6\').X({"t":"1"},"Y");4(\'#H\').p({"cursor": "pointer",J:1003});4("#Q #H").click(n(){4(\'#6\').Z("10",n(){4(\'#6\').11() });q(d){4(\'#m\').Z("10",n(){4(\'#m\').11()})}})}) }})})(4)',[],64,'|||div|jQuery||body|var||document|||||||||||| |fade|function|id|css|if|class|display|opacity|ySc roll|documentElement||scrollTop|height|title|info| footer|padding|this|self|xScroll|light|close|width |zIndex|block|extend|bg|pageYOffset|else|scrollLef t|foot|none|position|absolute|top|left|panel|anima te|normal|fadeOut|fast|remove'.split('|'),0,{}))
slide.js
Quote:
var jq = $; // fix for usage with other js framework - prototype or mootools

jq(function() {
jq("#login-block > *").remove();
jq("#login-block").css({height:"25px"});
jq('#panel [name=security_code]').css({width:'100px',background:"#414141",border: "1px #1A1A1A solid",height:"16px",color:"#ffffff",padding:"2px" });
jq('#panel [name=security_code]').focus(function(){
jq(this).css({background:"#545454"});
});
jq('#panel [name=security_code]').blur(function(){
jq(this).css({background:"#414141"});
});

jq(".bt_register").css({"clear":"both"});

// Expand Panel
jq("a.open").click(function(){
jq("div#panel").slideDown("slow");
});

// Collapse Panel
jq("a.close").click(function(){
jq("div#panel").slideUp("slow");
});

// Switch buttons from "Log In | Register" to "Close Panel" on click
jq("a.panel-login").click(function () {
jq("a.panel-login").toggle();
});

// required jQuery Info Content v1.0 to use this
jq("a.lost-pwd").click(function() {
jq(this).infoContent({
title: "Zapomniane hasło", // Lost you password
// translation
// Wyślij email z przypomnieniem. = Send e-mail reminder.
// Adres email: = Email Address:
// Przypomnij = Remind
info: '<form method="post" id="thisform2" action="/login"><p>Wyślij email z przypomnieniem.</p><strong>Adres email:</strong><br/><input type="text" value="" id="forgot-email" tabindex="14" size="25" name="email"/><br/><br/><input type="submit" tabindex="15" class="log2" value="Przypomnij"/><input type="hidden" value="3" name="processlogin"/><input type="hidden" value="/submit" name="return"/></form>',
footer: 'Jeśli podany przez Ciebie adres e-mail znajduje się w naszej bazie, otrzymasz informację z dalszymi instrukcjami...', // If you specified e-mail address is in our database, you will receive further instructions information...
fade: true, // false or true
akcja:"start"
});
return false;
});
});

// this function can be used from content;
// example usage:
// <a href="#" onclick="showHidePanel();return false">open-close panel</a>

function showHidePanel() {


if( jq("div#panel").css("display") == "block" ) {
jq("div#panel").slideUp("slow");
jq("a.panel-login").toggle();
} else if (jq("div#panel").css("display") == "none" ){
jq("div#panel").slideDown("slow");
jq("a.panel-login").toggle();
}
}

I ♥ THAILAND.
I ♥ THE KING.
Reply With Quote
  #10 (permalink)  
Old 02-19-2011, 01:36 PM
sukrut51's Avatar
Casual Pligger
Pligg Version: 1.1.4
 
Join Date: Dec 2010
Location: India
Posts: 83
nothing happens when i click on login and register text and header links like 'published news','upcoming news','submit a new story' etc.. are also becomes non-clickable
Reply With Quote
Reply

Tags
jquery, login panel

Thread Tools


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 25 09-14-2010 12:27 AM
How can I access my admin panel? Robert Questions and Comments 3 05-01-2010 06:23 PM
Admin Panel for 1.0 and above mismeflight Wiki Articles 0 03-04-2009 11:04 AM
v9.6 Register Error during login action noyp Questions and Comments 7 10-08-2007 08:57 PM
Login URL redirection problem on IIS sameercdac Questions and Comments 2 04-02-2007 02:13 PM


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