Drukowana wersja tematu

Napisany przez: Ruch Radzionków 26.02.2013, 12:45:13

witam mam pytanie jak zrobic przy kliknięciu na input type="text" lub type="password" znikał text. przy php jest to tak:

[PHP] pobierz, plaintext 
<input name=" " value="Wpisz szukane słowo" onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') this.value=''" onblur="if(this.value == '') {this.value=this.defaultValue}" onkeyup="keyUp();" type="text">
[PHP] pobierz, plaintext 

ale jak to zrobic przy wykorzystaniu smart. szukałem na google ale niestety nie znalazłem. z góry dzięki za pomoc

Napisany przez: stud3nt 26.02.2013, 13:06:21

Wyrzucasz zdarzenia (onfocus) z inputa, nadajesz mu id='baba_jaga', przykładowo:

[PHP] pobierz, plaintext 
<input type='text' name='nazwa_tekstu' id='baba_jaga' >
[PHP] pobierz, plaintext 

W bloku JSowym dopisujesz

[PHP] pobierz, plaintext 
document.getElementById('baba_jaga').onfocus = function() {
    if(this.value=='' || this.value == 'Wpisz szukane słowo') {
        this.value = '';
    }
}
[PHP] pobierz, plaintext 

Drugi sposób: kod JS umieszczasz między znacznikami {literal}{/literal} - SMARTY nie interpretuje tego, co jest między nimi.

Napisany przez: Ruch Radzionków 26.02.2013, 17:43:05

a jak takie coś zeobic przy type="password" żeby pokazało zamiast "*****" to "hasło"

Napisany przez: pitu 26.02.2013, 17:49:38

Po co jakieś JS, jak można skorzystać ze znacznika placeholder:

Napisany przez: stud3nt 26.02.2013, 18:38:15

Zgadzam się z tym, ALE niestety według tej strony: http://caniuse.com/input-placeholder obsłuży to dopiero IE10+, z innymi przeglądarkami też nie jest zbyt różowo. Nie będę komentował postępowania MS, to nie miejsce na to. Jeśli ma to działać w starszych przeglądarkach, to niestety chyba pozostaje tylko JS.

Żeby zrobić JS taki 'zastępowalny' tekst, musisz zrobić dwa inputy - jeden normalny, z tekstem - widoczny. Drugi - prawdziwe okno z hasłem - musi być ukryte.

[PHP] pobierz, plaintext 
<input type='text' id='falszywe_haslo' value='Wpisz tu hasło' style='display:block;' />
<input type='password' id='haslo' name='haslo' style='display:none;' />
[PHP] pobierz, plaintext 

Potem w momencie naciśnięcia na fałszywe hasło, chowasz pole 'falszywe_haslo', a pokazujesz 'haslo' i aktywujesz je:

[PHP] pobierz, plaintext 
    document.getElementById('falszywe_haslo').onfocus = function() {
        document.getElementById('falszywe_haslo').style.display = 'none';
        document.getElementById('haslo').style.display = 'block';
        document.getElementById('haslo').focus();
    }
[PHP] pobierz, plaintext