Webszerkesztés és HTML programozás - inter-studium.hu
Webszerkesztés és HTML programozás - inter-studium.hu
Webszerkesztés és HTML programozás - inter-studium.hu
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Vinnai Zoltán: <strong>HTML</strong><br />
25.4. Űrlapkezelés JavaScript-el<br />
58. ábra Egyszerű űrlap<br />
A következő példa bemutatja az űrlapok működését és használatát. Az első fájl<br />
(urlap.html) három szöveges beviteli mezőt és egy nyomógombot jelenít meg. A<br />
nyomógomb megnyomásakor a szöveges mezőkbe írt adatokat továbbítja az urlap2.html fájl<br />
részére, get metódussal, vagyis az oldal linkjében. A fogadáskor meg is jelennek ezek az<br />
adatok. A példában:<br />
file:///C:/Peldak/urlap2.html?Nev=Nevem+Nincs&Cim=Cimem+Sincs&Tel=3453445<br />
A második fájl a kapott paramétereket JavaScript segítségével kiolvassa és meg is<br />
jeleníti. Ezzel a megoldással az a probléma, hogy a speciális karaktereket kódolva küldi át,<br />
vagyis például az ékezetes betűk helyett egy % jel és egy hexadecimális szám szerepel. Ezt is<br />
vissza lehet alakítani a JavaScript segítségével. A jelenlegi példa azonban nem foglalkozik<br />
vele. A cél csak az, hogy bemutassa, hogy egy másik oldalon belül is fel lehet dolgozni az<br />
elküldött adatokat.<br />
59. ábra Űrlap küldő oldal (forrás)<br />
60. ábra Űrlap fogadó oldal (forrás)<br />
87