Visar inlägg med etikett JavaScript. Visa alla inlägg
Visar inlägg med etikett JavaScript. Visa alla inlägg

tisdag 27 juli 2010

Chrome visar inte animerad favicon

I dagsläget har Chrome problem med att visa favikoner som är animerade. Webbläsaren visar bara första rutan i gif-bilden. För att kunna visa animerade favikoner i alla andra webbläsare utom Chrome så lägg till i <head>:

<link rel="shortcut icon" href="favicon.ico" />

<script type="text/javascript">
//<![CDATA[
if ((navigator.userAgent.indexOf("Chrom")) == "-1"){
    document.write("<link rel=\"icon\" href=\"favicon.gif\" type=\"image/gif\">");
}
//]]>
</script>

Nu visas den vanliga favikonen för Chrome och den animerade för andra webbläsare som har stöd för den.

Upplagd av 1 kommentar:
Etiketter: ,

måndag 5 januari 2009

Ta bort ful kant på transparenta PNG-bilder i IE 6

I Internet Explorer version 6 och lägre syns en ful kant på transparenta PNG-bilder. Följande skript förhindrar detta.

Skapa en fil och döp till pngfix.js. Klistra in följande kod:

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters)) {
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
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"

img.outerHTML = strNewHTML
i = i-1
}
}
}

Kopiera och lägg följande inom HEAD-taggen:

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Mer om PNG-problemet i IE6 och skriptet >>

Upplagd av Inga kommentarer:
Etiketter: , ,

söndag 13 april 2008

Tillbaka-länk

<a href="javascript:history.back();">Tillbaka</a>
Upplagd av Inga kommentarer:
Etiketter:

Skriv ut-länk

<a href="javascript:window.print();">Skriv ut sidan</a>
Upplagd av Inga kommentarer:
Etiketter:

Öppna ett nytt litet fönster

Kanske vill man visa bilder eller någon information i ett popup-fönster. Då kan man använda sig av en JavaScript-funktion som man kopplar popup-länken till.

function OppnaLitetFonster(url)
{
litetFonster=window.open(url, "Bilder", "width=480,height=460,resizable=no,scrollbars=no");
}

Du kan ange bredd och höjd på fönstret, liksom om scrollbars ska visas eller om man ska kunna ändra storlek på fönstret.

Länken ser ut såhär:

<a href="javascript:OppnaLitetFonster('bilder.html')">Snygg bild</a>
Upplagd av Inga kommentarer:
Etiketter:

Bryt ur frameset

På hemsidor uppbyggda av framesets kan man råka ut för att sidor visas utan sin ram. För att undvika detta kan man på dessa sidor lägga in en JavaScript-funktion som styr om sidan till hemsidan.

<script language="javascript">
if (parent.location.href==location.href) location.href="index.html";
</script>
Upplagd av Inga kommentarer:
Etiketter:
Prenumerera på: Inlägg (Atom)