tisdag 30 december 2008

Designad scrollbar för DIV-tagg

Använder du jQuery på din hemsida kan du få till en snygg scrollbar av egna bilder. På jQuerys pluginsida hittar du mängder med roliga plugins till jQuery, bl a jScrollPane. Med jScrollPane kan du göra olika varianter av scrollbars. Här är ett exempel på en scrollbar där bakgrunden och slidern är bilder.

Skapa en bakgrundsbild för din scrollbar i gif-format med måtten 16 x 1 pixlar och döp till "bar.gif". Skapa en sliderbild i måtten 16 x 56 och döp till slider.gif. Ändra eventuellt inställningar i filen jScrollPane.js. Sök efter "settings".

Inom HEAD-taggen lägg:
<script src="/jquery.js" type="text/javascript"></script>
<script src="/jScrollPane.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.scroll-pane').jScrollPane({
scrollbarWidth: 16
});
});
</script>

Ange klassen "scroll-pane" till en div-tagg:
<div class="scroll-pane">
Ditt innehåll.
</div>

I din CSS lägger du till:
.scroll-pane { width: 100%; overflow: auto; height: 400px; }
.scroll-pane_start { width: 100%; overflow: auto; height: 380px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
background: url(/images/bar.gif) top center repeat-y; }
.jScrollPaneDrag { position: absolute; background: url(/images/slider.gif) center center no-repeat; cursor: pointer; overflow: hidden; }

Ladda hem jQuery >>

Ladda ner jScrollPane >>

Fler exempel på scrollbars >>

måndag 29 december 2008

Rätt format på postnummer

Om du har ett formulär på din hemsida där man fyller i postnummer så kanske vissa fyller i med blanksteg och vissa utan. Med PHP kan du rätta till formatet:

//fyll variablen och ta bort eventuella blanksteg före och efter:
$postnummer = trim($_POST['postnummer']);

//ta bort eventuella blanksteg inuti:
$postnummer = preg_replace("/ /", "", $postnummer);

//kolla om det är 5 siffror
if (ereg("^[0-9]{5}", $postnummer)) {
//skriv ut med svenskt postnummerformat:
echo "Postnummer: ".substr($postnummer, 0, 3) . " ". substr($postnummer, 3);
} else {
echo "Fel format på inskickat postnummer.";
}

söndag 28 december 2008

Skakig text i Flash motion tween

Om du har problem med att din animerade text i din Flash "skakar" så markera texten och välj Anti-alias for animation i Properties-menyn så flyter texten jämnt.

Förhindra stöld av text på hemsidan

Vill du förhindra att någon stjäl texten på din hemsida så avaktivera funktionen kopiera/klistra in (copy/paste) genom att lägga till attributen ondragstart="return false" onselectstart="return false" i din BODY-tagg.  

Exempel: 
<body ondragstart="return false" onselectstart="return false">

Metoden är inte helt säker men fungerar i IE:s och Netscapes webbläsare. För de som avaktiverat JavaScript i sin webbläsare fungerar det givetvis inte men då kan man vidarebefodra dem till en annan sida för att förhindra att de får tillgång till din skyddade sida. Använd då denna meta-tagg: 

<noscript><meta http-equiv="REFRESH" content="0;URL=felsida.html"></noscript>  

Dölj att du äger ditt domännamn

När du registrerar ett domännamn blir ditt namn och dina kontaktuppgifter för den domänen tillängliga på Internet. Av olika anledningar kanske man inte vill att hela världen, inklusive spammare, identitetstjuvar och försäljare, ska kunna ta reda på att just du äger ett visst domännamn. Då kan man köpa sitt domännamn via t ex domainpeople eller whoisprotector etc. Då visas deras kontaktuppgifter istället för dina och du har ändå full kontroll och äganderätt över din domän. Det fungerar dock inte på se-domäner.