Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Java] Ukryty tekst
Forum PHP.pl > Forum > Przedszkole
arkos
Witam, mam taki skrypt:
  1. <script type="text/javascript">
  2. function tekst1 ()
  3. {
  4.  
  5. txt = document.getElementById(1);
  6.  
  7. if (txt.className=="widoczny") {
  8. txt.className="ukryty";
  9. }
  10. else {
  11. txt.className="widoczny";
  12.  
  13. }
  14. }
  15. <style type="text/css">
  16. .ukryty {display:none}
  17. .widoczny {display:inline}
  18. </head>
  19. <span class="ukryty" id="1">moje haselko tajne</span>
  20. <a href="java script:tekst1('1')">Pokaż Hasło</a>
  21. </body>

Chodzi o to aby jak tekst jest ukryty to zamiast niego były "***", a haj się klika na "Pokaż Hasło" to gwiazdki się ukrywają i pokazuje się tekst "moje haselko tajne".

Pozdrawiam,
wizard144
Uuuu bracie... Po pierwsze taki skrypt nie ma sensu smile.gif dlatego ze wszystko mozna wyczytac w źródle strony, po drugie to nie JAVA tylko JavaScript smile.gif po trzecie

Cytat
<a href="java script:tekst1('1')">Pokaż Hasło</a>


ja bym to zrobil raczej tak

Cytat
<span onClick="tekst1(1);">Pokaż Hasło</span>


gdzies czytalem ze konstrukcja ktorej ty uzyles jest bledna smile.gif

chyba po poprawieniu tego powinno dzialac winksmiley.jpg ale nie wiem, ja tam w sprawie JS to dopiero raczkuje ;d
arkos
Chodzi mi tylko o te *** o nic więcej...
kamil4u
Mam nadzieję, że kod jest zrozumiały:
Kod
<script>
var pass1 = 'Tajne hasło';
var pass2 = 'Coś tam innego';

function funkcja(id,pass){
  var el = document.getElementById(id);
  if(el.innerHTML == '***') el.innerHTML = pass;
   else
  el.innerHTML = '***';
}
</script>

<span id="test">***</span><br>
<input type="button" value="Kliknij" onClick="funkcja('test',pass1);"> <br><br>

<span id="id">***</span><br>
<input type="button" value="Kliknij" onClick="funkcja('id',pass2);">
arkos
Dzięki działa smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.