pillinetwork hesabınızla giriş yapın.

Etiket:

bu etikete sahip olanlar bunlara da sahip: +, +, +, +, +

javascript hakkındaki yazılar:

Yepyeni Özellikleriyle jQuery 1.4

JavaScript devi jQuery, yeni versiyonları ve özellikleri ile karşımıza çıkıyor. Ocak ayı içerisinde jQuery 1.4 versiyonunu yayınlayan kütüphane 25 Ocak'ta da jQuery 1.4.1 versiyonunu yayımladı.Buradan indirebilirsiniz.

Bu yazımda jQuery'nin 1.4.1 versiyonunun birkaç özelliğine değineceğim.

devamını okuyun
/* Etiketler: , , , , , */
/* sundowatch yazdı. 04 Şubat 2010 17:59. 5 yorum var */

JQuery ile fluid grid oluşturmak

Bir web sayfasına magazin/gazete görünümünde gird oluşturmak JQuery ile çok basit bir şekilde olmaktadır. Aşağıda kullanılan yöntem ve fonksiyonlar çok basit olması nedeniyle bir çok kişi tarafından rahatlıkla uygulanabilir. Bunları adımlayarak yapacak olursak:

1- Basit bir html sayfası oluşturalım:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<head>

        <title>Fluid grid</title>

        <script type="text/javascript" src="script/jquery-1.3.2.min.js"></script>

    </head>

    <body>

        <div class="box"><p><span>01</span>01 Numaralı kutu...</p></div>

        <div class="box alt"><p><span>02</span>02 Numaralı kutu...</p></div>

        <div class="box"><p><span>03</span>03 Numaralı kutu...</p></div>

        <div class="box alt"><p><span>04</span>04 Numaralı kutu...</p></div>

        <div class="box"><p><span>05</span>05 Numaralı kutu...</p></div>

        <div class="box alt"><p><span>06</span>06 Numaralı kutu...</p></div>

        <div class="box"><p><span>07</span>07 Numaralı kutu...</p></div>

        <div class="box alt"><p><span>08</span>08 Numaralı kutu...</p></div>

        <div class="box"><p><span>09</span>09 Numaralı kutu...</p></div>

    </body>

devamını okuyun
/* Etiketler: , , , , , */
/* rhymes yazdı. 04 Ocak 2010 11:31. 5 yorum var */

JQuery ile paket sitelere istemci taraflı çözümler

Merhabalar, uzun bir aradan sonra JQuery'nin kurtarıcı olduğu bir hikaye ile karşınızdayım. Aslında burada çok az kod paylaşacağım ama bu tip bir sorunla karşılaşanlar için iyi bir çözüm olacağına eminim. Hem de kodaman yapısına çok uygun olacak bir paylaşım olduğunu düşünüyorum.

Hikayemiz şöyle : bir paket e-ticaret sitesi kullanıyoruz ve tema yönetim sistemi var ancak sadece istemci taraflı kodlara yani css html vs javascript müdahele edebiliyoruz. hazır bir paket olduğu için sunucu tarafında kod değiştirme gibi gereksinimler tam bir çile oluyor ve paketi satan firmamız ya değişikliklere ek ve biraz da yüksek ücretler, yada bu bir paket sistem o tarz birşey eklemeyiz gibi cevaplar veriyorlar.

devamını okuyun
/* Etiketler: , , , , , */
/* vectro yazdı. 28 Aralık 2009 11:33. 2 yorum var */

Javascript - PreLoader Yapalım

Bazen web sayfalarımızda çeşitli miktarlarda resim dosyası kullanabilmekteyiz. Bu resim dosyaları web sitemizin arayüzünde kullandığımız doku dosyaları olabileceği gibi bir fotoğraf galerisinin dosyaları da olabilir.

HTML malesef ön yükleme yapmak için müsait bir dil değil. CSS de ona keza. Zira html ile sayfaya bir resmi bağladınız ve css ile de display özelliğini none yaptığınızda browserlar (en azında firefox opera chrome gibi gelişmiş tarayıcılar) o resim içeriğini sunucudan istemeyecektir. Böylece sayfa yüklenme süresi kısaltılmış olur. Display özelliği açıldığı anda (gerek javascript ile gerekse de css hover olay seçicisiyle) o elemente linklenmiş imaj dosyası derhal sunucudan talep edilecektir.

devamını okuyun
/* Etiketler: , , , , , , */
/* lazaronnie yazdı. 01 Aralık 2009 11:04. 10 yorum var */

Asp.Net ve Ajax Kullanırken Gözden Kaçmaması Gerekenler

Bu yazımda asp.net ve ajaxın birlikte kullanıldığı projelerde gözden kaçmaması gereken noktalara değineceğim... Eminim bir çoğunuz bunları zaten biliyordur ama ben zamanında arattığımda elle tutulur bir sonuç bulamadığım için bari benden sonrakiler sıkıntı çekmesin niyetiyle elimden geldiğince toparlamaya çalıştım...

Eğer yaptığınız sitede ajax kısmı çalışmıyorsa bunlara dikkat edin:

1.Javascript dosyasının adı ve yolu...
2.Javascript dosyası 

1
 
<script type="text/javascript" language="javascript" src="../jScript/ajax.js">

bu şekilde tanımlanmalıdır. eğer javascript yerine jscript i seçerseniz internet explorer dışındaki tarayıcılarda sorun yaşarsınız.
3.javascript dosyasındaki foknsiyona gönderilen veriyi kontol edin. Siz gitti sanabilirsiniz ama o veri gitmemiş olabilir. örneğin onclick="user(asd);" şeklinde veri göndermek istiyorsunuz en azından hedef fonksiyona bir alert yazıp asd değişkeni istediğiniz gibi gidiyor mu kontrol edin.
4.html taglarını mutlaka kontol edin eğer sayfa çağırıyorsanız ve o sayfada kapanmamış yada yanlış yazılmış tag varsa buda sizin hata almanıza neden olabilir.
5.çağıracağınız sayfanın içeriğinde gibi bir html markup varsa bunu kaldırın. her ne kadar diğer tarayıcılar sorun çıkarmasa da internet explorer buna müsade etmez ve Bilinmeyen Çalışma Zamanı Hatası alırsınız (Unknown Runtime Error).
6.javascript dosyanızdaki tarayıcıya göre oluşturulan nesneleri kontol edin.
1
2
3
4
5
6
7
8
9
10
11
12
13
 
var xmlhttp;

    if (window.XMLHttpRequest) {

        // code for IE7+, Firefox, Chrome, Opera, Safari

        xmlhttp = new XMLHttpRequest();

    }

    else if (window.ActiveXObject) {

        // code for IE6, IE5

        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

    else {

        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

    }

    return xmlhttp;

devamını okuyun
/* Etiketler: , , , , */
/* mmacit yazdı. 23 Kasım 2009 15:09. 2 yorum var */

Jquery mi? Prototype mı?

Merhaba Arkadaşlar,
Uzun zamandır kodaman.org üyesiyim ve yazıları sürekli takip etmekteyim. Bir ara bende bişeyler ekliyeyim diye düşündüm fakat iş yoğunluğundan ancak bu güne zaman bulabildim ve kodaman.org daki ilk yazımı yazıyorum.

Öncelikle kendimden kısaca bahsedeyim. Adım Fatih. Web dünyasında sürekli kullandığım teknolojiler ise XHTML, CSS, XML, XSLT, JavaScript, jQuery, Prototype dır. Şuan Silverlight öğrenmek için çaba harcıyorum.

Neyse gelelim konumuza. Öncelikle kısa bir kaç cümle ile nedir bu jQuery ve Prototype diye özetiyeyim. jQuery ve Prototype hepimizin bildiği gibi JavaScript in gücüne güç katmak için ortaya atılmış library ler yani kütüphanelerdir. Kodlarımızı JavaScript e göre kısaltan, JavaScript ile yapmamız hayli vakit alacak işleri(Drag And Drop yada kütüphaneler ile gelen efektler gibi) kolayca halletmemize yarayan olmazsa olmaz kütüphanelerdir.

devamını okuyun
/* Etiketler: , , , , , */
/* diddyob yazdı. 10 Kasım 2009 08:45. 15 yorum var */

Blogger anasayfasına açılış resmi eklemek

\

Bu konunun önizlemesi için şurası uygundur. Bloglar artık internet aleminin vazgeçilmezi haline geldi. Bendeniz 2 bloga sahibim 2 ayrı konuda ve özellikle bunlardan biri Türkiye'de en çok okunana futbol bloglarından biri. Güzel şeydir blog yazmak lakin bazen gereğinden fazla zaman alıyor. Herneyse işin reklam kısmını geçeyim.

Bu anlatacağım konuyla sayfamıza giren ziyaretçilere, onların görmesi gereken bir duyuru veya sadece bir karşılama mesajı gösterebiliriz.

devamını okuyun
/* Etiketler: , , , , , , */
/* romanistabukowski yazdı. 05 Ekim 2009 15:11. 3 yorum var */

JS Form Filler

Script input select textarea gibi elementlerin value, selected veya checked parametrelerini otomatik olarak ayarlamaktadır.

Checkboxları her seferinde seçerken veya select’leri veya radio butonları seçerken php ile tekrar tekrar kontrol yapmayacak, javascripte bütün verileri gönderip işi ona bırakacaksınız.

Örneğin bir “isminizi giriniz” text boxı valuesunu ve “email uyarıları istiyormusunuz” checkboxının checked olup olmadığı durumunu ayarlamak şu kadar basit:

1
 
var form_values = { isim:"Seregwethrin", email:"1" };

devamını okuyun
/* Etiketler: , , , , , , , */
/* Seregwethrin yazdı. 14 Eylül 2009 16:30. 19 yorum var */

jQuery ile tab uygulaması geliştirmek

Bu yazımda sizlere bir tab uygulamasının nasıl geliştirileceğini anlatacağım. Bu uygulamayı aslında web sitem için geliştirmiştim ve acemice yanları olabilir fakat bunu daha sonra biraz daha geliştirerek cstabs ismini verdiğim bir uygulamaya dönüştürdüm. İsteyen buraya tıklayarak bu uygulama ulaşabilir.

Not: Başlangıçdada yazdığım gibi acemice yanları olabilir istediğiniz yönde geliştirmek size ait.

Öncelikle divlerden oluşmuş html tasarımımızı yapıyoruz;

devamını okuyun
/* Etiketler: , , , , , */
/* Fornox yazdı. 28 Temmuz 2009 02:48. 3 yorum var */

"JavaScript Vectorgraphics" ile Javascript Kullanarak Sayfanıza Şekiller Çizin

JavaScript Vectorgraphics kütüphanesini kullanarak sitenize istediğiniz şekilleri çizebilirsiniz. LGPL lisanslı bu kütüphane tamamen ücretsiz ve geliştirilmeye açık. Kütüphanenin halihazırdaki versiyonunda kullanıcılar tarafından eklenmiş bölümler de mevcut.

Kütüphanenin çalışma mantığına gelirsek, kütüphanenin mantığı web sayfasında küçük küçük bir sürü div ler oluşturmaya dayanıyor çok abartmadığınız sürece bu div ler sayfanızda bir kasılmaya sebep olmuyor.

Ayrıca Cross Browser olan(Farklı tarayıcılarda sorunsuz çalışabilen) bu kütüphane ile İE4 dahil birçok web tarayıcısında istediğiniz görüntüyü elde edebilirsiniz.

devamını okuyun
/* Etiketler: , , , , , , */
/* Pwmtr yazdı. 23 Temmuz 2009 12:26. 2 yorum var */
1 2 3 Sonraki

etiket menüsü

Bu site

Nokta ve pilli ortak yapımı olan kodaman.org hep birlikte içerik üretip gelirini yazarları ile paylaştığımız kolektif bir kod yazarları blogudur. Siz de katılabilirsiniz.

pilliilan

Bu siteye ilan vermek 7ytl/gün'den başlayan fiyatlarla

son yorumlar

devamı »

arama

pillinetwork