HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header

haber

-

Uçak bileti

-
 Avtor: -primož-    02.08.09
KONTAKTNI OBRAZEC za spletne strani               
HTML vodiči

kontaktni_obrazecVodič, ki vam bo predstavil kontaktni obrazec! (možen  download)


V tem vodiču vam bom ponudil prenos oz download vseh datotek potrebnih za kontaktni obrazec oz. mail form/mailform in vam obrazložil, kako ga spraviti v delujoče stanje. Kontaktni obrazec zelo popestri ponudbo spletne strani saj omogoča kontakt med obiskovalci in urednikom spletne strani. Pa si ga poglejmo! Kontaktni obrazec si lahko prenesete pri prenosih, pod sekcijo HTML.

 

prenos_download

 

PRENOS – kontaktni obrazec (vse datoteke) – Download

 

Celoten kontaktni obrazec, vse datoteke, mora biti NUJNO na serverju, drugače obrazec ne bo deloval. Obrazec v svojo stran vključite, kot iframe. Več o iframeih si preberite tukaj. Še posebej pozorno si preberite odstavek o ozadjih in prosojnosti le teh!

 

*Obrazec tukaj je le primer!

**Če želite meni kaj sporočiti mi lahko pošljete e-mail na: Ta e-poštni naslov je zaščiten proti smetenju. Če ga želite videti, omogočite Javascript.

 

PRIMER:

e-mail
*
*
* Polja označena z zvezdico so obvezna.


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Vse datoteke (5):


- kontakt.htm
- mailform.php
- functions.php
- saucertag.php
- style.css

 

 

 

1. Urejanje datoteke kontakt.htm:

Pri atributu src="/ " morate določiti pot do datoteke mailform.php (nujno na strežniku). Pazite na allowtransparency=" ". Tukaj tudi nadzirate širino in višino celotnega iframea.


2. Urejanje datoteke mailform.php:

V tej datoteki nadziramo začetno vsebino kontaktnega obrazca in pa pot do datoteke style.css, ki nadzira izgled obrazca. (119. vrstica) Izgled obrazca določajo tudi vrednosti med <style> in </style>!

Prvi del datoteke (prva tabela) je zadolžena za besedilo pred vnosnimi polji (statično besedilo: ime, e-mail, …).
Drugi del datoteke (druga tabela) nadzira vnosna polja oz. input del obrazca. Tukaj določate, kaj bo pisalo v obrazcu (value=" ")


3. Urejanje datoteke functions.php:

V tej datoteki določite E-mail, na katerega se bo poslala vsebina kontaktnega obrazca. Vaš e-mail vpišete med narekovaje!


4. Urejanje datoteke style.css:

V tej datoteki določate izgled obrazca. Med to spadajo pisave, barve, ozadja, obrobe in povezave.



Pripis: Ta obrazec uporabljam na spletnih straneh mmservis.si, okc-pfeifer.si in moje-mesto.com. Pri zadnjih dveh straneh je ta obrazec integriran v joomlo (1.0 in 1.5) s pomočjo Chrono Forms.

 

*V popravljeni izdaji delajo šumniki (popravljeno po vodiču č, š in ž)

*Izgled obrazca je sličen kontaktnemu obrazcu zgoraj (isti CSS)

*Če Vam javi napako v kateri izmed vrstic dodajte pred tisto vrstico @ (afna)

 

Posebej kode datotek ne bom objavljal, ker si lahko vse brezplačno prenesete (link).

Upam, da vam bo ta kontaktni obrazec pomagal izboljšati vašo spletno stran in povečati medsebojni stik med vami in obiskovalci.

 


Komentiraj:
Metod |03-09-2009 19:08
Imam problem, ko nastavim vse kar si napisal, mi vrže ven 4 errorje :

Notice: Use of undefined constant send - assumed \'send\' in C:\\wamp2\\www\\newave\\mailform.php on line 5

Notice: Undefined index: send in C:\\wamp2\\www\\newave\\mailform.php on line 5

Notice: Use of undefined constant status - assumed \'status\' in C:\\wamp2\\www\\newave\\mailform.php on line 139

Notice: Undefined index: status in C:\\wamp2\\www\\newave\\mailform.php on line 139

