Home

Link doorverwijzen

GotoURL Javascript:

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta name="robots" content="noindex, nofollow" />
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/javascript">
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");

}
//-->
</script>
</head> <body onload="MM_goToURL('parent','http://www.makkink.eu');return document.MM_returnValue">
</body> </html>

Redirect:

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Refresh" content="0; url=http://www.makkink.eu/gallery/album/marie/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Goto Marie Zwavink</title>
</head>

<body>
</body>
</html>

Om bezoekers een eenvoudige URL te geven die rechtstreeks naar een webpagina en/of site gaat kan in de website-root een directorie bijv. genaamd 'marie' geplaatst worden met daarin bovenstaande index.html. De URL www.makkink.eu/marie zal nu middels de index.html een redirect krijgen naar www.makkink.eu/gallery/album/marie

Redirect met animatie:


Als het laden van de doorverwezen pagina wat langer duurt, dan kan de doorverwijzende pagina gedurende de wachttijd een animatie laten zien.
Als voorbeeld hieronder mijn:
gallery-lader.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META HTTP-EQUIV="Refresh" CONTENT="0; URL=../gallery/index.php">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Start Gallery</title>

<style type="text/css">
<!--
body {
background-color: #333333;
}
-->
</style>
</head>

<body>
<img src="images/laden-animatie.gif">
</body>
</html>