ukaz/skry heslo

Snacker

Zdravim,

Chcem si dat do mojho web projektu taku mensiu vychytavku, ukaz/sky heslo aby som nemusel davat otrepane klasicke dve policka "heslo" a "overenie hesla". Hladal som cez Google ale nkic moc som nenasiel resp. nie oserene vo vsetkych prehliadacoch. Ak nejaky taky osetreny kodik mate tak budem vdacny.

Dik

stačí ti meniť type inputu z text na password a späť. Jeden riadok kodu

Snacker

aha takze vravis, ze staci nieco taketo?

Kód: Vybrať všetko

  <script>
  
  function ukazHeslo()
  {
      var heslo = document.getElementById('pass');
      
      if(heslo.type == 'text')
      {
           heslo.type = 'password';
      }
      else
      {
           heslo.type = 'text';
      }
  }
  
  </script>
  
  <a href="#" onclick="ukazHeslo();">Ukaz heslo</a>

  <input id="pass" type="password" >

Skusal som to ale v IEcku a tam to neslape. v FF a Opere to ide

tak skús vymeniť celý objekt

Kód: Vybrať všetko

function ukazHeslo(){
obj = document.getElementById('pass');
var newObj = document.createElement('input');
if(obj.type == 'text') newObj.setAttribute('type','password'); else newObj.setAttribute('type','text');
newObj.value = obj.value;
newObj.setAttribute('name',obj.getAttribute('name'));
obj.parentNode.replaceChild(newObj,obj);
newObj.focus();
}

takto nejak, nezaručujem že to pôjde hneď bez chyby, lebo som to písal teraz rovno sem

Snacker

Akurat sam nasiel setAttribute, diki , ja si to uz dostelujem

IE má nejaké problémy pri zmene typu input elementu (takže budeš musieť ten element vytvoriť nanovo a budeš mu musieť dať aj focus).

DomCZo

Potom pre bezpečnosť by trebalo pred odoslaním zabezpečiť, aby sa to políčko z typu TEXT (ak je nastavené) zmenilo na PASSWORD, aby sa to políčko nechcene neuložilo do prehliadača.

Mek · Príspevok od používateľa **Mek** » 28 dec 2009, 22:38

Ja som presne toto nedavno riesil. Pokial si dobre pamatam, tak nie v kazdom prehliadaci ak zmenis javascriptom typ inputu, sa tento typ naozaj zmeni. Preto jedinym riesenim je napisat do kodu dva inputy - jeden typu text a druhy typu password, a potom menit ich vlastnost display: block alebo none - a to trebars po kliknuti na checkbox "Zobrazit heslo" alebo tak. Samozrejme na onkeypress oboch policok zavesit funkciu, ktora bude synchronizovat obsah oboch policok.