Internet Explorer İşaret kutularının(checkbox) onchange tetiklemesindeki sorun ve çözüm önerisi

Ağustos 9th, 2007 • 3666 yorumhttp://www.fatihhayrioglu.com/internet-explorer-isaret-kutularinincheckbox-onchange-tetiklemesindeki-sorun-ve-cozum-onerisi/Internet+Explorer+%C4%B0%C5%9Faret+kutular%C4%B1n%C4%B1n%28checkbox%29+onchange+tetiklemesindeki+sorun+ve+%C3%A7%C3%B6z%C3%BCm+%C3%B6nerisi2007-08-09+07%3A45%3A39fatih.hayrioglu Javascript
Etiketler: hata, Hata ayıklama, ie, ie-hata, ie6, işaret-kutucuğu, Javascript

Aslında konuyu başlıkta anlattım. İşaret kutularına onchange ekleyip tetiklemeye çalışınca çalışmıyor. Firefox’da çalışıyor sorunun çözümü

<p>
    <input type="checkbox" onchange="document.getElementById('spDegistir').innerHTML = 'Checked: ' + this.checked;" id="change">
    <label for="change">Using onchange</label>
    <span id="spDegistir"></span>
</p>

Bu kod Internet Explorer’da çalışmayacaktır. Bizde bunun yerine onclick tetiklemesini kullanacağız.

<p>
    <input type="checkbox" onclick="document.getElementById('spDegistir').innerHTML = 'Checked: ' + this.checked;" id="change">
    <label for="change">Using <code>onchange</code></label>
    <span id="spDegistir"></span>
</p>

kaynak: http://krijnhoetmer.nl/stuff/javascript/checkbox-onchange/

CSS Hata Ayıklama Yöntemleri

Ocak 4th, 2007 • 24214 yorumhttp://www.fatihhayrioglu.com/css-hata-ayiklama-yontemleri/CSS+Hata+Ay%C4%B1klama+Y%C3%B6ntemleri2007-01-04+21%3A05%3A00fatih.hayrioglu CSS, XHTML
Etiketler: Attribute, backslash, CSS, Çocuk-Seçicileri, Firefox, Hata ayıklama, ie-fix, ie-hata, ie6, ie7, important, Opera, owen, XHTML

IE’de Hata Ayıklamak için şžartlı Yorumlar Kullanmak adlı makalede bahsettiğimiz gibi "CSS ile web sitesi kodlamanın en büyük sorunu CSS’in özelliklerini yorumlayamayan veya yanlış yorumlayan web tarayıcılarıdır. Bu nedenle CSS ile web sitesi kodlarken bu tip hataları ayıklamamız gerekiyor. CSS ile hata ayıklama web tarayıcı gruplarının veya bir kısım web tarayıcısı için kuralları veya bildirimleri gizlemek veya göstermek şeklinde uygulanır." Okumaya devam edin »

IE’un 3 piksel Metin Öteleme Hatası

Aralık 10th, 2006 • 2316 yorumhttp://www.fatihhayrioglu.com/ieun-3-piksel-metin-oteleme-hatasi/IE%27un+3+piksel+Metin+%C3%96teleme+Hatas%C4%B12006-12-10+16%3A42%3A16fatih.hayrioglu CSS, Web Standartları, XHTML
Etiketler: CSS, IE-Three-Pixel-Gap, ie-fix, ie-hata, ie7, Web Standartları, XHTML

Bu hata IE5-6/Win versiyonlarında görünür. Float uygulanmış elementlere komşu metinlerin maruz kaldığı bir hatadır. Örneği bir elementinize float:left tanımı yaptınız ve yanına bir paraf yazı eklemek istediğinizde, ie5-6 versiyonlarında soldaki float uygulanmış element içeriği boyunda sağdaki metin soldan 3 piksel kadar içeriğini öteleyecektir.
Okumaya devam edin »