Witam,

Mam pewien problem. Chcę stworzyć pewien generator. Problemem jest jego działanie.
Chodzi o to, że mam dwa inputy w pierwszy wpisuję nazwę i chcę aby w drugim generował się kod na podstawie nazwy. Kod na zasadzie a -> a1, b ->b2.

I problemem jest automatyczne wkładanie w drugiego inputa? Jak rozwiązać ten problem? Formularz jest w php jak i cała strona

Jeżeli dobrze zrozumiałem to:
Wypadałoby, aby oba inputy miały id
W pierwszym input dajesz zdarzenie onChange(nazwa_funkcji)

W JS, umieszczasz

[HTML] pobierz, plaintext 
function nazwa_funkcji()
{
	var input = document.getElementById('id').value;
	document.getElementById('id').value = input;
}
 
[HTML] pobierz, plaintext 

Pomiędzy tymi wierszami, musisz jedynie dodać przedrostek czy co tam chcesz zmienić z tej wartości.

No właśnie chyba nie bardzo. Formularz aktualnie działa w PHP. Każdy input ma swoje ID. Teraz wykonuję ręcznie operację nadawania "symbolu". Czyli mam dwa inputy w jednym wpisuje nazwę np ABC a w drugim sam na podstawie mojego klucza wpisuje a1b2c3. Klucz mam gotowy do każdej litery mam odpowiedni ciąg.

I chciałbym to zautomatyzować aby po wpisaniu samej nazwy, symbol był generowany automatycznie i pojawiał się w inpucie (Np. po naciśnięciu "generuj" albo coś podobnego:)

W php wiem mniej więcej jak to zrobić, na podstawie wyszukiwania znaków w nazwie i zamianie na symbol. Ale php jest po stronie serwera a to chyba trzeba zrobić po stronie przeglądarki.

@bump

Bardzo proszę o pomoc. Pewnie jest już gdzieś takie rozwiązanie ale nawet nie wiem jak zacząć tego szukać.

@bump

Czy może mi ktoś pomóc? Wiem, że podobne rozwiązanie jest np. w Cpanelu podczas generowania hasła do ftp.

Bez AJAXu, to na przykład w taki sposób:

[HTML] pobierz, plaintext 
<input type="text" id="nazwa" onKeyUp="symbole();">
<input type="text" id="symbol" readonly="readonly">
<script type="text/javascript">
function symbole() {
	var tablica = [];
	tablica["ABC"] = "a1b2c3";
	tablica["qq"] = "symbol 2";
	tablica["foo"] = "symbol trzeci";
	nazwa = document.getElementById("nazwa");
	symbol = document.getElementById("symbol");
	symbol.value = tablica[nazwa.value] !== undefined ? tablica[nazwa.value] : "";
}
</script>
[HTML] pobierz, plaintext 

Sprawdź i dostosuj do własnych potrzeb.

czy te cyfry mają być kolejne czy np: 1 przypisany do A , 2 do B ?
co przez to rozumiem wariant I:
b1e2a3
czy
b2e5a1 ?
Jeżeli przypadek I to rozbiłbym stringa na kolejne znaki i po kazdym wstawial kolejna liczbe. Potem wstawil jak juz koledzy podawali do value danego inputa.

Klucz wygląda tak:

a1
b2
c3
d4
b5
e6

I symbole są różne, czyli np. symbol to dba wtedy koduje na d4b2a1 jeżeli symbol to eab to koduje na e6a1b2
W php nie ma problemu z rozbiciem na znaki i dla każdego znaku przyporządkowanie klucza. \
Tylko chodzi o ten nieszczęsny input aby on się generował i pokazywał :D

@bump

@bump!

Do rozwiązania @bostaf musisz tylko dodać podział na litery i dla każdej generować kod:

[PHP] pobierz, plaintext 
var symbol = 'eab'; //lub zczytujesz z input $("#nazwa").val();
var n = str.split("");
//w n otrzymasz tablicę z każdym znakiem i wtedy np w pętli przypisujesz odpowiedni kod.
[PHP] pobierz, plaintext 

Inne rozwiązanie do przykładu @bostaf:

[PHP] pobierz, plaintext 
var symbol = 'eab'; //lub zczytujesz z input $("nazwa").val();
$.get("/generowanieinput.php?symbol="+symbol, {}, function(data){
	$("#nazwa").after(data);
});
[PHP] pobierz, plaintext 

w pliku generowanieinput.php tworzysz input na podstawie zapytania $_GET