Znak wodny w polu tekstowym

na rozmowe kwalifikacyjnej w jednej z dużych korporacji tworzącej telefony komorkowe zjebali mnie za takie rozwiazanie i nie zostawili suchej nitki, mówiąc ze inzynier oprogramowania zawsze do operacji na stringach uzywa regexow, bo jak jakis element ma dodatkowo klase np. watermarkTextBoxFooBar odpowiadajaca za zupelnie co innego to po takiej akcji zostawi mu nic nie zanczące ‘FooBar’. Osobiscie uwazam ze to troche przekobinowane i tez bym zrobił tak jak Ty.
A kwestia tego że JS zachowuje sie inaczej w różnych przegladarkach tak na prawde nie istnieje jeśli trzymasz sie standardów (które czasem trzeba naginać jeśli zależy na wsparciu też dla starych IE jak np. IE6, lub instalowac dodatkowe pluginy jeśli zależy Ci na canvasie czy SVG). Uważąm że JS jest językiem który mimo swoich wybryków (polecam http://wtfjs.com/ mozna sie niezle ubawić) ma wielki potencjał i jest często bardzo niedoceniany. W końcu to najpopularniejszy (pod wzgledem ilości i dostępności interpretatorów) język świata, nie:)?

Hyhy zabawne :) Ja bym odpowiedział, że w praktyce i tak bym użył wspomnianego jQuery, który dla elementów strony daje po prostu metody add/removeClass. A co do kompatybilności JS z różnymi przeglądarkami, to faktycznie – o ile nie bierzemy pod uwagę antyków typu IE6 (chociaż o 7 też różne dziwne, acz bliżej nieokreślone rzeczy słyszałem) to powinno być ok.

W HTML5 już jest atrybut placeholder w znaczniku input (Na dzień dzisiejszy do obejrzenia np. w chrome) dająca taki efekt.

Co do jQuery to ja uważam że naprawdę warto, waga tej biblioteki(24Kb) w stosunku do jej możliwości traci znaczenie…

A co do CSS to zamiast dodatkowej klasy można użyć pseudoklasy :focus

Pozdrawiam ;)

@Adawo
W dużej korpo to by cie na dzieńdobry przecwelili za propozycje użycia html5

A dokładnie to jak użyć :focus? Bo jeśli damy po prostu:

to (przy założeniu taki selektor w ogóle działa ;) ) wszystko będzie OK do momentu, gdy user coś wpisze i opuści pole tekstowe. Wtedy *jego* tekst ładnie poszarzeje :)

Don’t do this. Just… no.

Słowa nie potrafią opisać, jak bardzo denerwujące jest zmuszanie mnie do usuwania tekstu z inputboxa zanim będę mógł łaskawie wpisać własny, albo, co gorsza, odblokowania JS dla całej strony. A nie tylko ja używam NoScripta.

Omijanie nigdy nie jest dobre.

Omijanie label, that is.

blokowanie javascriptu przy przegladaniu internetu w dzisiejszych czasach to jak przywiązywanie konia do mercedesa – niby bedzie jechal tylko to nie tak ma wygladac.

Przecież wystarczy poczytać artykuły o bezpieczeństwie linuxa by przekonać się, że sa przepełnione ideologią, nieprawdami, półprawdami itp.itd. A porównania do windowsa? Sam pisałem o tym prace magisterską. Kilka miesięcy później nieznani sprawcy obrzucili mi dom jajkami… Na spotkaniu przy wódce moi koledzy przyznali, że źle skonfigurowali proxy w firefoxie, więc na forum uczelni widać było oczywisty trolling na rzecz windowsa z naszych ip. No, ale o tym ataku na mój dom już się nie pamięta. Bo Paweł M. i jego koledzy – zagorzali ewangeliści linuksa, wiedzą, w jaki sposób tworzyć „kultowe” towary, których nie wolno tknąć. Moim zdaniem linux to jedno z najbardziej szkodliwych zjawisk w IT. Niesie bowiem ze sobą pseudowolność, która, dzięki kultowemu statusowi FSF, staje się wolnością objawioną która na dłuższą mete prowadzić będzie do pedofilii. A tłumy lubią wolności objawione, nawet, jeśli z wolnością mają one tyle wspólnego, co Korwin-Mikke z liberalizmem.

Jestem zdania, że w tych czasach jeśli nie piszemy czegoś performance-critical typu własna kontrolka do sformatowanego tekstu z ręcznie rysowanym kursorem, dzieleniem wyrazów, itd (hi, Google!), to pisanie javascriptu bez jQuery jest po prostu nieuprzejme ;).

Ja bym tu użył JQuery. Niedawno zacząłem poznawać tajniki tej biblioteki i muszę przyznać, że pisanie bez nie było marnowaniem czasu, ponieważ wcześniej pisałem 10 linijek kodu, a teraz – do tego samego – jedną.
Podobny artykuł ukazał się jakiś czas temu na webmade.org – zalecam przejrzenie obydwu i znalezienia czegoś dla siebie.
P.S. Xion, mógłbyś zainstalować sobie do WP wtyczkę obsługującą IntenseDebate.
P.S. 2 jpjpjp – chyba nie wiesz co to liberalizm

@P.S.#1 – Spojrzałem na tę wtyczkę i o ile się nie mylę, do pełnej funkcjonalności wymaga ona jakiejś rejestracji od userów, a dodaje coś, czego bardzo na forach i wyrobach foropodobnych nie lubię, tj. numerologię w postaci ocen dodatnich i ujemnych. Jeśli mam rację, to zasadniczo odpada. Wolę coś, co do rejestracji nie zmusza i udostępnia raczej prostą funkcjonalność, jak np. edycję posta przez kilkanaście minut po opublikowaniu (via ciastko) i/lub podgląd, plus tagi typu [quote] do cytowania i przyciski do tego.

Nigdy nie wiedziałem co takiego fajnego jest w pisaniu aplikacji webowych. Przecież pisanie gier/aplikacji desktopowych jest o wiele ciekawsze :P

Duży plus za podanie przykładu bez użycia biblioteki jQuery – dzięki temu początkujący użytkownik zrozumie mechanizmy tu użyte, a jak ktoś zna jQuery to sobie to prosto przerobi.
Minus za zbytnie uproszczenie przykładu w kwestii obsługi zdarzeń – bezpośrednie przypisywanie swoich funkcji do metod onfocus, onblur i onload nie jest właściwe – zaleca się używanie funkcji addEventListener i attachEvent (IE). Można by przynajmniej tutaj o tym wspomnieć.
Co do AdBlocków i wyłączonego JS – można wtedy nie używać w inputach pola value (niech będzie miał pustą wartość) tylko watermark i mu nadać stosowną wartość (tekst) i wartość tę przepisywać w kodzie JS do pola value przy inicjalizacji.

A co do samego JavaScriptu, to kiedyś służył on właśnie do tworzenia takich dodatkowych “bajerów”, teraz coraz więcej (dużych) aplikacji jest w nim tworzona (z użyciem m.in. AJAX).