Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрыть/показать текст звездочками (*) (https://javascript.ru/forum/misc/57618-skryt-pokazat-tekst-zvezdochkami-%2A.html)

рони 12.08.2015 16:38

RGBPlus,
:lol:
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
  $.fn.textToggle = function(cls, str) {
    return this.each(function(i) {
        $(this).click(function() {
            var c = 0, el = $(cls).eq(i), arr = [str,el.text()];
            return function() {
                el.text(arr[c++ % arr.length]);
            }
        }());

    })
};
$(function(){
$('.btn').textToggle(".txt","*****").click()
});
  </script>
</head>

<body>

<p><span class="btn">Password</span> <span class="txt">123456</span></p>
<p><span class="btn">Password</span> <span class="txt">456789</span></p>
<p><span class="btn">Password</span> <span class="txt">789456</span></p>

</body>
</html>

RGBPlus 12.08.2015 16:51

Цитата:

Сообщение от рони
RGBPlus,
:lol:

https://youtu.be/mMmTAh4_xDc?t=26m30s - время примерно выставил! Тоже чувство, когда увидел ваш пост!

Спасибо!


Часовой пояс GMT +3, время: 01:22.