Lahko pomagaš?
-primož- |03-09-2009 21:22
Meni se je le enkrat to zgodilo in sicer v Joomli 1.5.14. Tam sem znižal stopnjo poročanja o napakah in ta sporočila so izginila. Poskusi tudi ti kako določiti nižjo stopnjo poročanja o napakah (za pomoč: http://si2.php.net/manual/en/errorfunc.configuration.php#ini.error-rep orting).

Še prej poiskusi tudi to: Na začetek vsake od teh vrstic vstavi @ (afna).

*mogoče bodo te napake izginile, ko bo kontaktni obrazec na serverju.
Luka |27-09-2009 17:07
Pozdravljen! Imam eno vprašanje. Nevem kam naj vstavim pot do css style v datoteki mailform. Nikjer ni že obstoječe povezave, katero bi nadomestil s svojo.

Poleg tega me zanima, če lahko v kontaktu prilepim povezavo, ki se začne s ftp://a125....? Tako mi namreč napiše v FileZilli, ko kopiram URL fajla.

Hvala
-primož- |27-09-2009 17:54
Pozdravljen,

Pot do CSS datoteke se nahaja v mailform.php v 116. vrstici. (in od 32 do 60).

Verjetno misliš pot do mailform.php. Poskusi z relativno potjo:
src="mailform/mailform.php"


Luka |27-09-2009 20:47
Sem probal pa ne rata. Poglej pod mojo stran pa boš videl, da ko vstavim tvojega v moj kontakt deluje breezhibno.

Ko dam v kontakt povezavo do svojega mailforma pa se pojavijo neke številke in črke.
Luka |27-09-2009 20:51
Stran delam namreč prvič in še to za prijatelja, ki ima picerijo. Kot boš najbrž ugotovil sem templete dobil na neki strani, ki so free. Potem sem dodelal svoj banner (photoshop mi kar gre no), najdi.si zemljevid, uredil slikce in besedilo ter dal vse skupaj na server.

Moram povedati, da prej nisem nikoli delal karkoli s spletnimi stranmi, sem namreč samouk. Vse tole kar gledaš je vse ata google pomagu =) Sedaj sem že bolj pri koncu, pa sem našel tvoj blog s tem obrazcem, ki se mi zdi zelo zanimiv za stran.

Upam, da bom prišel pr itej zadevi do dna (kot že pri marsikateri prej=)
-primož- |28-09-2009 17:40
Pisal sem ti na e-mail. Sedaj ti bo delovalo :)
Anonymous |23-11-2009 13:23
"Line: 17 Char: 28 Error: expected ')

kako to težavo odpraviti
robi |11-01-2011 18:53
oj imam en problem narediv sem cist preprost obrazec z pomocjo phpja in sem dodav nekatere obrasce da jih je treba nujno izpolnit in inam tezavo da ce ne izpolnim vsa obvezna polja mi vseno spusti naprej zanima me ce sm pozabiv vstaviti kaksen ukaz ?????
-primož- |13-01-2011 13:09
Pozdravljeni,

ob kliku gumba se izvede funkcija checkform(). Poglejte to funkcijo v datoteki mailform.php in dodajte potrebne if stavke.

document.form.IMEINPUTA.value == "Vsebina sporočila"

in

document.form.IMEINPUTA.value == ""
pika |18-10-2011 19:54
Ejla,
en problem, želim ta obrazec vstaviti na konec (v nogo) vsake strani in mi javi napako, da strani mailform ni mogoče najti. to sem verjetno napačno pot vpisala?

da ponovim:
iz konatkt.htm lahko samo ... prekopiram v nogo strani in popravim pot do filea mailform.php?

v fileu mailform.php nujno popravim pot do style.css ostalo pa če ne želim ni nujno popravljat?

v functions.php
napišem ustrezen mail in nič dugega?

ter v style.css samo če hočem spreminjat izgled?

hvala.
rookie pika
-primož- |18-10-2011 22:06
Živjo,
priporočam ti, da uporabiš tole kodo preprostega kontaktnega obrazca tukaj:
***poglej, če je v linku kakšen presledek in ga zbriši
http://moje-mesto.com/mojemesto-forum/view-postlist/forum-12-programsk i-jeziki/topic-28-kontaktni-obrazec-in-poiljanje-vsebine

Je veliko bolj preprosta, kot tale obrazec.

