Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut »

Tips och tricks

 

Gör webplatsen till startsida

Låt dina besökare ha direkt tillgång till din webplats när de startar sin webläsare! Genom att låta dem klicka på en länk så underlättar du för dem att byta startsida i sin webläsare (Fungerar ej i Netscape).

Klicka här för att göra Webdesignskolan till din startsida »

 

<a href="#" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.webdesignskolan.com');">Klicka här...</a>

Lägg till webplatsen som favorit

Låt dina besökare lägga till din webplats som favorit i webläsaren! Genom klicka på en länk så underlättar du för dem att lägga till din webplats (annars fungerar ju alltid snabbkommandot CTRL+D)

Javascriptet nedan lägger du i din HTML-kod inom <BODY> och informationstexten kan du byta mot din egen text:

<BODY>
<script language="JavaScript">
<!-- Begin
if (!(navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4)) {
var url="http://www.webdesignskolan.com";
var title="Webdesignskolan";
document.write('<A HREF="javascript:window.ext');
document.write('ernal.AddFavorite(url,title);" ');
document.write('onMouseOver=" window.status=');
document.write("'Lägg till Webdesignskolan som Favorit!'; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('">Lägg till Webdesignskolan som Favorit!</a>');
}
else {
var msg = "Tryck tangenterna CTRL+D för att göra sidan som bokmärke!";
document.write(msg);
}
// End -->
</script>
</BODY>

Utskriftslänk

Låt dina besökare skriva ut din websida genom att helt enkelt klicka på en länk! Här är två olika exempel på hur du kan få en utskriftsdialogruta genom att klicka på en länk.

Exempel1:

Klicka här för utskrift av sidan »

<a href="#" onclick="javascript:window.print()">Klicka här för utskrift av sidan!</a>

Exempel2:

Klicka här för utskrift av sidan »

<HEAD>
<script language="JavaScript">function dothis() {var NN = (navigator.appName.substring(0,8) == "Netscape");var IE = (navigator.appName.substring(0,9) == "Microsoft");if(NN) VERSION = ((navigator.appVersion.indexOf("4.") != -1));if(IE) VERSION = ((navigator.appVersion.indexOf("5.") != -1));if ((NN || IE) && VERSION ) { window.print();return (true);}else {alert('För att skriva ut tryck CTRL+P. Du bör uppdatera din webläsare...');return (false);}}</script>
</HEAD>

Här är ett exempel på hur du kan göra själva länken:

<BODY>
<a href="#" onclick = dothis() ; return true">Skriv ut!</a>
</BODY>

Länkinformation

Den här funktionen ger dig möjlighet att ge mer information om en länk. Informationen syns när markören förs över länken. I det första exemplet syns det endast i webläsarens statusrad längst ned till vänster. I det andra exemplet syns det både i statusraden och som en ruta bredvid länken. Prova att föra muspekaren över någon av länkarna nedan. Klicka sedan på respektive länk för att få koden till funktionen:

Info i statusraden » 

Info i statusraden och i en ruta »       

Info i en ruta »

Ta bort länkmarkering

Vissa versioner av webläsaren Internet Explorer visar länkat område genom att en streckad markering syns under och i vissa fall även efter klickning. Du kan ta bort den genom att ange onFocus="this.blur()" inom <A HREF>. Prova att klicka på länkexemplen nedan. Den undre länken ska vara utan "ram" när du klickat på den:

Länk med markering »

Länk utan markering »

OBS! Om du inte ser någon "ram" runt den övre länken när du klickat på den så har du inte den version av IE som visar länkramen.

Exempel 1:

<BODY>
<a href="www.webdesignskolan.com"onFocus="this.blur()">Till Webdesignskolan!</a>
</BODY>

Exempel 2:

För att ta bort alla länkmarkeringar på en HTML-sida kan du ange detta script:

<HEAD>
<script language="JavaScript">
<!--
function blured()
{
for (a in document.links) document.links[a].onfocus = document.links[a].blur;
}
if (document.all)
{
document.onmousedown = blured;
}
// -->
</script>
</HEAD>

Dölj verktygsfältet "Bild" i Internet Explorer 6

Webläsaren Internet Explorer <6 visar verktygsfältet "Bild" (Image toolbar) när muspekaren placeras över en bild. Det gäller i huvudsak större bilder så menybilder och andra små bilder aktiverar inte verktygsfältet. Om du har IE6 kan du prova att föra muspekaren över bilden nedan:

Bild i storlek 350x263 pixlar:

Bild i storlek 265x199 pixlar:

Såg du inget verktygsfält på den undre lilla bilden? Det verkar som om verktygsfältet inte visas på bilder med bredd eller höjd mindre än 200 pixlar. Och du som inte har IE6 kan se det tänkta resultatet här:

Du kan anpassa dina websidor så att verktygsfältet inte visas på 3 sätt:

  1. Inom <meta> gällande för hela sidan
  2. För varje bild i <img src>
  3. Undanta vissa bilder om du använder metod 1

Exempel 1:

För att ta bort verktygsfältet på alla bilder som finns på en websida anger du koden inom <META>:

<HEAD>
<meta http-equiv="imagetoolbar" content="no">
</HEAD>

eller:
<meta http-equiv="imagetoolbar" content="false">

Exempel 2:

För att ta bort verktygsfältet per bild:

<img src="din_bild.jpg" width="250" height="250" galleryimg="no">
eller:
<img src="din_bild.jpg" width="250" height="250" galleryimg="false">

Exempel 3:

Om du använt metod 1 <meta> men ändå vill att vissa bilder ska synas anger du det per bild i <IMG SRC>:

<img src="din_bild.jpg" width="250" height="250" galleryimg="yes">

eller:
<img src="din_bild.jpg" width="250" height="250" galleryimg="true">