Yenilogo Logo ve Kurumsal Kimlik Hizmetleri



0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Lithos

  • İleti: 155

Selamlar,

Ektede goreceginiz uzere mac te bunlara benzer bir form olusturup bir web sitesine eklemem gerekiyor. Olusan bu formda web sitesini ziyaret eden kisi begendigi urunleri secip altta toplam fiyatini gorecek ve OK tusuna basip web sitesi sahibine bir nevi siparis formu olarak email ile ulasacak.


- Nasil bir yol izlemem gerekiyor ?

- Ve bunu nasil yaparim ?

MBP 10.8.2 ML


« Son Düzenleme: 08 Mart 2014, 16:35 Gönderen: Lithos »
Kayıtlı
Macbook Pro 10.8.2 Mountain Lion
iPhone 4  5.1

SY

  • Ziyaretçi
  • İleti:
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #1 - 08 Mart 2014, 21:08

Mac'te dedi?ine göre bu i?i yapan bir uygulama ar?yorsun san?r?m? Yoksa bu i?in Mac'i Win'i olmaz web dili tektir. Textedit ile bile yap?l?r bu formlar...

?öyle bir uygulama buldum bir incele istersen...
Mac App Store - Web Form Builder Lite
Kayıtlı

Lithos

  • İleti: 155
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #2 - 08 Mart 2014, 21:15

Saol Selcuk.

Form yapan hem uygulamada cok hemde site ama ben sitede belirtilen urunlerin fiyatlarini alttada toplansin istiyorum.

Simdi bakiyorum verdigin linke.
Kayıtlı
Macbook Pro 10.8.2 Mountain Lion
iPhone 4  5.1

SY

  • Ziyaretçi
  • İleti:
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #3 - 08 Mart 2014, 21:40

Onu bildi?im kadar?yla javascript ile yap?yorlar...
Kayıtlı

Lithos

  • İleti: 155
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #4 - 08 Mart 2014, 21:46

Verdigin linkte maalesef fiyat toplama gostermiyor.
Eger dedigin gibi java scrpt ile yapiliyorsa nasil yapiliyor. Bir ornek vs bulabilsem yapacagimda henuz rastlayamadim.
Kayıtlı
Macbook Pro 10.8.2 Mountain Lion
iPhone 4  5.1

makdag

    • http://www.mustafaakdag.net
  • İleti: 5.513
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #5 - 09 Mart 2014, 02:24

JavaScript ile de?il de (javaScript ile pek çal??mad???mdan dolay? bilmiyorum nas?l olaca??n?) jQuery ile ?u ?ekilde olabilir:

Form ?u ?ekilde olsun:
Kod: [Seç]
<ul>
<li><select id="product" name="product" class="ToplamaEklenecekSayi">
<option value="deger1">De?er 1</option>
<option value="deger2">De?er 2</option>
<option value="deger3">De?er 3</option>
<option value="deger4">De?er 4</option>
</select></li>
<li><select id="size" name="size" class="ToplamaEklenecekSayi">
<option value="deger1">De?er 1</option>
<option value="deger2">De?er 2</option>
<option value="deger3">De?er 3</option>
<option value="deger4">De?er 4</option>
</select></li>
<li><select id="paper" name="paper" class="ToplamaEklenecekSayi">
<option value="deger1">De?er 1</option>
<option value="deger2">De?er 2</option>
<option value="deger3">De?er 3</option>
<option value="deger4">De?er 4</option>
</select></li>
<li>Di?er alanlar...</li>
</ul>
<div id="SonucKutusu"><input id="SonucKutusuInput" name="SonucKutusuInput"/></div>

A?a??daki de jQuery ile toplama i?lemi:
Kod: [Seç]
$(document).on('change','.ToplamaEklenecekSayi',function(){
var deger = $(this).val();
var Oncekisonuc = $("#SonucKutusuInput").val();
var Sonuc = Oncekisonuc+deger;
$("#SonucKutusuInput").val(Sonuc);
}

Tüm kodlar? ?u an akl?ma gelen ?ekliyle yazd?m bir fikir versin diye. E?er ara?t?r?rsan?z daha k?sa ve efektif yöntemler bulunabilir kan?mca.

Ekleme:
- Yukar?daki jQuery örne?inde san?yorum yanl?? anlam???m ben olay?, zira o örnekte alt kutudaki say? sürekli artt?racak bunun yerine san?yorum ki a?a??daki örnek daha yerinde sonuçlar verecektir:

Kod: [Seç]
$(document).on('change','.ToplamaEklenecekSayi',function(){
var Toplam = 0;
$('.ToplamaEklenecekSayi').each(function() {
   Toplam += parseInt($(this).val());
});
$("#SonucKutusuInput").empty().val(Toplam);
}
« Son Düzenleme: 09 Mart 2014, 02:31 Gönderen: makdag »
Kayıtlı
Mustafa Akda? - Mustafa Akda? - Günce

- MBP 2.5 Ghz. (Mid 2012) - Os X 10.10.1, ing.
- iPhone 4s.

Lithos

  • İleti: 155
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #6 - 09 Mart 2014, 03:03

Mustafa verdigin kodlar icin cok tesekkur ederim. Eminim ise yarayacaktirda;

Simdi karsimda macbook ve birde senin kodlar :)

Neyi nereye koymam gerekecek ? :)
Kayıtlı
Macbook Pro 10.8.2 Mountain Lion
iPhone 4  5.1

