Javascript help

[GT9]

මචංල මේ පොඩි script එකේ පළවෙනි කෑල්ල වැඩ නමුත් ඒ වගේම දෙවැනි එක වැඩ නොකරන්න හේතුව මොකක්ද?

 $(document).ready(function() {
 	$('#password_btn_visibility_on').click(function() {
 		$('#password').prop('type', 'text');
 		$('#password_btn_visibility_on').prop('id', 'password_btn_visibility_off');
 	});

[COLOR="Red"] 	$('#password_btn_visibility_off').click(function() {
 		$('#password').prop('type', 'password');
 		$('#password_btn_visibility_off').prop('id', 'password_btn_visibility_on');[/COLOR]
 	});
 });

ඔය රතුපාටින් තියෙන කොටස වැඩ නෑනේ.

 

[Lakshan-Seram]

$('body').on('click', '#password_btn_visibility_off', function() {
  $('#password').prop('type', 'password');
  $('#password_btn_visibility_off').prop('id', 'password_btn_visibility_on');
});

ube oya id marukarana scene eka nam wediya hoda na hebei

class eka maru karapan on off

 

[GT9]

$('body').on('click', '#password_btn_visibility_off', function() {
  $('#password').prop('type', 'password');
  $('#password_btn_visibility_off').prop('id', 'password_btn_visibility_on');
});

ube oya id marukarana scene eka nam wediya hoda na hebei

class eka maru karapan on off

වැඩ නැනේ මචං

 

[GT9]

$('body').on('click', '#password_btn_visibility_off', function() {
  $('#password').prop('type', 'password');
  $('#password_btn_visibility_off').prop('id', 'password_btn_visibility_on');
});

ube oya id marukarana scene eka nam wediya hoda na hebei

class eka maru karapan on off

මේක මචං එක පේජ් එකක විතරක් වැඩ කරන පොඩි script එකක් dom එක ගොඩක් පොඩියි. ලොකු perfomance hit එකක් වෙන එකක් නෑ.

 

[Lakshan-Seram]

වැඩ නැනේ මචං

ewapan balanna.. full script eka.. jquery version eka mokadda?

 

[GT9]

ewapan balanna.. full script eka.. jquery version eka mokadda?

මචං ඔය full script එක තමා දාල තියෙන්නේ.

jQuery v1.11.3

ඔය වර්ෂන් එක තාමා යූස් කරන්නේ.

 

[Lakshan-Seram]

<input type="password" id="password">
<button id="toggleVisibility">Show Password</button>

(function($){
  $('#toggleVisibility').on('click', function(e){
    $password = $('#password');
    if(!$password.hasClass('visible')){
      $password.prop('type', 'text').addClass('visible');
      $(this).text('Hide Password');
    }else{
      $password.prop('type', 'password').removeClass('visible');
      $(this).text('Show Password')
    }
    e.preventDefault();
  })
})(jQuery)

https://jsfiddle.net/h7kme2gL/1/

 

[GT9]

<input type="password" id="password">
<button id="toggleVisibility">Show Password</button>

(function($){
  $('#toggleVisibility').on('click', function(e){
    $password = $('#password');
    if(!$password.hasClass('visible')){
      $password.prop('type', 'text').addClass('visible');
      $(this).text('Hide Password');
    }else{
      $password.prop('type', 'password').removeClass('visible');
      $(this).text('Show Password')
    }
    e.preventDefault();
  })
})(jQuery)

https://jsfiddle.net/h7kme2gL/1/

cool machan thanks

 

[GT9]

You must spread some Reputation around before giving it to Lakshan-Seram again.

 

[Lakshan-Seram]

cool machan thanks

no problem

 

[Lakshan-Seram]

හේතුව මොකක්ද?

dynamically generated elements