[es] - CSS za textarea - Potrebna pomoć

Kety

Član broj: 49094
Poruke: 56
212.200.132.*

+8 Profil

^{27.11.2012. u 07:47 - pre 138 meseci}

Zamolila bi ako neko može da mi pomogne. Radi se o sledećem:
Napravila sam polje textarea u kome treba da piše "uneti tekst" do momenta dok se ne klikne u polje, nakon čega se dobija čisto polje u koje se može kucati. (Da bi bilo jasnije na ovoj strani u gornjem desnom uglu je polje koje radi po istom principu: http://wordpress.org/)
Na strani na kojoj se nalazi to polje nalaze se i druga polja koja nemaju tu funkciju. Problem nastaje kada se unose podaci jer ukoliko se u to polje ništa ne kuca u tabelu unosi "uneti text" što ne bi trebalo. U tom slučaju to polje u tabeli bi trebalo da bude prazno.
Inače, polje je podešeno da nije obavezno za unos (tako mora da bude).
Izgled:
<textarea name="text" id="text" onfocus="this.value=(this.value=='UNETI TEXT') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'UNETI TEXT' : this.value;">UNETI TEXT</textarea>
Da li neko zna neki bolji način kako da rešim ovaj problem?
Unapred hvala :)

Odgovor na temu

SStudio

Član broj: 254071
Poruke: 586

+308 Profil

Re: CSS za textarea - Potrebna pomoć

^{27.11.2012. u 08:20 - pre 138 meseci}

Ta funkcija koja je tebi potrebna, ako sam dobro razumeo, se zove

Code:
placeholder

Code:
<form action="index.html">
<input type="text" name="ime" placeholder="Unesite ime">
<input type="text" name="prezime" placeholder="Unesite prezime">
itd....
</form>

Kada imas cekic sve ti lici na ekser
Simplicity is the ultimate sophistication.

Odgovor na temu

Kety

Član broj: 49094
Poruke: 56
212.200.132.*

+8 Profil

Re: CSS za textarea - Potrebna pomoć

^{27.11.2012. u 09:46 - pre 138 meseci}

Puno ti hvala na odgovoru, upravo to mi treba.
Ali na textarea kad dodam funkciju placeholder ništa se ne dešava. Tačnije u IE se ništa ne vidi, radi samo u Mozilli :(
Da li postoji još neka mogućnost?

Odgovor na temu

SStudio

Član broj: 254071
Poruke: 586

+308 Profil

Re: CSS za textarea - Potrebna pomoć

^{27.11.2012. u 12:25 - pre 138 meseci}

Obzirom da ie kakav je takav nakaradan ima problem sa placeholder tagom, između ostalog, jedino neki javascript ili jquery može da pomogne.

Kada imas cekic sve ti lici na ekser
Simplicity is the ultimate sophistication.

Odgovor na temu

Kety

Član broj: 49094
Poruke: 56
212.200.132.*

+8 Profil

Re: CSS za textarea - Potrebna pomoć

^{27.11.2012. u 12:56 - pre 138 meseci}

Hvala ti puno za trud.
Znam da nismo rešili problemčić, ali mi znači svaki savet, komentar...
Pogledaću neki javascript, mada ne znam kako da definišem naziv :(
Ipak, sigurno će se već nešto pojaviti ;)

Odgovor na temu

ivan.a
PHP developer

Član broj: 83976
Poruke: 403
*.dynamic.isp.telekom.rs.

+44 Profil

Re: CSS za textarea - Potrebna pomoć

^{27.11.2012. u 17:29 - pre 138 meseci}

Možda ovako nešto:

Code:
<textarea name="text" id="text"
onfocus="if(this.value == 'Tvoj tekst...') { this.value = ''; }"
onblur="if (this.value == '') { this.value='Tvoj tekst...'; }" >Tvoj tekst...</textarea>

Mada je ovo sličan primer kao tvoj, ali poenta je da ti placeholder bude negde definisan i ako je uneti podatak isti kao placeholder onda ga ne unositi u bazu već tretirati kao "prazan" tekst.

Code:
$placeholder = "Uneti tekst...";

Code:
<textarea name="text" id="text" onfocus="if(this.value == '<?php echo $placeholder; ?>') { this.value = ''; }" onblur="if (this.value == '') { this.value='<?php echo $placeholder; ?>'; }" ><?php echo $placeholder; ?></textarea>

I kod unosa:

Code:
if ( isset($_POST["text"]) ) {

   if ($_POST["text"] == $placeholder) {
   //Greška - tekst je isti kao placeholder
   echo "Tekst nema dovoljno znakova";
   die;
  }

}

I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};

Odgovor na temu

Kety

Član broj: 49094
Poruke: 56
*.dynamic.sbb.rs.

+8 Profil

Re: CSS za textarea - Potrebna pomoć

^{28.11.2012. u 16:43 - pre 138 meseci}

Uspela sam da nađem ovo: http://webdesignerwall.com/tut...browser-html5-placeholder-text
i super radi.
Probaću i tvoj predlog.
Hvala :)

Odgovor na temu

Kety

Član broj: 49094
Poruke: 56
212.200.132.*

+8 Profil

Re: CSS za textarea - Potrebna pomoć

^{25.12.2012. u 10:22 - pre 137 meseci}

Zamolila bi ako može još jedna pomoć oko placeholder-a.
Radi se o tome da tekst koji treba da se ispisuje treba da ide u više redova.
Probala sam ovako:

Code:

placeholder="Podatke unositi pod rednim brojevima, npr:
1. predmet br.1
2. predmet br. 2
...
do broja 10"

U IE prikazuje odlično, međutim u Firefox-u je sve u jednom redu što ne bi trebalo.
Da li neko ima rešenje za ovo?

Odgovor na temu

raaddd
Radoš Tošković
Front-end inženjer
Namics
Beograd

Član broj: 95198
Poruke: 29
82.117.199.*

Profil

Re: CSS za textarea - Potrebna pomoć

^{25.12.2012. u 12:11 - pre 137 meseci}

Postoje načini (čitaj hackovi) da se ovo nabudži, iako se hint-ovi mogu pisati sitnim slovima pored/ispod/iznad textarea-e.
Ovo je samo za webkit, ali logika se može sprovesti sa JS-om i za ostale browsere - JSfiddle

Placeholder je namenjen za kratke hint-ove unutar polja, tako kaže i specifikacija.
Detaljnije o ovome - Can you have multiline html5 placeholder text

Odgovor na temu

Kety

Član broj: 49094
Poruke: 56
212.200.132.*

+8 Profil

Re: CSS za textarea - Potrebna pomoć

^{25.12.2012. u 15:35 - pre 137 meseci}

Uh, baš šteta. Pokušala sam sa \n ali nista.
To detaljno objašnjenje prilikom unosa podataka mi je bilo potrebno da bi izveštaj koji mi je potreban izgledao kako treba.
Ipak, hvala.

Odgovor na temu