makdag

    • http://www.mustafaakdag.net
  • İleti: 5.513
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #7 - 09 Mart 2014, 13:51

Mustafa verdigin kodlar icin cok tesekkur ederim. Eminim ise yarayacaktirda;

Simdi karsimda macbook ve birde senin kodlar :)

Neyi nereye koymam gerekecek ? :)

Bu kadar ba?lang?çta oldu?unuzu tahmin edememi?tim :)

1. ?lk önce bilgisayar?n?zda bir "Localhost" kurman?z gerekiyor. Esasen her Mac Os kendi içerisinde bunu bar?nd?r?yor olsa da, MAMP indirip kurman?z? tavsiye ederim (Kullan?m kolayl??? bak?m?ndan). MAMP & MAMP PRO - Downloads (Pro versiyona gerek yok, yaln?zca MAMP yeterli).

2. Kurulum ard?ndan Applications > MAMP klasörü alt?nda "htdocs" klasörü olacak, bu klasör içerisine "form" (ya da projenizin ad?) isimli bir klasör olu?turun, Türkçe harf ve/veya bo?luk kullanmay?n. Bu klasöre taray?c?n?za (Safar, Chrome, Firefox... hangi taray?c?y? kullan?yorsan?z) http://localhost:8888/form (ya fa form yerine klasöre verdi?iniz isim) adresinden ula?abileceksiniz. Ancak elbette bunun için öncelikle MAMP'? çal??t?rman?z gerekiyor (çal??t?rd?ktan sonra CMD+H ile saklay?n, kals?n orada).

3. ?imdi esas bölüme geldik. Mac Os ile birlikte gelen TextEdit ile de yapabilece?iniz bir i?lem olsa da, bir HTML editör kullanman?z? tavsiye ederim. (?urada bir derleme bulabilirsiniz) Ben Coda kullan?yorum, ancak ücretli bir program ve görsel i?lemleri biraz zay?f; Espresso biraz daha görsel san?yorum (Yaln?z hat?rlam?yorsam e?er SY bu editörü kullan?yordu) ya da Ücretsiz di?er editörlere de bir göz atabilirsiniz. Bu ad?m hakk?ndaki detaylar? atl?yorum, zira bu editör tercih meselesi ba?l? ba??na bir ba?ka konu olabilir. Ancak, bana göre, seçimde önemli nokta, ne yapaca??n?z ve ne bekledi?iniz aras?ndaki dengeyi tutturabilen bir editör bulabilmekte.

4. Editör kurulumunu tamamlad?ktan sonra, aç?yoruz ve yeni bir HTML dosyas? yarat?yoruz ve bu yaratt???m?z dosyay? da az önce htdocs içerisinde yaratt???m?z klasör (form) içerisine index.html olarak kaydediyoruz. Ard?ndan bu index.html içerisine a?a??daki kodlar? ekliyoruz:

Kod: [Seç]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Form Deneme</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="tr" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(document).on('change','.ToplamaEklenecekSayi',function(){
var Toplam = 0;
$('.ToplamaEklenecekSayi').each(function() {
Toplam += parseInt($(this).val());
});
$("#SonucKutusuInput").empty().val(Toplam);
}
</script>
</head>
<body>
<ul>
<li><select id="product" name="product" class="ToplamaEklenecekSayi">
<option value="1">De?er 1</option>
<option value="2">De?er 2</option>
<option value="3">De?er 3</option>
<option value="4">De?er 4</option>
</select></li>
<li><select id="size" name="size" class="ToplamaEklenecekSayi">
<option value="1">De?er 1</option>
<option value="2">De?er 2</option>
<option value="3">De?er 3</option>
<option value="4">De?er 4</option>
</select></li>
<li><select id="paper" name="paper" class="ToplamaEklenecekSayi">
<option value="1">De?er 1</option>
<option value="2">De?er 2</option>
<option value="3">De?er 3</option>
<option value="4">De?er 4</option>
</select></li>
<li>Di?er alanlar...</li>
</ul>
<div id="SonucKutusu"><input id="SonucKutusuInput" name="SonucKutusuInput"/></div>
</body>
</html>

5. Bu index.html sayfas?n? kaydettikten sonra taray?c?m?zdan http://localhost:8888/form (Ya da form yerine ilk ba?taki yazd???m?z klasör ad?) yaz?p enter'a bast???m?zda çal???r ?ekilde form'un görünüyor olmas? gerekiyor. Ancak elbette ki bu ?ekilde görüntüsü pek ho? görünmeyecektir. Bu noktadan sonra da CSS'ye giri? yapmak gerekiyor :)
Kayıtlı
Mustafa Akda? - Mustafa Akda? - Günce

- MBP 2.5 Ghz. (Mid 2012) - Os X 10.10.1, ing.
- iPhone 4s.

sehavetkar

  • PROGRESSIVE.
  • İleti: 74
Ynt: Web sitesine eklemek icin form olusturmak
Cevap #8 - 10 Mart 2014, 16:14

Jotform.com a da bakabilirsiniz ek olarak.

Sent from my RM-914_eu_turkey_355 using Tapatalk
Kayıtlı
ibooks author, indesign nerd, sürekli ö?renen mekanizma.
 

Yenilogo Logo ve Kurumsal Kimlik Hizmetleri