Kar se tiče pa tvoje napake ... pot je narobe nastavljena. Če imaš datoteko mailform.php zraven svojih ostalih datotek potem mora pot izgledati nekako takole: src="mailform.php". Če pa hočeš biti zihr potem pa naloži datoteko na strežnik (za delovanje mora tako ali tako biti na stražniku) in napiši celotno pot npr.: src="http://tvojadomena.si/mailform.php"

Sporoči, če deluje.

Lp,
-primož-
pika |18-10-2011 20:33
imam jo v mapi mail form in sem vpisala src="mailform/mailform.php"

bom pa še probala s tem predlaganim preprostejšim


še ena vprašanje, kako pa bi se na redila stran in baza za uporabnike za login? a je tudi tak vodič?

hvala
rookie pika

p.s.
bom spročila če dela :)
-primož- |18-10-2011 20:43
Živjo,
jaz že kakšno leto uporabljam samo preprostejši obrazec pa narejen je za CSS vodič "urejanje obrazcev s CSSjem" ;)

Kar se tiče prijave ... če rabiš CMS potem priporočam wordpress (za bloge) ali joomla (za manj in bolj zahtevne strani). Z obema boš imela veliko problemov, če boš želela implementirati svoj unikaten poseben dizajn.

Če želiš pa sama delati neke vrste administracijo oz. prijavo potem ti lahko pošljem kodo, ki sem jo prejšnji mesec dobil od prijatelja ampak je še nisem nič uporabljal tako, da ti ne bom mogel točno pomagati ... baje ni tako zapleteno, kot se sliši ... hm :P Rabiš pa pomoje vsaj osnovno znanje PHPja.

Lp,
-primož-
pika |18-10-2011 20:55
sej sem se odločila za preprostejšo varjanto :)
in .... YYYeah DELA :)
fuull hvala :)

delam stran za eno društvo in bi rada da imajo možnost da se pač logirajo, si dodelijo svoje ime geslo in mail upišejo, kaj bo pa pol naprej še nevem...sam tolko... bi rada from rookie to pro :)

sem iskala po netu in najda različne varjante sam mi nič ne dela in je zakomplicirano

php pa še ne znam, nekaj imam osnovnega znanja z jave ... tako da me čaka še veliko dela

hvala
pika
-primož- |18-10-2011 21:08
Lepo, da dela :) simple is beauiful.

Če je društvo potem jim lahko naložiš kakšen forum al pa kakšno galerijo slik, ki jo lahko sami dopolnjujemo ali pa kaj podobnega. Forum ima pa ponavadi že prijavo. Samo se moraš vprašati, če je smiselno (glede na število folka). Pa če boš imela kje komentiranje (npr. pri kakšni galeriji (npr. http://coppermine-gallery.net/) ali shoutboxu pazi na spam, ker veliko ljudi po netu viagro prodaja :) Če hočejo imeti pa svoje novice ti priporočam pa wordpress pa naložiš eno že narejeno temo in jo malo predelaš, da bodo zadovoljni in je to to. Potem če bi rada zbirala e-maile za obveščanje članov ti je najlažje uporabiti mailchimp - objaviš njihov obrazec na strani, se vpišejo in potem jim lahko mejle pošiljaš (free verzija je kar v redu). To so taki hitri predlogi za katere ti priporočam, da jih upoštevaš le, če si stranka tako želi ... v nasprotnem primeru je škoda tvojega časa ;)

Lp,
-primož-
pika |18-10-2011 21:18
hvala za nasvete, zadeva je taka, stran delam bolj za to da se navadim stvari, sql da znam bazo naredit , kako se jo s stranjo poveže, ... galerijo da lahko komentirajo ... kolko bodo res vse uporabljali niti nevem ... :)
in verjetno da administrator bom jim kar jaz ostala in stran urejala ...

lp, pika
Bojan |08-11-2012 09:07
Zdravo!
Ponovno brskam in iščem po vašem vodiču. Tokrat sem uporabil kontaktni obrazec, vendar sem naletel na težave. Nikakor mi noče javljati napačne vnose kakor tudi ne obvešča o poslanem sporočilu. Pošlje mi vse kar vpišem. Prosim za nasvet kaj storiti?

lp., Bojan
Bojan |08-11-2012 09:11
Sory, pozabil sem vpisati E-mail

lp
-primož- |14-11-2012 21:50
Živjo,

si potem porihtal obrazec ali potrebuješ še kakšno pomoč?

Lp,
-primož-
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé, Čokolada

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi