Kategori : Dhtml

opener fonksiyonu

Opera,Firefox ve Chrome İçin Çalışma Şekliyle İlgili Düzenlemeler

Javascript kodları yazarken genelde birçok yazılımcı, projesini sadece explorer üzerinde test ettiği için yazdığı kodların diğer browserlarda nasıl davranacağını bilemiyor. Ve bu ihmal sonucunda yaptığımız projeyi yayına açtıktan sonra gelen tepkiler üzerine fark ediyoruz ve yazdığımız bir ton kodu inceleyip kodlarımıza yamalar yapıyoruz.

opener Özelliğinin Kullanımı
Bir popup pencere açan ana pencereye, popup pencereden erişimi sağlayan "window.opener" özelliğinin test ettiğim kadarı ile opera, explorer ve firefox'da da aynı sonucu vermesi için nasıl kullanılması gerektiğini vericez.

Yaygın ve Yetersiz olan kullanım
opener.Form_Ismi.form_nesnesi

Doğru ve Tüm Tarayıcıların Desteklediği Kullanım
window.opener.document.Form_Ismi.form_nesnesi

151 yorum - Gönderen : Yunus Özay (1:14 PM) - Kategori : Dhtml | Javascript

newrow newcell Tarayıcı Uyumu

Eklediğimiz newRow ve Newcell fonksiyonlarının çalışması için

newrow

Yaygın Kullanım
newRow = table_list.insertRow();

Doğru Kullanım
newRow = document.getElementById("table_list").insertRow(document.getElementById("table_list").rows.length);


newcell

Yaygın Kullanım
newCell = newRow.insertCell();

Doğru Kullanım
newCell = newRow.insertCell(newRow.cells.length);

0 yorum - Gönderen : Yunus Özay (1:12 PM) - Kategori : Dhtml | Javascript

Sayfa CSS'ini DHTML ile Değiştirmek..

İlk önce sayfamız yüklenirken çağırdığımız CSS'e bir ID değeri veririz

<link rel='stylesheet' href='/css/blue_css' type='text/css' id="page_css">

 Daha sonra renk paletlerimizi aşağıdaki gibi sayfamıza yerleştiririz.

Bundan sonra yapmanız gereken bu renk paletlerine tıklandıkça dilerseniz bir fonksiyon ile dilerseniz renk paletlerinin onclick'lerinize yazacağınız aşadağıki JS kodu ile sayfa reload olmaksızın CSS'leri değişmiş olur.

document.getElementById('page_css').href = 'CSS inizin konumu';

Ancak bu işlemden sonra kullanıcının bir dahaki sefere sitenizi ziyaret ederken seçtiği CSS'in gelmesi için bir ajax sayfa çağırırak ilgili CSS ayarını kaydetmeniz gerekecektir.

0 yorum - Gönderen : Mahmut Er (1:10 PM) - Kategori : CSS | Dhtml

Coldfusion Kodlama Süreci

1. HTML Kodlama
Sistem yapılarında kullanılan ve web teknolojisinin temel taşı olan HTML bilgisini geliştirme ve genel kodların tekrarı...
İçerik : table,tr,td tagleri rowspan ve colspan kavramları, br ve p tagleri, b i u tagleri
Tahmini gereken süre : 0,5 gün
http://www.cfcube.com/files/html.rar
http://www.fatihhayrioglu.com/kitap/

2.DHTML Kodlama
Div taginin etkili kullanımı, pozisyonunu ayarlama ve tüm alt özelliklerini kullanabilme
İçerik : div,position,height,left,width
Tahmini gereken süre : 0,5 gün
http://www.cfcube.com/files/html.rar
http://www.fatihhayrioglu.com/kitap/

3.Javascript Kodlama
Id değişkenini etkili kullanma, herhangi bir objeden veri okuma, yazma , mouse actionlarını kullanabilme, div taglerini yönetebilme, Ajax
İçerik: onMouseover, style.width= , document.element.value , değişken atama, for ve if komutları
Tahmini gereken süre : 2 gün
http://www.cfcube.com/files/javascript.rar

4.SQL Kodlama
Genel SQL standartına uygun kod yazabilme, tabloları join etme
İçerik: Insert , Update , Select , Delete , Select tablo1,tablo2
Tahmini gereken süre : 2 gün
http://www.cfcube.com/files/sql.rar

5.Birincil Coldfusion Kodları
İlk başlayan kişilerin yaptığı kodlamalar
İçerik : cfset, cfoutput, cfquery, cfloop  
Tahmini gereken süre : 2 gün
http://www.adobe.com/products/coldfusion/

0 yorum - Gönderen : Yunus Özay (1:09 PM) - Kategori : Ajax | Coldfusion | CSS | Dhtml | Genel | Javascript | Workcube

Page-Break Kullanımı

• Bu dökümanla birlikte sayfa tasarımlarında  işinize yarayacak olan elinizdeki form veya dökümanı sayfalayabileceğiniz page_break'lerin kullanımı konusunda bilgi sahibi olacaksınız.

• Page break bir CSS özelliğidir. Web sayfasının yazıcıdan çıktısı alınırken , bu attribute ile işaretlenmiş elementten sonra yazıcı yeni sayfaya geçer

• Örnek kullanım: <div style="page-break-after: always"></div>

</table>

               Bu yazılar bir sonraki sayfanın başında görünecek.

• page-break-before versiyonu da vardır. Bu da her zaman sayfa başında görünmesi istenen elementler için kullanılır.

• Kullanılabilen parametreler şunlardır:

            auto  : İlgili elementten sonra gerekli olan bütün yerlerde page-break konulmasını sağlar.

avoid  : İlgili elementten sonra page-break konulmasını  engeller.            

left|right  :

left: Sol boş sayfa gelene kadar page-break konulmasını sağlar.
right: Bu da aynı şekilde sağ boş sayfa gelene kadar page-break konulmasını sağlar.

always : Bir şarta bakmadan her zaman page-break konulmasını sağlayan bir özelliktir.

[empty string] : Herhangi bir özellik set edilmeden de kullanılabilir.

• Kullanımı için CSS standartlarına ve detaylı bilgiye aşağıdaki linkten ulaşabilirsiniz.

              http://www.w3.org/TR/REC-CSS2/page.html#page-breaks 

1 yorum - Gönderen : Yunus Özay (1:03 PM) - Kategori : Dhtml

FCK Editör Türkçe Karakter Problemi Çözümü

FCK editörde Türkçe karakter problemi Çözümü için fckeditor\fckconfig.js dosyasında yapılması gereken değişiklik...

2 yorum - Gönderen : Yunus Özay (1:05 PM) - Kategori : Ajax | CSS | Dhtml | Genel | Javascript