transparent’ Etiketi

jQuery ile wMode eklentisi

7 Temmuz 2010 | Kategori : JavaScript

jquery-logo

Şu sıralar uğraştığım bir projenin video galeri bölümünde, sisteme embed kod ile giriş yapılıyor. Sitedeki bazı elementlerde “position:absolute” kullanılıyor. Flash ile çakışan bölümlerde, Z-index olsa bile wMode eklentisi olmadan etki göstermiyor. Server-Side tarafta bunları replace etmekle uğraşmak yerine çözümü jQuery’de aradım :)

// FireFox
$("embed").attr("wmode", "opaque");
// IE
$(document).ready(function() {
     var embedTag;
     $("embed").each(function(i) {
         embedTag = $(this).attr("outerHTML");
         if ((embedTag != null) && (embedTag.length > 0)) {
            embedTag = embedTag.replace(/embed /gi, "embed wmode=\"opaque\" ");
            $(this).attr("outerHTML", embedTag);
         }
         else {
            $(this).wrap("<div></div>");
         }
     });
});