‘Javascript’ kategorisi yazıları

16
Ocak

İnternet Explorer’deki Png Sorununu Javascript İle Çözelim

Yazan: Murat Bütün  |  Kategori: Javascript  |  Okunma: 17 views

Geçenlerde internet explorerdeki png sorunu ile ilgili sizlere bir css çözüm yolu göstermiştim. Şimdi bu sorunu daha kesin ve kolay bir yöntemle çözelim. Bu sefer baş rolümüzde css değil javascript var. Öncelikle sayfamıza aşağıdaki kodu ekliyoruz.

<script defer type="text/javascript" src="pngfix.js"></script>

Daha sonra buradaki pngfix.js diye bir javascript dosyası oluşturalım ve içerisine

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == “PNG”)
{
var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”
var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”
var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ ”
var imgStyle = “display:inline-block;” + img.style.cssText
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == “align”)
{
if (imgAttrib.nodeValue == “left”) imgStyle = “float:left;” + imgStyle
if (imgAttrib.nodeValue == “right”) imgStyle = “float:right;” + imgStyle
break
}
}
var strNewHTML = “<span ” + imgID + imgClass + imgTitle
strNewHTML += ” style=\”" + “width:” + img.width + “px; height:” + img.height + “px;” + imgStyle + “;”
strNewHTML += “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”
strNewHTML += “(src=\’” + img.src + “\’, sizingMethod=’scale’);\”></span>”
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(“onload”, correctPNG);

yazalım işte bu kadar artık bütün png formatındaki görüntüleriniz internet explorerde de sorunsuz görünecek

Popularity: 2% [?]

29
Kasım

Java Sciripti Siteye Nasıl Eklenir?

Yazan: Murat Bütün  |  Kategori: Javascript  |  Okunma: 15 views

Merhabalar arkadaşlar geçen yazılarımda sizlere bir javascript’den bahsetmiş ve işinize yarayacak birkaç site vermiştim. Peki bu kodları hazırlamış olduğumuz web sayfamıza nasıl ekleyeceğiz? Genellikle javascriptleri bir js dosyasına kaydedip bit html kodu ile web sayfamıza çekebiliriz. Scripti direk <head> ve </head> kodlarının arasına yazabileceğimiz gibi etiketler arasına da yazabiliriz.

<script type=”text/javascript”

src=”ders.js”></script>

yukarıdaki örnekte olduğu gibi kodu bu şekilde çağırabilirsiniz. javascript kodunu js diye bir klasör oluşturup scripti bu klasörünün içersine atmanız gerekmektedir.

Popularity: 3% [?]