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
Informatii IT
Jocuri online
Forum de discutii
Programare Web
ABC - calculatoare
ABC - site Web
E-marketing
Horoscop
Noutati muzicale
Topul romanilor
Bara de navigare

Nume de domenii
com/net/org - 50 LEI/an
Web hosting 12,5 LEI/luna
conturi Reseller
www.domenii-web.com
Informatiile de care ai nevoie
muzica, IT, horoscop
programare, e-marketing
forum de discutii
resurse.com

LEARN how to play POKER
with strategy
without paying a penny
and pick up your $150 BONUS
from PokerStrategy!

Mica publicitate auto
Autoturisme romanesti
Autoturisme straine
Utilitare, Piese
MasiniRulate.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 Javascript

Daca 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 formularului

Probabil 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.

Concluzii

Gata! 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,
Christopher S.L. Heng
thesitewizard.com

Copyright 2000 Christopher S L Heng. Toate drepturile rezervate
Viziteaza http://www.thesitewizard.com/ pentru mai multe sfaturi gratuite si articole despre web design, promovare, profit si programare; sau aboneaza-te la publicatia noastra GRATUITA trimitand un email la subscribe@thesitewizard.com.

Informatii IT
Digg! StumbleUpon ANRCTI a aplicat inca opt amenzi pentru efectuarea de comunicari comerciale nesolicitate prin intermediul postei electronice si o amenda pentru nefurnizare de informatii In urma finalizarii unora dintre investigatiile demarate ca urmare a plangerilor privind transmiterea de comunicari comerciale nesolicitate prin intermediul postei electronice, Autoritatea Nationala pentru Reglementare in Comunicatii si Tehnologia Informatiei (ANRCTI) a constatat, in opt dintre cazuri, savarsirea contraventiei constand in transmiterea de comunicari comerciale nesolicitate, asa cum este definita de Legea nr. 365/2002 privind comertul electronic, republicata, si a aplicat sapte amenzi in cuantum de 1.000 lei fiecare si una in valoare de 2.000 lei.
Digg! StumbleUpon MaxCAD participa la Conferinta Nationala AICPS MaxCAD participa cu stand in cadrul Conferintei Nationale a Asociatiei Inginerilor Constructori Proiectanti de Structuri (AICPS) care se desfasoara astazi, 30 mai 2008, la Muzeul National de Arta. Tema celei de-a XVIII-a editii a conferintei este „Cladiri inalte amplasate in zone seismice”, evenimentul reunind peste 300 de participanti.
Digg! StumbleUpon Yahoo! m-a angajat sa fac pentru cinci milioane de oameni ceea ce faceam pentru cateva mii In video interviul acordat in exclusivitate pentru RadioLynx.ro, Bobby Voicu dezvaluie, in premiera, cateva dintre motivele pentru care Yahoo.com isi propune o mai mare apropiere de comunitatea internautilor romani.
© 2000 - 2008 Pro FinancePolitica de folosire a datelor culese in cadrul site-ului
Inregistreaza nume de domenii platind cu PB$! Castiga PB$ participand la discutii!
Membru al retelei Pro Finance
Avatars.bz   Cautare.net   CursValutar.org   Dinamovisti.info   Domenii-Web.com   Forex-Exchange.org   Forum domenii   Ghioc.RO   HotelMoscowRussia.com   Jocuri.bz   MasiniRulate.com   PHP5forum.com   ProBazar.com   Publicitate.biz   Rapidisti.info   Resurse.com   ROK.RO   Scoala-De-Soferi.com   Steaua.info   UsedPhonecard.com