Can you make it work on homepage?

Thank you for your feedback.
It is great idea and I will think about it.

Alrighty! Cheers webvitaly.

Just for reference the last plugin I use to make modal login/register box work on homepage.

Easy-to-use plugin was updated and added unmasking password fields and highlighting the focused inputs to frontend section too.

Now Easy-to-use plugin should work perfectly with Admin Bar Login and zM Ajax Login & Register plugins.

Please update to the latest version and write me back if Easy-to-use works fine.

It works with admin bar login bt not with ajax login and register.

However I contacted them maybe they can fix it.

zM Ajax Login & Register plugin worked for me.
I added [ajax_login] and [ajax_register] shortcodes to post content and password is unmasked in both forms.

What exactly did not worked on your site with zM Ajax Login & Register plugin?

See: https://www.ggn.miscy.net for a demo on which it doesn’t work.

Check the LOGIN OR REGISTER widget links to test.

Hi,

I’m the author of zM AJAX Login & Register and I’m trying to make my plugin compatible with yours. Here’s what I found…

I’m injecting markup after the dom is loaded based on certain user events. Therefore this approach, does not work:

$('input[type=password]').focus(function() {
	$(this).prop('type', 'text');
});

Rather you’ll want to provide the flexibility to attach the JavaScript to items that have loaded with the dom and items that are injected later, like this:

// unmask all the password inputs only on focus
    $( document ).on( 'focus', 'input[type="password"]', function( event ){
	$(this).prop('type', 'text');
        // mask all the password inputs on blur
        $(this).on('blur', function(){
            $(this).prop('type', 'password');
        })
});

At most I changed the name of my “remember” me form field to use the same form field name as seen on the default wp-login.php page.

@zane Matthew: Thank you very much for your investigation and your contribution.
I added your code into ‘Easy-to-use’ plugin and mentioned you in the changelog.

I also added enabling by default ‘remember-me’ checkbox loaded via ajax:

$(document).ajaxComplete(function() { // enable 'remember me' loaded via ajax
	$('input[type=checkbox][name=rememberme]').prop('checked', true);
	$('input[type=checkbox][name=remember]').prop('checked', true);
});