| MOTOR! (de cautare) |
|
| Acasa | Adauga site | Clasamente | Contact |
| CSS CGI JavaScript PHP SSI |
| Resurse | O legatura (sub forma de text) care trimite un formular de Christopher S.L. Heng, thesitewizard.com |
|
|
Din timp in timp, primesc cate o intrebare din partea vizitatorilor mei la thesitewizard.com care ma intreaba cum se poate ca o legatura sub forma de text poate fi facuta sa functioneze ca un buton "Submit" pentru trimiterea continutului unui formular. Aceasta este foarte usor de facut, cu ajutorul Javascript. Pentru cei care nu cunosc, calea obisnuita pentru a trimite continutul unui formular este ca vizitatorul sa apese pe un buton creat cu urmatorul cod HTML: <input type=submit>Ca o alternativa, unii pameni prefera sa inlocuiasca uratul buton cu o imagine grafica. daca imaginea se numeste, sa presupunem, "buton.gif", codul pentru generarea butonului este: <input type=image src="buton.gif">Poti cauta oricat, dar probabil ca nu vei gasi nici-o aluzie in manualul tau de HTML despre cum poti face ca un text sub forma de legatura sa functioneze ca un buton "Submit". Si nu e de mirare. HTML nu are in mod direct o asemenea facilitate. Codul JavascriptDaca vei dori ca datele dintr-un formular sa-ti fie trimise apasand un text si nu o imagine, vei avea nevoie de putin ajutor din partea Javascript. Bineinteles ca daca acesta va fi singurul mod in care formularul poate fi trimis, vizitatorii tai care nu au browsere compatibile Javascript nu il vor folosi niciodata.Sa presupunem ca avem un formular care incepe in felul urmator: <form name="formular" method=post action="scriptul_tau.cgi">Acum sa presupunem ca vrei sa ai doua legaturi-text, una pentru "Service platit" si alta pentru "Service gratuit". Apasand pe oricare dintre aceste doua legaturi, trebuie ca datele din formular sa fie trimise, aratand de asemenea si ce legatura a fost apasata. Codul pentru rezolvarea problemei este simplu. Intai, trebuie sa plasam urmatorul cod in cadrul sectiunii HEAD a paginii tale.
<script language="JavaScript" type="text/javascript"><!--
function preiaTipul ( tipulSelectat ){
document.formular.tipulServiceului.value = tipulSelectat ;
document.formular.submit() ;}--></script>
Acum adaugam urmatorul cod inaintea etichetei de inchidere FORM:
<input type=hidden name="tipulServiceului">
<a href="javascript:preiaTipul('platit')">
Service platit </a><br>
<a href="javascript:preiaTipul('gratuit')">
Service gratuit</a>
Precum vezi din acest fragment de cod, cand legatura-text "Service platit" este apasata, functia "preiaTipul" va fi apelata cu parametrul "platit", iar daca va fi folosita legatura "Service gratuit", functia "preiaTipul" va avea parametrul "gratuit".Functia "preiaTipul" va atribui variabilei "tipulServiceului" (care este definita drept un camp ascuns) valoarea parametrului functiei. Aceasta valoare va fi "platit" sau "gratuit", in functie de ce legatura a fost folosita. Apoi trimite datele din formular programului definit in cadrul sectiunii "action" a formularului. Modificarea formularuluiProbabil ca vei dori sa modifici sau sa extinzi formularul pentru a se potrivi cu scopul tau. De exemplu, ai putea vrea sa schimbi numele variavilei "tipulServiceului" sau sa adaugi mai multe valori posibile care pot fi alese. Indiferent ce faci, adu-ti aminte sa sincronizezi codul Javascript cu cel HTML. De exemplu, daca schimbi "tipulServiceului" in altceva in codul Javascript, adu-ti aminte sa schimbi si eticheta ascunsa INPUT pentru a avea acelasi nume.ConcluziiGata! Ai o legatura-text care poate fi folosita pentru a transmite datele dintr-un formular. Simplu, nu?Aminteste-ti, totusi, inainte de a te grabi sa implementezi acest articol in formularele tale, ca nu toata lumea arebrowsere compatibile Javascript. Aceia care nu soporta Javascript, iti vor vedea formularul, il vor completa, vor apasa pe legatura-text corespunzatoare si vor vedea ca nu se intampla nimic. Va trebui sa cantaresti ata avantajele cat si dezavantajele de a avea acest tip de facilitati in site-ul tau. Programare fericita!
Toate cele bune,
Copyright 2000 Christopher S L Heng. Toate drepturile rezervate
|
| Informatii IT |
|
|
| © 2000 - 2011 Resurse.com | Politica de folosire a datelor culese in cadrul site-ului | |
|
Bankuri.com
Capitale.ro
CursValutar.org
despreGO.ro
Ghioc.RO
Jocuri.bz
Mini-Clip.ro
Resurse.com
ROK.RO
Zicatori.com
ZileDeNastere.ro Best Tickets for Music Concerts |