mhusty
26-01-2012, 23:02
http://vimeo.com/37869716
Joomla! 1.5 ve 2.5 sürümlerinde işlemler aynıdır değişen bir şey yoktur... Hem yazılı olarak Hemde videolu olarak hazırladık dilediğinizi seçebilirsiniz =)
Merhaba Joomla! Severler... Chrono Forms Bileşeni ile gönderilen formları içerik olarak içerik yöneticisine taşınmasını anlatacağız...Yani üyeler site ön yüzünden Chrono Forms yardımı ile bize makale göndercekler ve bu makale içerik yöneticisinde bir içerik olarak gözükecek...Bunun için ben bayağı bir uğraştım yapamadım ama angelaus (http://forum.joomla.gen.tr/uyeler/587-angelaus.htm) abimiz allah razı olsun sorun ile ilgilenip sorunu halletti ... Bende şimdi nasıl yaptığını sizlere anlatacağım..
-İlk olarak aşşağıdaki linkten Chrono Forms bileşenini indiriyoruz...
Downloads - ChronoForms (http://www.chronoengine.com/downloads/9-chronoforms.html)
-Daha sonra Eklentiler Kur/Kaldırdan Bileşenimizi kuruyoruz ..
-Bileşeni başarılı bir şekilde kurduktan sonra Bileşenler Menüsü Altından Chrono Forms bileşenine tıklıyoruz bileşen görüntüsü aşşağıdaki gibidir...
553
-Bileşenimize girdikten sonra üst tab menülerden Form Wizard Sekmesine tıklayarak yeni bir form oluşturuyoruz...Aşşağıda kırmızı olarak işaretlediğim yer..
561
-Çıkan Sayfada Form ögelerimizi,ögelerle ilgili ayarmaları , eylemleri ve form özelliklerini ayarlıyacağız...
560
1 Numaraları alanımızda form ögelerini görüyoruz istediğimiz ögeleri sağ tarafa sürükle bırak tekniği ile koyuyoruz ama bundan önce ordaki form ögelerinin ne olduklarını tekrar hatırlatalım..
Captcha Input = Captcha Tekniği ile kullanıcılara robot olup olmadıklarını anlamak için soru sorulur..Spamları önlemek için kullanılır.
Checkbox = Aynı radio butonları gibidir Kullanıcıya seçenekler sunulur ve bunlardan birini birkaçını hepsini yada hiçbirini seçmesi istenir .
Checkboxes group = Check Box ile aynıdır tek farklı yönü check box'ta bir tane seçenek var iken bunda birden fazla seçenek sorabiliyoruz...
Custom Element = Custom Element Burdaki elementlerden farklı olarak kendi kodlamanız ile yeni bir element oluşturma imkanı sağlar..
Datatime Box = Bu öge hakkında pek bir fikrim yok ama tahminimce form dolduran kişiye tarih girdiriyoruz =)
File Upload = Form dolduran kişiye dosya yükleme imkanı sağlar..
Header Text= Form başında Form ile ilgili yazı yazmanızı sağlar ...
Password Box= Chrono Formsun bir özelliği olan joomla!nın kendi standart üye kayıt formu yerine kendinizin özelleştirerek oluşturmanızı sağlıyor..Bu password box'u form'da şifre girdirmek için kullanılır...
Radio Box = Radio Box elementini Evet , Hayır tarzı iki seçenekli ögeler için kullanabilirsiniz.
Security Question İnput = Güvenlik sorusu oluşturmanızı sağlar..
Select Box = Açılır liste halinde listeden istediğin elementi seçtirmeye yarar.
Submit Button = Form'u gönderme butonu oluşturur bir çok özellik verebilirsiniz.
Text Box = Kullanıcıdan uzun olmayan karakterle sınırlı bilgiler girmesi için kullanılır.
Textarea Box = Tıpkı textbox gibidir. Tek fark textbox da kullanıcının girmesini istediğimiz bilgileri sınırlı ve daha kısadır. textarea da ise çok daha uzun degerler girmek için kullanılır.
Elementler bu şekildedir aslında bir çoğu bilindik şeyler ama ben yinede tekrarlamak istedim..
2.Numaralı olarak gösterdiğim yer ise ögelerin özelliklerini ayarlamak için tıklamamız gereken yer.
Şimdi biz işimizi görcek form ögelerini oluşturuyoruz ...
Bir Tane Header Ögesi , 2 tane Text box , 1 tane text area box, 1 Adet Submit Button şeklinde olcaktır formumuz aşşağıdaki resime bakabilirsiniz.
559
Oluşturduğumuz elementlerin özelliklerini ayarlayalım ...Özelliştirceğimiz ögenin yanındaki 2. ikona tıklayalım.
İlk olarak Oluşturduğumuz header ögesinin özelliklerine tıklayarak Code yazan yazı kısmına istersek html kodu istersek yazı yazabiliriz.Biz code kısmına "Bize Mesaj Yollayın" yazdık ..
558
2.Öğemiz Textbox = Adınız Soyadınız
-2. öğemiz olan textbox ögesinin özelliklerine girelim...
-Açılan ekranda
"Field Name= " kısmına bir değişken tanımlıcaz biz isim dedik siz istediğinizi yazabilirsiniz dikkat türkçe karakter kullanmayalım..
Field Max Length = kısım ise kaç karakterlik bir yazı girilceğini belirliyoruz ..
Field Size= kısmı kutunun genişliğini belirlyoruz ..
Label Text= Kısmına ise Formun başında gözükcek olan yzıyı yazıyoruz biz burda ad soyad için oluşturduğumuz için öyle yazdık..
557
3. Öğemiz Textbox=Mesajınızın Konusu
-3. Öğemiz ola textbox ögesinin özelliklerine girelim...
Field Name = biz baslik yazdık siz başka bir şey yazabilirinsiz bu alan içeriğimizin başlığı olcak aslında.
Diğer ayarlarıda kendiniz istediğiniz gibi yapın..
556
4.Ögemiz Textarea=Mesaj
-4.öğemiz olan textarea ögesinin özelliklerine girelim...
Field name = Kısmına intro yazdık siz istediğinizi yazabilirsiniz ..bu alanda içeriğimizin asıl içerik kısmı olcak...
555
Püf Noktaya değinelim farkındaysanız yukarına Field Name kısımları üstünde çok durduk bu kısım bizim o elementler için oluşturduğumuz özel alan adları ... Chrono Forms'un Kendi özelliği olan Submit Article yani formu içerik olarak kaydet kısmında iişimizi görcek bu field name alanları şimdi o kısma geliyoruz zaten ...
Sıra Geldi Events kısmına Events demek aslında olaylar anlamına gelmektedir...Bu kısımda kullanıcı formu gönderdikten sonra olacak olayları belirliyoruz..
Preview Sekmesinin yanındaki Events Sekmesine Tıklıyoruz... Yeşil Alanda 2 Tane kısım görceksiniz 1. On load ,2.On Submit ...
On submit ile biizm işimiz... On submit (Yani form doldurulduktan sonra gönder butonuna tıklanınca yapılcak olay) kısmına ilk önce işimizi görcek olan Submit Article özelliğini kullancağız...Soldaki ögeler kısmında Utilities sekmesinin altında Submit Article ögesi olcak..O Ögeyi sürekle bırak işlemi ile sağ kısımda ki On Submit alanına yerleştirin...Daha sonra Submit Article ögesinin özelliklerine girin ...
Article Title Field = baslik
Intro Text Field= intro
Author Alias Field= isim
554
şeklinde olcak türkçe karakter içermicek ... Niye böyle bir şey yaptığımızı açıklayalım hatırlarsanız ad soyad için bir text box oluşturmuştuk ve bunun field name kısmına isim yazmıştık...Burda yapmak istediğimiz şey Author Alias Field Kısmı yani yazının yazarı kısmı, form nesnelerinden field name'i isim olan form nesnesini girilen değeri alcak...Diğer kısımlar içinde öyle İntro Text Field kısmı (İçerik kısmı) form nesnelerinden field name'i intro olan forum nesnesine girilen değeri alcak... Bu mantık ile üyelerimize ön yüzden içerik girdirmiş oluyoruz...
Şimdi bu formumuza bir isim verip kaydedelim daha sonra menü öğesine bağlayalım...Ön yüzden kendimiz formu doldurulaım ve gönder diyelim... Bakalım içerik yöneticisinde bu göndermiş olduğumuz form içerik olarak gözüküyormu =)
Birden Fazla Textbox oluşturup buraya girilen değerleri içerik olarak ekletebilirmiyim ?
Evet bu sorunun cevabınıda forumda yanıtladık
Chrono submit article action kısmından girilecek introtext e "intro" fulltexte ise "full" olarak yazın.
sonra diyelim formunuzda "alan1" "alan 2" ve "alan3" ü introtext olarak
"alan"4-"alan5" i fulltext olarak girdirmek istiyorsunuz.
tek yapmanız gereken events kısmında submit article dan önce bir "custom code" action atamak ve bu action özelliklerine
<?php
$form->data['intro'] = "<p>{$form->data['alan1']}</p>
<p>{$form->data['alan2]}</p>
<p>{$form->data['alan3']}</p> ";
?>
<?php
$form->data['full'] = "<p>{$form->data['alan4']}</p> <p>{$form->data['alan5']}</p>";
?>
girip kaydetmek.
ben alanları <p> tagı ile ayırdım ama siz istediğiniz html kodlarını kullanabilirsiniz.
Tekrar Angelaus'a teşekkür ederiz...
Joomla! 1.5 ve 2.5 sürümlerinde işlemler aynıdır değişen bir şey yoktur... Hem yazılı olarak Hemde videolu olarak hazırladık dilediğinizi seçebilirsiniz =)
Merhaba Joomla! Severler... Chrono Forms Bileşeni ile gönderilen formları içerik olarak içerik yöneticisine taşınmasını anlatacağız...Yani üyeler site ön yüzünden Chrono Forms yardımı ile bize makale göndercekler ve bu makale içerik yöneticisinde bir içerik olarak gözükecek...Bunun için ben bayağı bir uğraştım yapamadım ama angelaus (http://forum.joomla.gen.tr/uyeler/587-angelaus.htm) abimiz allah razı olsun sorun ile ilgilenip sorunu halletti ... Bende şimdi nasıl yaptığını sizlere anlatacağım..
-İlk olarak aşşağıdaki linkten Chrono Forms bileşenini indiriyoruz...
Downloads - ChronoForms (http://www.chronoengine.com/downloads/9-chronoforms.html)
-Daha sonra Eklentiler Kur/Kaldırdan Bileşenimizi kuruyoruz ..
-Bileşeni başarılı bir şekilde kurduktan sonra Bileşenler Menüsü Altından Chrono Forms bileşenine tıklıyoruz bileşen görüntüsü aşşağıdaki gibidir...
553
-Bileşenimize girdikten sonra üst tab menülerden Form Wizard Sekmesine tıklayarak yeni bir form oluşturuyoruz...Aşşağıda kırmızı olarak işaretlediğim yer..
561
-Çıkan Sayfada Form ögelerimizi,ögelerle ilgili ayarmaları , eylemleri ve form özelliklerini ayarlıyacağız...
560
1 Numaraları alanımızda form ögelerini görüyoruz istediğimiz ögeleri sağ tarafa sürükle bırak tekniği ile koyuyoruz ama bundan önce ordaki form ögelerinin ne olduklarını tekrar hatırlatalım..
Captcha Input = Captcha Tekniği ile kullanıcılara robot olup olmadıklarını anlamak için soru sorulur..Spamları önlemek için kullanılır.
Checkbox = Aynı radio butonları gibidir Kullanıcıya seçenekler sunulur ve bunlardan birini birkaçını hepsini yada hiçbirini seçmesi istenir .
Checkboxes group = Check Box ile aynıdır tek farklı yönü check box'ta bir tane seçenek var iken bunda birden fazla seçenek sorabiliyoruz...
Custom Element = Custom Element Burdaki elementlerden farklı olarak kendi kodlamanız ile yeni bir element oluşturma imkanı sağlar..
Datatime Box = Bu öge hakkında pek bir fikrim yok ama tahminimce form dolduran kişiye tarih girdiriyoruz =)
File Upload = Form dolduran kişiye dosya yükleme imkanı sağlar..
Header Text= Form başında Form ile ilgili yazı yazmanızı sağlar ...
Password Box= Chrono Formsun bir özelliği olan joomla!nın kendi standart üye kayıt formu yerine kendinizin özelleştirerek oluşturmanızı sağlıyor..Bu password box'u form'da şifre girdirmek için kullanılır...
Radio Box = Radio Box elementini Evet , Hayır tarzı iki seçenekli ögeler için kullanabilirsiniz.
Security Question İnput = Güvenlik sorusu oluşturmanızı sağlar..
Select Box = Açılır liste halinde listeden istediğin elementi seçtirmeye yarar.
Submit Button = Form'u gönderme butonu oluşturur bir çok özellik verebilirsiniz.
Text Box = Kullanıcıdan uzun olmayan karakterle sınırlı bilgiler girmesi için kullanılır.
Textarea Box = Tıpkı textbox gibidir. Tek fark textbox da kullanıcının girmesini istediğimiz bilgileri sınırlı ve daha kısadır. textarea da ise çok daha uzun degerler girmek için kullanılır.
Elementler bu şekildedir aslında bir çoğu bilindik şeyler ama ben yinede tekrarlamak istedim..
2.Numaralı olarak gösterdiğim yer ise ögelerin özelliklerini ayarlamak için tıklamamız gereken yer.
Şimdi biz işimizi görcek form ögelerini oluşturuyoruz ...
Bir Tane Header Ögesi , 2 tane Text box , 1 tane text area box, 1 Adet Submit Button şeklinde olcaktır formumuz aşşağıdaki resime bakabilirsiniz.
559
Oluşturduğumuz elementlerin özelliklerini ayarlayalım ...Özelliştirceğimiz ögenin yanındaki 2. ikona tıklayalım.
İlk olarak Oluşturduğumuz header ögesinin özelliklerine tıklayarak Code yazan yazı kısmına istersek html kodu istersek yazı yazabiliriz.Biz code kısmına "Bize Mesaj Yollayın" yazdık ..
558
2.Öğemiz Textbox = Adınız Soyadınız
-2. öğemiz olan textbox ögesinin özelliklerine girelim...
-Açılan ekranda
"Field Name= " kısmına bir değişken tanımlıcaz biz isim dedik siz istediğinizi yazabilirsiniz dikkat türkçe karakter kullanmayalım..
Field Max Length = kısım ise kaç karakterlik bir yazı girilceğini belirliyoruz ..
Field Size= kısmı kutunun genişliğini belirlyoruz ..
Label Text= Kısmına ise Formun başında gözükcek olan yzıyı yazıyoruz biz burda ad soyad için oluşturduğumuz için öyle yazdık..
557
3. Öğemiz Textbox=Mesajınızın Konusu
-3. Öğemiz ola textbox ögesinin özelliklerine girelim...
Field Name = biz baslik yazdık siz başka bir şey yazabilirinsiz bu alan içeriğimizin başlığı olcak aslında.
Diğer ayarlarıda kendiniz istediğiniz gibi yapın..
556
4.Ögemiz Textarea=Mesaj
-4.öğemiz olan textarea ögesinin özelliklerine girelim...
Field name = Kısmına intro yazdık siz istediğinizi yazabilirsiniz ..bu alanda içeriğimizin asıl içerik kısmı olcak...
555
Püf Noktaya değinelim farkındaysanız yukarına Field Name kısımları üstünde çok durduk bu kısım bizim o elementler için oluşturduğumuz özel alan adları ... Chrono Forms'un Kendi özelliği olan Submit Article yani formu içerik olarak kaydet kısmında iişimizi görcek bu field name alanları şimdi o kısma geliyoruz zaten ...
Sıra Geldi Events kısmına Events demek aslında olaylar anlamına gelmektedir...Bu kısımda kullanıcı formu gönderdikten sonra olacak olayları belirliyoruz..
Preview Sekmesinin yanındaki Events Sekmesine Tıklıyoruz... Yeşil Alanda 2 Tane kısım görceksiniz 1. On load ,2.On Submit ...
On submit ile biizm işimiz... On submit (Yani form doldurulduktan sonra gönder butonuna tıklanınca yapılcak olay) kısmına ilk önce işimizi görcek olan Submit Article özelliğini kullancağız...Soldaki ögeler kısmında Utilities sekmesinin altında Submit Article ögesi olcak..O Ögeyi sürekle bırak işlemi ile sağ kısımda ki On Submit alanına yerleştirin...Daha sonra Submit Article ögesinin özelliklerine girin ...
Article Title Field = baslik
Intro Text Field= intro
Author Alias Field= isim
554
şeklinde olcak türkçe karakter içermicek ... Niye böyle bir şey yaptığımızı açıklayalım hatırlarsanız ad soyad için bir text box oluşturmuştuk ve bunun field name kısmına isim yazmıştık...Burda yapmak istediğimiz şey Author Alias Field Kısmı yani yazının yazarı kısmı, form nesnelerinden field name'i isim olan form nesnesini girilen değeri alcak...Diğer kısımlar içinde öyle İntro Text Field kısmı (İçerik kısmı) form nesnelerinden field name'i intro olan forum nesnesine girilen değeri alcak... Bu mantık ile üyelerimize ön yüzden içerik girdirmiş oluyoruz...
Şimdi bu formumuza bir isim verip kaydedelim daha sonra menü öğesine bağlayalım...Ön yüzden kendimiz formu doldurulaım ve gönder diyelim... Bakalım içerik yöneticisinde bu göndermiş olduğumuz form içerik olarak gözüküyormu =)
Birden Fazla Textbox oluşturup buraya girilen değerleri içerik olarak ekletebilirmiyim ?
Evet bu sorunun cevabınıda forumda yanıtladık
Chrono submit article action kısmından girilecek introtext e "intro" fulltexte ise "full" olarak yazın.
sonra diyelim formunuzda "alan1" "alan 2" ve "alan3" ü introtext olarak
"alan"4-"alan5" i fulltext olarak girdirmek istiyorsunuz.
tek yapmanız gereken events kısmında submit article dan önce bir "custom code" action atamak ve bu action özelliklerine
<?php
$form->data['intro'] = "<p>{$form->data['alan1']}</p>
<p>{$form->data['alan2]}</p>
<p>{$form->data['alan3']}</p> ";
?>
<?php
$form->data['full'] = "<p>{$form->data['alan4']}</p> <p>{$form->data['alan5']}</p>";
?>
girip kaydetmek.
ben alanları <p> tagı ile ayırdım ama siz istediğiniz html kodlarını kullanabilirsiniz.
Tekrar Angelaus'a teşekkür ederiz...