|
Kao sto vidite malo smo osvjezili izgled newslettera, svjetlije
boje, par ukinutih elemenata i pojednostavljeni raspored ce
svakako doprinjeti vecoj preglednosti i uzitku citanja :-).
Na siteu je u mjedjuvremenu objavljen clanak Igora Sjeverca
naziva Sto
je to DHTML? i clanak Lea Bevande: HTML
anchori ili Kako linkati na specificni dio stranice?
"Form To Mail" funkcija
bez CGI-a
Napisao: Leo "Leoniss"
Bevanda © 2001 - 2002
Jedna od najkoristenijih CGI skripti, tzv. 'Form To Mail'
skripta procesira sve podatke unesene u neku formu i salje
ih na vas email. U ovom clanku saznajte kako to isto postici,
ali bez uporabe CGI-a.
Forme su danas nezamjenjive na web stranicama kod kojih se ocekuje
neki oblik interakcije s posjetiteljem. Sve podatke koje unesete u
neku formu gotovo u 99% slucajeva procesiraju CGI skripte. One su jedan
od najvaznijih dijelova forme. Najcesce se programiraju u jeziku Perl
koji ima prilicno 'zapetljanu' sintaksu te je time namijenjen power
userima. Na Internetu je jednostavno pronaci ovakve besplatne skripte,
ali uspjesno ih konfigurirati je cesto nerjesiv problem za neke webmastere.
Jedna od jednostavnijih, a zasigurno i koristenijih CGI skripta je
tzv. Form-To-Mail skripta. Ona sve podatke koje posjetitelj unese u
web formu procesira direktno na vas email. Najcesce se koristi kod
jednostavnih feedback formi kod kojih se od korisnika traze podaci
tipa e-mail, vrsta browsera, komentar o stranicama i sl.
Ako je ovo sve sto vam treba, a ne zelite se petljati sa CGI-jem, podatke
iz nase forme cemo jednostavnom naredbom poslati na nas mail u obliku
jednostavnog (plain) teksta.
Postupak koji slijedi ima jednu manu: nakon sto korisnik pritisne
submit button nase forme, morat ce jos jednom kliknuti na "OK"
u alertu browsera koji ga upozorava da ce i njegova email adresa biti
poslana zajedno s podacima iz forme.
Evo postupka:
- Napravite novu formu po zelji ili ucitajte neku ranije kreiranu
u vas HTML editor. Forma koju sam napravio za ovaj primjer sastoji
se od 3 text boxa, 1 list menija, 3 radio buttona, i jednog submit
buttona. To je jednostavna feedback forma koja svoju namjenu obavlja
vise nego korektno. Pomocu nje cete saznati ime, e-mail, browser,
ocjenu vasih stranica i poruku od posjetitelja. Mozete je slobodno
prilagoditi i iskoristi na vasem sajtu. HTML kôd nalazi se na dnu
stranice.
- Unutar pocetnog FORM taga za action
svojstvo forme unesite mailto:nekavasa@adresa.com.
Ako odaslanoj poruci zelite dati neki odredjeni subject, nakon vase
email adrese upisite ?subject=tema
gdje je tema ono sto zelite da vam se pojavi u subject polju.
- Unutar FORM taga jos unesite sljedece argumente: method="post"
i enctype="text/plain".
Ovime definiramo metodu izvrsavanja forme (post ili get), a sa enctype
argumentom smo odredili formatiranje podataka iz forme kao obican
tekst.
- Svakom elementu vase forme dajte odgovarajuci naziv koristeci name
argument. To ce vam omoguciti da jednostavno pregledate podatke koji
ce vam doci na mail preko forme. Npr. ako posjetitelj unutar text
boxa koji ima argument name="Ime"
upise npr. Leo, u vasem mailu ce to izgledati ovako: Ime =
Leo. To vrijedi za sve elemente neke forme.
Slijedi kôd jednostavne Feedback forme koju sam napravio za primjer.
Ako zelite, mozete je slobodno editirati po zelji (nemojte zaboraviti
moju e-mail adresu zamijeniti vasom :-) Nakon toga je implementirajte
u vas site i uzivajte u kritikama, zahtjevima ili pohvalama koje s
vase web stranice stizu na vas e-mail.
*****
<form name="Feedback
forma"
method="post" action="mailto:leo.bevanda@tel.net.ba?subject=Feedback"
enctype="text/plain">
Ime:
<input type="text" name="Ime" size="30">
<p> e-mail:
<input type="text" name="e-mail" size="27">
<p>Odaberite browser koji koristite:<br>
<input type="radio" name="Browser" value="IE">
Internet Explorer
<input type="radio" name="Browser" value="Netscape">
Netscape Navigator
<input type="radio" name="Browser" value="Ostali">
Neki drugi browser
<p> Vasa ocjena mojih stranica:<br>
<select name="Ocjena moga sitea">
<option>Odlicno - bez mane</option>
<option>Vrlo dobro - male zamjerke</option>
<option>Dobro - moze i bolje</option>
<option>Lose - dosta propusta</option>
<option>Jako lose - site ti je katastrofa</option>
</select>
<p>
<textarea name="Poruka Webmajstoru" rows="8"
cols="50">
Vasa poruka webmajstoru:
</textarea>
<p>
<input type="submit" name="Gotovo" value="Posalji">
</form>
*****
O autoru:
Leo "Leoniss" Bevanda
(leo.bevanda@tel.net.ba)
- je 18-godisnjak koji voli dobru glazbu (hip-hop & rap)
i brza racunala. U slobodno vrijeme bavi se web-masteringom
i svime sto je povezano s njim. Obozavatelj je Macromedijinih
web alata poput Dreamweaver-a i Flash-a, te Adobe-ovog Photoshopa
- alata potrebnih za efektan web site...
|