Mini Mods - Login Popup - Adds a DHTML popup login form w/ forgotten password & register links

I'm releaseing another mod I made for my boards, if it's useful to anyone else, that's great!

This adds a DHTML popup menu with the login form, a link to the register form and a link to recover a password. This product degrades gracefully: if DHTML popups are not available, or you disable the product, it reverts to the default vB login form in the navbar.



There are admin options to enable/disable the product, and to auto display the popup or not (auto display will only work in vB 3.6.8 +).

The product adds a phrase, two temlpates and the admin options.

Installation
- Import the XML file in the Product Manager.
- One template edit is necessary to hide the default vB login form, instructions are included in the download.

History:
v. 1.0.0 initial release.

[Bacon Butty]

Thanks. I installed it and it works great, however would it be possible to make the pop up menu work when an image is clicked, rather than the text 'Log In'

I intend on creating an image map at the top of my forums and would be ideal if I could create a 'login' image which when clicked causes the DHTML popup login form to appear.

I'd assume I need to figure out how to image hyperlink $loginlink ?

[ngham4host]

thanks

[AzaDiyaR]

http://www.azadiyar.com/Forum/index.php?langid=1

this workin for me thank you for this

[Smoothie]

ok, it's me again. LOL I added this and it works great. But, since it's in my header and I need to add the | between the links and I don't want the | to show when the login popup isn't there, like when you are actually logged in. Where in the code could I add this to accomplish this? Hope you understand the jibberish I just wrote.

[NoDRaC]

hi thanks this is good hack for my desing i am changing header system. I will setup this hack this night.
www.arkasokak.net/forum.html

[Bacon Butty]

I've just photo shopped what it is I need to achieve because I dont think I explained it to well earlier.

http://img517.imageshack.us/img517/7...otoshopqf8.jpg

When the 'login' image is clicked i'd like the login DHTML menu to open, could anyone tell me how to achieve this?

[Analogpoint]

Originally Posted by Mrdby

Can you make a pop up messages for all guest too?

That's not really in the scope of this modification, although if you take another stab at explaining exactly what it is you want to accomplish, I'll reconsider.

Originally Posted by Smoothie

ok, it's me again. LOL I added this and it works great. But, since it's in my header and I need to add the | between the links and I don't want the | to show when the login popup isn't there, like when you are actually logged in. Where in the code could I add this to accomplish this? Hope you understand the jibberish I just wrote.

Hey, nice to see ya. Here you go: Edit the login_popup_link template, which has the following contents, the pipe is shown in red. (right after the link).

<if condition="$show[guest]">
<if condition="$vboptions[login_popup_autodisplay]">
	<td class="vbmenu_control">
</if>
		<a id="navbar_login" href="$vboptions[forumhome].php$session[sessionurl_q]">$vbphrase[log_in]</a> | <script type="text/javascript"> vbmenu_register("navbar_login"); </script>
<if condition="$vboptions[login_popup_autodisplay]">
	</td>
</if>
</if>

Originally Posted by Bacon Butty

Thanks. I installed it and it works great, however would it be possible to make the pop up menu work when an image is clicked, rather than the text 'Log In'

I intend on creating an image map at the top of my forums and would be ideal if I could create a 'login' image which when clicked causes the DHTML popup login form to appear.

I'd assume I need to figure out how to image hyperlink $loginlink ?

Originally Posted by Bacon Butty

I've just photo shopped what it is I need to achieve because I dont think I explained it to well earlier.

http://img517.imageshack.us/img517/7...otoshopqf8.jpg

When the 'login' image is clicked i'd like the login DHTML menu to open, could anyone tell me how to achieve this?

I think I understand what you want...

#1 - Add a div element to your header or navbar template, wherever you have the image that says register in the middle and login on the right. The div element you add will be something like this:

<div id="alt_login_link" style="border:1px solid red;float:right;width:300px;height:90px;">
&nbsp;
</div>

It's just an empty div that's going to float over the top of where the image says 'login'. Right now it has a red border so you can see where it is, and you can adjust the height and width to what you want so it is centered over the word 'login', then you can remove the red border by removing border:1px solid red;.

#2 - Add the following javascript the the very bottom of your footer template: This makes the above div clickable.

<script type="text/javascript">

var alt_login_link = document.getElementById('alt_login_link');
alt_login_link.onclick = function(e)
{
	var menuid = 'navbar_login';
	var menuel = document.getElementById('navbar_login');
	if(typeof do_an_e == 'function')
	{
		do_an_e(e);
		if(vBmenu.activemenu == null || vBmenu.menus[vBmenu.activemenu].controlkey != menuid)
		{
			vBmenu.menus[menuid].show(menuel);
		}
		else
		{
			vBmenu.menus[menuid].hide();
		}
	}
}

</script>

That should do it for you, I just tested it on a new installation of vB 3.6.8.

[Bacon Butty]

Thanks very much for trying to help but I dont seem to be having much luck.

I have inserted the footer code but I think my problem lies with the DIV code am entering. Am not entirely sure how to display it so that it covers the image correctly. At the moment the div code am using below forces the image out of place

Currently the code I have on the FORUMHOME template is;
<div id="alt_login_link" style="border:1px solid red;float:right;width:300px;height:90px;">
&nbsp;
<img src="img" border="0">
</div>

The above code causes this...

The whole image is hyperlinked and forced out, when I remove the div code the image sits comfortably at the top.


When the red square/image is clicked, the login box appears below the login text rather than below the red square


If its easier I could provide you with a login?

[howiulf]

another nice hack!

Thank you

Me klicks install! :up:

[Smoothie]

Analogpoint,

Thank you, works perfectly. I asked the same question regarding the pipe not showing in your other mod, the forumjump menu. Maybe when you have time you could let me know what I need to edit.