Lista filer i mapp på servern

I denna funktion är filerna döpta till datum+tid och filer äldre än idag raderas.

function deleteFile($path="") {
$dir = opendir($path);
while(($filnamn = readdir($dir)) !== false) {
if($filnamn != "." && $filnamn != "..") {
$filedate= substr($filnamn,0,8);
if($filedate < date("Ymd")) {
@unlink($path."/".$filnamn);
//echo $path."/".$filnamn ." borttagen
";
}
}
}
closedir($dir);
}

Tillbaka-länk

<a href="javascript:history.back();">Tillbaka</a>

Skriv ut-länk

<a href="javascript:window.print();">Skriv ut sidan</a>

Ö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>

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>

Centrera div-tagg

Använd margin: 0 auto; i din CSS.

Centrera innehåll i div-tagg i Firefox

Vill du centrera innehåll i en div-tagg så använder man text-align:center men det fungerar inte alltid på div-taggar i Firefox. Lägg då till text-align: -moz-center; i din CSS så fungerar det även i Firefox.

Div-tagg vill inte sträcka sig

Ibland får man problem med div-taggar som inte sträcker ut sig efter innehållet, särskilt i vissa webbläsare. Ibland syns texten inte alls, ibland så flyter den utanför div-taggen. För att det ska fungera i både IE6, IE7 och Firefox så lägg till följande i ditt stylesheet:

#min_div {
min-height:200px;height:auto !important;height:200px;
}
OBS! exakt i den ordningen!

Du vill att minsta höjden, min-height, ska vara 200px men det bryr sig IE6 inte om.

Sätter du bara height:200px så kommer texten att flöda över div-taggen i Firefox.

Lös detta med att lägga till height: auto !important; så stretchar diven efter texten.

Transparent Flash

Här kan du ladda ner skriptet swfobject.js som fixar en hel del problem med Flash och olika webbläsare.

Lägg in i head-sektionen följande länk till skriptet:

<script type="text/javascript" src="image/swfobject.js"></script>

Där du vill att din Flash ska hamna lägger du följande kod:

<div id="flash">
<p>Din webbläsare har inte stöd för Flash. <a href="http://www.macromedia.com/go/getflashplayer/">Hämta Macromedia Flash.</a></p>
</div>
<script type="text/javascript">
var fl_1 = new SWFObject("image/min_flash.swf", "Titel", "278", "361", "9", "#FFFFFF");
fl_1.addParam("wmode", "transparent");
fl_1.write("flash");
</script>

Vill du ha flera flash-filer på din hemsida så döp variablen fl_1 till t ex fl_2 och lägg in koden.

Transparent png som bild eller bakgrundsbild

Ibland vill man ha en transparent bild på sin hemsida och då kan du spara bilden som png 24. Tyvärr syns transparensen inte i Internet Explorer 6 och man får då lägga in en alternativbild, t ex en transparent gif, vilket givetvis inte ger samma effekt men är acceptabelt.

Lägg in i head-sektionen, efter länken till ditt vanliga stylesheet, följande länk till ett extra stylesheet anpassat för IE6:

I detta stylesheet lägger du stilen för bilden:

#box {
background-image:url(image/box_bg.gif);
}