witam,

jak moge zrobic cos takiego:

user wchodzi na strone gdzie jest pole na maila
w polu od razu jest wartosc '@gmail.com', user wpisuje aby login
ale...
gdy user kliknie na pole to klawiatura zostaje ustawiona na poczatek, czyli tam gdzie ma sie znajdowac login i nie mozna skasowac podstawowej wartosci, czyli '@gmail.com'

http://www.kurshtml.boo.pl/html/input,html.html

nadal nie wiem jak to zrobic

najprościej byłoby podpiąć funkcje pod onkeyup w inpucie, a w funkcji sprawdzać czy wartość zawiera @gmail.com, jeżeli nie to dokleić, jeżeli tak to zostawić

Można tak jak mówią przedmówcy, albo tak:

[HTML] pobierz, plaintext 
 
<input type="text" id="mail" name="mail" /><label for="mail">@gmail.com</label>
 
[HTML] pobierz, plaintext 

Wtedy część maila na której ci zależy będzie nie do skasowania .

Tylko po co takie podchody. Skoro użytkownik nie może zmienić, usunąć tego @gmail.com, to możesz to podać na stałe zwykłym tekstem za inputem. Tak że będziesz miał:

+ można wrzucić to @gmail.com w diva i ustawić mu style takie jak ma input

zeby ladnei wygladalo

nie da sie tego zrobic w input ?
mozna byloby pokombinowac z szerokosciami diva za inputem i inputu
tak aby razem towrzyly np. 200px;
ale szerokosc inputu byla zalezna od ilosci tekstu ktora sie w nim znajduje
tak aby napis @gmail.com podazal za tekstem w polu
czy da sie prosciej ?

Metodą leniwego designera - wyrównać treść inputa do prawej

Do zdarzenia focus dla tego inputa podpinasz funkcję ustawiającą kursor na początku... a taką funkcję powinieneś znaleźć tutaj: http://www.google.pl/search?hl=pl&lr=&...ion&spell=1

@vokiel - to właśnie napisałem nad twoim postem

@tog - jeśli chcesz koniecznie, żeby gmail był w polu input, to np. zapamiętujesz to w zmiennej, a przy onKeyDown dajesz "obecna wartość" + zmienna - przy każdym naciśnięciu klawisza będziesz jednak musiał odczytywać wartość i jeśli jest w niej @gmail.com, to bez dodawania kolejny raz. To rozwiązanie ma jednak wady, bo przecież zawsze ktoś może ustawić kursor za gmail.com (złośnicy ) - w takim wypadku proponowałbym to co zdanie wcześniej, ale z wycinaniem @gmail.com z ciągu i dodawaniem go na końcu. Do tego wszystkiego jeszcze procedura onChange - w niej sprawdzasz, czy żądany tekst jest w polu, jeśli nie to go dodajesz. Trzeba też sprawdzić, czy ktoś sobie tam nie wpisał np @wp.pl i w razie konieczności usunąć. Tylko po co takie kombinacje, skoro możesz zrobić tak jak parę postów wyżej napisałem i tylko ładnie to ostylować ?

szczerze mowiac to nawet nie robie teraz takiego formularza
tylko przyszedl mi go glowy pomysl na takie efektowne pole i postanowilem je wykonac (w planach mam jeszcze wysiwyg)
rozwiazaniem co prawda jest to co pisalem wczesniej
ale to duzo kombinowania i nie wiem na ile byloby to plynne
dodanie @gmail.com na koncu nei stanowi problemu, natomiast zablokowanie kasacji tej frazy juz tak

Może coś takiego (z palca bez sprawdzenia): Sprawdzone, ale nie działa jak trzeba

[HTML] pobierz, plaintext 
<input id="email" value="@gmail.com" onkeydown="preventFromGmailDeletion()" />
<script>
function preventFromGmailDeletion() {
  var d = document.getElementById('email');
  if (d.value.indexOf("@gmail.com") < 0) {
    d.value = d.value + '@gmail.com';
  }
}
</script>
[HTML] pobierz, plaintext 

to chyba nie to, ale zaraz sprawdze jak dziala kod
moze zle go przeczytalem
PS: to na pewno nie to

hm... a moze gdybym robil sprawdzenie czy w polu jest @gmail.com po kazdej akcji klawiatury w polu input
co prawda user moglby skasowac zawartosc, ale zaraz byloby to poprawiane... mniej efektowne, ale sprobuje

To powyżej miało dokładnie tak działać, niestety działa nieco inaczej

ustawiles onkeydown, takze nei moglo tak dzialac

nie wazne
onkeydown jednak dziala inaczej niz mi sie wydawalo

[HTML] pobierz, plaintext 
 
<input type="text" name="mail" id="mail" onkeydown="ValidateMailForGmail()">
 
<script>
 
function ValidateMailForGmail()
{
 
    var mail
    mail = document.getElementById('mail').value
    if(!mail.search('@gmail.com'))
    {
    mail.replace('@'.*?, '')
    mail = mail.'@gmail.com'
    document.getElementById('mail').value = mail
    }
 
}
 
</script>
 
[HTML] pobierz, plaintext 

podejrzewam, ze nei dziala i narobilem mase bledow
ale ide spac ;]

jednak sprawdzialem
nie dziala, ale to juz nie dzisiaj

w kazdym razie moze teraz udalo mi sie naswietlic problem

Czy przeczytałeś uważnie mój post? Bo jest tam opisany sposób jak to zrobić.

jak chcecie to zrobić, to raczej podepnijcie pod onkeyup a nie onkeydown

i tak btw to przydałoby się zabezpieczyć, bo np. mamy kod

email@gmail.com

ktoś usunie np. "."

będzie

email@gmailcom

i skrypt to zamieni na

email@gmailcom@gmail.com



EDIT:
najprościej chyba będzie tak:

[HTML] pobierz, plaintext 
function validate(t)
{
     s = t.indexOf('@');
     if(s>-1)
     t = t.substring(0, s);
 
     return t+'@gmail.com';
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<input onkeyup="this.value = validate(this.value)" />
[HTML] pobierz, plaintext 

tylko że znowu nie zadziała jak ktoś usunie @ z inputa

230005, sory, ale jeszcze poleglem na zdarzeniach

no ok, moze nie tak efektownie jak mialo byc
ale lepiej sie chyab nei da

teraz tylko znalezc zastosowanie w jakims formularzu i cieszyc sie fajnym efektem

a może po prostu tak?

[HTML] pobierz, plaintext 
<input type="text" id="data" readonly>
[HTML] pobierz, plaintext