Du tittar på källkoden till Pärs resedagbok.
« Tillbaka till Pärs resedagbok.
<?php
header('Content-Type: text/html; charset=iso-8859-1');
/*
hm.. kanske borde föra en liten "logg" på vad jag ändrar på sidan, rent teknikmässigt:
innan måndag 20 september 2004: fixade typ allt i olika etapper
måndag 20 september 2004
Fixade några av tipsen från dive into accessibility, som jag inte redan implementerat.
- day 7: identifying your language
- day 14: adding title to links
- day 15: defining keyboard shortcuts
December 16, 2004
- Gjorde så att länkar som går till externa sidor öppnas i nytt fönster.
- bytta från strict till transitional doctype (eftersom target inte stöds i strict)
- Snabbade upp visningen av sidan genom att ta bort forstaLaddningen() från body->onLoad och flyttade den till att ligga precis under alla div'ar.
Nu behöver man inte vänta på att bilder å sånt ska laddas
- Om man försöker skicka ett meddelande utan att ha skrivit ett meddelande (alltså meddelande-rutan är tom) så kommer det upp ett felmeddelande och formuläret skickas inte.
- rensade lite i en länk i datum.txt som gjorde att sidan inte validerades som korrekt xhtml. Nu är den "valid XHTML 1.0 Transitional". Tjohoo!
27 december 2004
- lada in lite foton
30 december
- doh! vobblade ur lite i ie5(.5?). fixat!
4 januari 2004
- funkade inte i IE 5.00.3700.1000 (windows 2000 med sp4)
13 oktober 2018
- Lade till header med content-type pga svenska tecken blev knasiga.
*/
/*
Liten "special"-funktion: visar sidans källkod
*/
if ($_GET["action"] == "viewsource") {
echo "<p>Du tittar på källkoden till Pärs resedagbok.<br /> <a href='http://eskapism.se/resa_bali_australien/'>« Tillbaka till Pärs resedagbok.</a></p>";
$FILNAMN = $_SERVER['SCRIPT_FILENAME'];
highlight_file($FILNAMN);
exit();
}
?>
<!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" lang="sv" xml:lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Pär Thernström" />
<meta name="keywords" content="pär thernström, bali, australien, indonesien, oceaninen, resa, flyg, backpacker, ryggsäcksluffa, resdagbok, resedagbok, resplan" />
<meta name="description" content="Pär Thernström skriver resedagbok om sin resa till Bali och Australien under hösten 2004" />
<title>Pärs resa till Bali och Australien</title>
<style type="text/css">
.bild {
background: url(bilder/shadow.gif) no-repeat bottom right;
float:right;
margin: 25px 0 25px 25px;
}
.fotoRunt {
float:left;
width: 195px;
height: 180px;
margin-left: 15px;
margin-right: 10px;
margin-top: 30px;
}
.fotoRunt p {
margin:0px;
padding: 0px;
clear:both;
font-size: 85%;
line-height: 120%;
}
.foto {
background: url(bilder/shadow.gif) no-repeat bottom right;
float: left;
margin: 0px 0px 0px 0px;
}
.bild img, .foto img {
margin: -6px 6px 6px -6px;
padding: 5px;
display: block;
border: 1px solid #a0a0a0;
position: relative;
}
a:link {
color: #006600;
}
a:visited {
color: #339900;
}
a:hover {
background-color:#e0e0e0;
}
body {
background: #F6EAC1 url(bilder/bakgrund_sand_tonad_2.gif) bottom left fixed repeat-x;
/* left: -372px; */
left: 50%;
position:relative;
margin: 0px;
padding: 0px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:150%;
margin-top: 25px;
font-size: 100%; /* ändras via javascript! */
}
#helaSidan {
background-color: white;
width: 744px;
/* left: 50%; */
left: -372px !important;
left /**/: 0px; /* fix för IE5/Win */
position:relative;
border-left: 1px solid #CEB993;
border-right: 1px solid #CEB993;
}
#sidhuvud {
background: #A6D2FF url(bilder/bakgrund_himmel_tonad.gif) top left fixed repeat-x;
border-bottom: 1px solid #689BEE;
}
#sidhuvud img {
float: left;
margin: 4px 10px 0px 10px;
display: inline;
border: 0 solid black;
}
#sidhuvud h1 {
margin: 0px;
padding: 20px;
font-weight:normal;
}
#meny {
margin:0px;
padding:0px;
clear:both;
}
#meny ul {
margin:5px;
padding:0px;
}
#meny li {
display:inline;
padding: 0px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
border-right: 1px solid black;
1background-color:#FFCCCC;
}
#meny a {
margin:5px;
padding: 5px;
}
#texten {
padding: 15px;
border-top: 1px dotted black;
font-size: 95%;
}
#sidfot {
background-color: #CEB993;
margin:0px;
padding: 5px;
font-size: 75%;
clear:both;
line-height: 120%;
}
#sidfot a {
color: #000000;
}
#sidfot p {
margin: 0px;
padding: 0px;
}
#textstorlek {
float: right;
}
#url {
display: none;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 95%;
}
#textHem, #textResedagbok, #textKomIhag, #textResplan, #textOm, #textFotonBali, #textFotonAustralien {
background-color:#00FF00;
height: 0px;
overflow: hidden;
visibility:hidden;
}
h3 {
margin-bottom: 0px;
}
p {
margin-top: 0px;
margin-bottom: 8px;
}
/* formuläret för epost */
form {
margin: 0px;
}
form fieldset {
display: inline;
}
form textarea {
margin: 8px;
background-color: #f5f5f5;
}
form input {
background-color: #f5f5f5;
}
form label {
margin: 8px;
}
form #btnSkickaMeddelande {
margin: 8px;
}
#resedagbokPreview {
font-family:'Courier New', Courier, mono;
float: right;
width: 40%;
font-size: 80%;
line-height: 120%;
background-color: #f5f5f5;
margin: 0px;
padding: 10px;
margin-bottom: 15px;
}
</style>
<style type="text/css" media="print">
/* stilmall för utskrift */
body {
left: 0px;
}
#helaSidan {
left: 0px;
width: 100%;
border: 0px;
}
#textstorlek {
visibility: hidden;
}
#kallkod {
visibility: hidden;
display: none;
}
#sidfot {
border-top: 1px solid black;
}
#url {
display: block;
}
</style>
<script type="text/javascript">
<!--
window.onerror = null;
/*
Kolla så att man åtminstone fyllt i ett meddelande
*/
function validateForm() {
var meddelande = document.getElementById("txtMeddelande");
if (meddelande.value == "") {
alert("Du måste skriva ett meddelande.");
return false;
} else {
return true;
}
}
/*
Vid första laddningen av sidan ska hem-sidan visas
body-taggen ska få en text-size på 100% (för den används i senare skript)
*/
function forstaLaddningen() {
// ändra länkens utseende
hem = document.getElementById("linkHem");
hem.style.backgroundColor = "#DAE5D5";
hem.style.textDecoration = "none";
hem.style.fontWeight = "bold";
// byt texten
t = document.getElementById("texten");
f = document.getElementById("textHem");
t.innerHTML = f.innerHTML;
document.getElementsByTagName("body")[0].style.fontSize = "100%";
}
/*
Öka eller minska storleken på texten
inparameter: mindre - true = minska storlek, false = öka storlek
*/
function andraFontSize(mindre) {
b = document.getElementsByTagName("body")[0];
storlek = parseInt(b.style.fontSize);
if (mindre) {
b.style.fontSize = (storlek - 10) + "%";
} else {
b.style.fontSize = (storlek + 10) + "%";
}
}
/*
Byter ut texten på div texten till texten som finns i den div vars id skickas med
*/
function bytText(id, from) {
// byt texten
t = document.getElementById("texten");
f = document.getElementById(id);
t.innerHTML = f.innerHTML;
// markera att valt menyalertnativ är vald
allaLankar = document.getElementsByTagName("a");
for (i=0; i<allaLankar.length; i++) {
allaLankar[i].style.backgroundColor = "";
allaLankar[i].style.textDecoration = "underline";
allaLankar[i].style.fontWeight = "normal";
}
from.style.backgroundColor = "#DAE5D5";
from.style.textDecoration = "none";
from.style.fontWeight = "bold";
from.blur(); // tar bort ramen runt i IE
}
/*
Räknar ut om hur många dagar vi ska åka
Stämmer just nu typ inte alls eftersom vi inte vet när vi ska åka. Får låtsas lite...
*/
function antalDagarKvar() {
// efter tips på http://developer.netscape.com/viewsource/goodman_dateobject.html
var MINUTE = 60 * 1000;
var HOUR = MINUTE * 60;
var DAY = HOUR * 24;
var WEEK = DAY * 7;
dateToGo = new Date("October 8, 2004");
dagensDatum = new Date();
dagarKvar = (dateToGo - dagensDatum) / DAY;
dagarKvar = Math.ceil(dagarKvar);
var manad;
switch (dateToGo.getMonth()) {
case 0:
manad = "januari";
break;
case 1:
manad = "februari";
break;
case 2:
manad = "mars";
break;
case 3:
manad = "april";
break;
case 4:
manad = "maj";
break;
case 5:
manad = "juni";
break;
case 6:
manad = "juli";
break;
case 7:
manad = "augusti";
break;
case 8:
manad = "september";
break;
case 9:
manad = "oktober";
break;
case 10:
manad = "november";
break;
case 11:
manad = "december";
break;
}
// om dagen ligger i framtiden
if (dagarKvar > 0) {
dagarKvar = "<strong>Vi åker " + dateToGo.getDate() + " " + manad + " 2004, dvs. om " + dagarKvar + " dagar!</strong>";
} else if (dagarKvar < 0) {
dagarKvar = "<strong>Vi åkte " + dateToGo.getDate() + " " + manad + " 2004, dvs. för " + Math.sqrt(dagarKvar*dagarKvar) + " dagar sedan!</strong>";
} else if (dagarKvar == 0) {
dagarKvar = "<strong>Vi åker idag " + dateToGo.getDate() + " " + manad + " 2004! Tjohoo!</strong>";
}
return dagarKvar;
}
/*
hämtar alla html som finns för det första/senast inskrivna datumet
används för att på första sidan visa och länka till Resedagboken
*/
function getFirstDatumFromResedagbok() {
d = document.getElementsByTagName("h3");
// kolla alla H3-taggar efter den första med class = datum
for (i=0; i<d.length; i++) {
// kolla om class finns (kan inte försöak hämta ["class"].value direkt, blir error
if (d[i].attributes["class"]) {
d = d[i];
break;
}
}
// hämta parentNode
par = d.parentNode;
paragrafer = par.getElementsByTagName("p");
txt = "";
txt = txt + d.innerHTML;
txt = txt + "<br /><br />";
for (i=0; i<paragrafer.length; i++) {
txt = txt + paragrafer[i].innerHTML + "<br /><br />";
}
//return txt;
return par.innerHTML;
}
-->
</script>
</head>
<body>
<div id="helaSidan">
<div id="sidhuvud">
<a href="http://eskapism.se/resa_bali_australien/" title="Till webbplatsens första sida/startsida"><img src="bilder/bali_australien_liten.gif" alt="Kartbild på Bali och Australien" title="Bali och Australien. Dit ska jag!" /></a>
<h1>Pärs resa till Bali och Australien</h1>
</div>
<div id="meny">
<ul>
<li><a id="linkHem" href="#" onclick="bytText('textHem', this); return false;" title="Första sidan (snabbvalstangent + 0)" accesskey="0">hem</a></li>
<li><a href="#" onclick="bytText('textResplan', this); return false;" title="Resans planerade resplan, vart vi ska åka å så (snabbvalstangent + 1)" accesskey="1">resplan</a></li>
<li><a id="linkResedagbok" href="#" onclick="bytText('textResedagbok', this); return false;" title="Pärs resedagbok (snabbvalstangent + 2)" accesskey="2">resedagbok</a></li>
<li><a id="linkFotonBali" href="#" onclick="bytText('textFotonBali', this); return false;" title="Pärs foton från Bali (snabbvalstangent + 3)" accesskey="3">foton från Bali</a></li>
<li><a id="linkFotonAustralien" href="#" onclick="bytText('textFotonAustralien', this); return false;" title="Pärs foton från Australien (snabbvalstangent + 4)" accesskey="4">foton från Australien</a></li>
<li><a href="#" onclick="bytText('textKomIhag', this); return false;" title="Pärs packning (snabbvalstangent + 5)" accesskey="5">packning</a></li>
<li><a href="#" onclick="bytText('textOm', this); return false;" title="Information om sidan samt hur du lättast kontaktar Pär (snabbvalstangent + 6)" accesskey="6">om</a></li>
</ul>
</div>
<div id="texten">
<p>Laddar in texter. Vänta några sekunder ...</p>
<p>Funkar inte sidan? Var så schysst å skicka ett mejl till mig på <a href="mailto:par.thernstrom@gmail.com">par.thernstrom@gmail.com</a>
och berätta vad du använder för operativsystem samt vilken webbläsare och vilken version.</p>
</div>
<div id="sidfot">
<p id="textstorlek">
Textstorlek:
<br />
<a href="#" onclick="andraFontSize(true); return false;" title="Minskar storleken på texten med 10 %">minska</a>
|
<a href="#" onclick="andraFontSize(false); return false;" title="Ökar storleken på texten med 10 %">öka</a>
</p>
<p>
Denna webbplats har <a title="Visa webbplatsens besökslogg" href="visitor_log.txt">besökts <?php echo getCounter(); ?> gånger</a>. | Webbplatsen uppdateras senast <?php echo getLastModified(); ?>
</p>
<p>
Kontakt: Pär Thernström <a href="mailto:par.thernstrom@gmail.com">par.thernstrom@gmail.com</a>
</p>
<p id="kallkod">
<a title="Visar webbplatsens källkod" href="<?php echo $_SERVER['SCRIPT_NAME'] ?>?action=viewsource">Visa webbplatsens "källkod".</a>
</p>
<p id="url">
Detta är en utskrift av sidan på adress <code>http://eskapism.se/resa_bali_australien/</code>
</p>
</div>
</div>
<!--
div'ar med brödtextens innehåll kommer här
dessa div'ar är dolda från början
via javascript ersätts texten på diven "texten" med texten från dessa divvar
-->
<!-- resedagboken måste ligga först, annars kan första sidan inte hämta det senaste datumet -->
<div id="textResedagbok">
<h2>Resedagbok</h2>
<?php require("datum.txt") ?>
</div>
<div id="textHem">
<?php echo checkForMailMessage() ?>
<h2>Välkommen till min ressida!</h2>
<div id="resedagbokPreview">
<h3 style="background-color: #888888; color: white; margin: -10px; padding: 1px 1px 1px 3px">Senast i resedagboken</h3>
<script type="text/javascript">
document.write(getFirstDatumFromResedagbok());
</script>
<p>» <a href="#" onclick="bytText('textResedagbok', document.getElementById('linkResedagbok')); return false;" title="Visar alla datum i resedagboken">Visa alla datum</a></p>
</div>
<p>
<script type="text/javascript">document.write( antalDagarKvar() );</script>
</p>
<p>På denna webbplats kan du läsa om min (Pär Thernströms) resa till Bali och Australien, som jag gör tillsammans med min f.d. granne och tillika vän Mattias. </p>
<p>Jag tänker på webbplatsen först visa hur mina förberedelser
och senare även hur resan fortlöper.</p>
<p style="clear: both; padding-top: 5px; border-top: 1px solid black;">
<strong>Notera:</strong> Denna webbplats gör jag som en del av kursen
<a href="https://portal.student.ltu.se/stuka/kurs.php?lang=swe&kurs=ISI632&orgpage=enhet_2402&year=0405&what=kod" title="Kursens hemsida">Serverscript för Internet</a>
som jag läser vid <a href="http://www.ltu.se/" title="Luleå Tekniska Universitets webbplats">Luleå Tekniska Universitet</a>.
Detta faktum gör att sidan uppdateras så länge som kursen pågår, men troligtvis inte efter kursens slut.
</p>
</div>
<div id="textFotonBali">
<h2>Foton från Bali</h2>
<p>Ett gäng foton från Bali. Klicka på ett foto för att förstora det (öppnas i ett nytt fönster). </p>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3038.jpg" target="_blank"><img src="foton_bali/IMG_3038_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Staty eller nåt</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3105.jpg" target="_blank"><img src="foton_bali/IMG_3105_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Monkey forest i Ubud </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3200.jpg" target="_blank"><img src="foton_bali/IMG_3200_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Glassförsäljare, 3 kr för en glass </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3216.jpg" target="_blank"><img src="foton_bali/IMG_3216_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Ankorna på risfältet </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3288.jpg" target="_blank"><img src="foton_bali/IMG_3288_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Satay</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3334.jpg" target="_blank"><img src="foton_bali/IMG_3334_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Färgglada kycklingar </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3489.jpg" target="_blank"><img src="foton_bali/IMG_3489_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Husbygge, Jemeluk</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3516.jpg" target="_blank"><img src="foton_bali/IMG_3516_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Utsikt över Jemeluk </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3573.jpg" target="_blank"><img src="foton_bali/IMG_3573_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Förberedelser inför ceremoni</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3576.jpg" target="_blank"><img src="foton_bali/IMG_3576_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>...</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3586.jpg" target="_blank"><img src="foton_bali/IMG_3586_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Vy från internetcafé </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3664.jpg" target="_blank"><img src="foton_bali/IMG_3664_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Risfält</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3685.jpg" target="_blank"><img src="foton_bali/IMG_3685_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Nordöstra Bali. Varmt. Torrt. Bergigt.</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3763.jpg" target="_blank"><img src="foton_bali/IMG_3763_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Staty med lite gåvor </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3766.jpg" target="_blank"><img src="foton_bali/IMG_3766_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Staty eller nåt nr 2 </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3808.jpg" target="_blank"><img src="foton_bali/IMG_3808_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär kollar lite på vulkanen Mt Batur. Ser nästan ut som en kuliss</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_3882.jpg" target="_blank"><img src="foton_bali/IMG_3882_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Soluppgång på vulkanten Mt Batur</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4026.jpg" target="_blank"><img src="foton_bali/IMG_4026_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Mattias skulle ju bara köpa en frukt... blir snabbt omringad av försäljare. </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4117.jpg" target="_blank"><img src="foton_bali/IMG_4117_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Morgon i Lovina </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4133.jpg" target="_blank"><img src="foton_bali/IMG_4133_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Delfiner. Jodå, jag lovar att det är det! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4262.jpg" target="_blank"><img src="foton_bali/IMG_4262_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Skräp, ingen ovanlig syn </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4277.jpg" target="_blank"><img src="foton_bali/IMG_4277_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>En död vis man. Eller som Pär sa: it's a wice guy...</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4284.jpg" target="_blank"><img src="foton_bali/IMG_4284_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Gåvor på väg </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4289.jpg" target="_blank"><img src="foton_bali/IMG_4289_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Så vad gör man när man ska se någon brännas upp? Äter glass såklart! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4308.jpg" target="_blank"><img src="foton_bali/IMG_4308_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Den vise mannan brinner upp </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4329.jpg" target="_blank"><img src="foton_bali/IMG_4329_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Skolbuss?</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4447.jpg" target="_blank"><img src="foton_bali/IMG_4447_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Vattenfall. Svalkade gott! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4551.jpg" target="_blank"><img src="foton_bali/IMG_4551_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär väntar på mat på Gili Trawangan </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4555.jpg" target="_blank"><img src="foton_bali/IMG_4555_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Gili Trawangan</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/IMG_4581.jpg" target="_blank"><img src="foton_bali/IMG_4581_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär betraktar solnedgången i på Kuta Beach </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/Untitled-3.jpg" target="_blank"><img src="foton_bali/Untitled-3_thumb.jpg" width="161" height="113" border="0" alt="" /></a></div>
<p>Den berömda hajen. Blir större för varje gång vi berättar om den! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_bali/Untitled-5.jpg" target="_blank"><img src="foton_bali/Untitled-5_thumb.jpg" width="161" height="113" border="0" alt="" /></a></div>
<p>På väg att dyka vid det japanska vraket i Jemeluk </p>
</div>
</div>
<div id="textFotonAustralien">
<h2>Foton från Australien</h2>
<p>Ett gäng foton från Australien. Klicka på ett foto för att förstora det (öppnas i ett nytt fönster). </p>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_57102.jpg" target="_blank"><img src="foton_australien/IMG_57102_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Häftigaste saken först: Pär hoppar bungy jump i regnskogen i Cairns. Grymt häfigt!</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4636.jpg" target="_blank"><img src="foton_australien/IMG_4636_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär framför Sydneys operahus. Obligatorisk bild! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4726.jpg" target="_blank"><img src="foton_australien/IMG_4726_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Operahuset by night </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4730.jpg" target="_blank"><img src="foton_australien/IMG_4730_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Sydney Harbour Bridge by night </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4736.jpg" target="_blank"><img src="foton_australien/IMG_4736_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Staty eller nåt</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4836.jpg" target="_blank"><img src="foton_australien/IMG_4836_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Sydney zoo, med utsikt över centrala Sydney </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4854.jpg" target="_blank"><img src="foton_australien/IMG_4854_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Ännu en bild över ni-vet-vad.</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4874.jpg" target="_blank"><img src="foton_australien/IMG_4874_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Syndey från nåt utkikstorn </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4903.jpg" target="_blank"><img src="foton_australien/IMG_4903_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär @ Bondi Beach </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4942.jpg" target="_blank"><img src="foton_australien/IMG_4942_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Tja, sitter å dricker en Pepsi... bättre vy än vanligt ;) </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4969.jpg" target="_blank"><img src="foton_australien/IMG_4969_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Jaja, jag ska sluta med bilder på operahuset nu</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_4976.jpg" target="_blank"><img src="foton_australien/IMG_4976_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Sydney är häftigt!</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5070.jpg" target="_blank"><img src="foton_australien/IMG_5070_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Dricker öl med några engelsmän vi hängde med</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5201.jpg" target="_blank"><img src="foton_australien/IMG_5201_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Surfers Paradise </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5215.jpg" target="_blank"><img src="foton_australien/IMG_5215_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär klappar känguru</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5254.jpg" target="_blank"><img src="foton_australien/IMG_5254_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Jodå! Jag träffade Steve Irving!</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5292.jpg" target="_blank"><img src="foton_australien/IMG_5292_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Frak på Fraser Island </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5309.jpg" target="_blank"><img src="foton_australien/IMG_5309_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Gänget vi åkte med på Fraser Island </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5318.jpg" target="_blank"><img src="foton_australien/IMG_5318_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Lite mer vrak på Fraser Island </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5399.jpg" target="_blank"><img src="foton_australien/IMG_5399_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Dingo-spår i sanden på Fraser Island </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5500.jpg" target="_blank"><img src="foton_australien/IMG_5500_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Pär skumpar rumpan lite i Hervey Bay </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5528.jpg" target="_blank"><img src="foton_australien/IMG_5528_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Den bästa pastan, ever! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5566.jpg" target="_blank"><img src="foton_australien/IMG_5566_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Färgglada med skrikiga papegojor </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5587.jpg" target="_blank"><img src="foton_australien/IMG_5587_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Nice solnedgång</p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5652.jpg" target="_blank"><img src="foton_australien/IMG_5652_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Galen och grymt störig gubbe det här </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5704.jpg" target="_blank"><img src="foton_australien/IMG_5704_thumb.jpg" width="150" height="113" border="0" alt="" /></a></div>
<p>Pär håller i en lite krokodilunge </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_5710.jpg" target="_blank"><img src="foton_australien/IMG_5710_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>...och snart är jag en av dom! </p>
</div>
<div class="fotoRunt">
<div class="foto"><a href="foton_australien/IMG_57102.jpg" target="_blank"><img src="foton_australien/IMG_57102_thumb.jpg" width="84" height="113" border="0" alt="" /></a></div>
<p>Pär hoppar bungy jump i regnskogen i Cairns. Fan vad rädd jag var. Men fan vad häftigt det var! </p>
</div>
</div>
<div id="textKomIhag">
<h2 style="clear:both ">Packning</h2>
<p>En liten lista på saker som jag bestämt tror det är bra att ta med. Inte så detaljerad som den borde vara. </p>
<img style="float:right" src="bilder/ryggsack_everex.jpg" alt="Everest-ryggsäck på 65 liter." />
<p style="float:right; clear: right; width: 299px">Everest-ryggsäcken på 65 liter. Ett stort tack till min systers pojkvän som så vänligt lånat ut den till mig!</p>
<img style="float:right; clear: right" src="bilder/ryggsack_kanken.jpg" alt="Kånken-ryggsäck. Grön och fin." />
<p style="float:right; clear: right; width: 299px">Min hederliga gamla Kånken. Lagad å fixad lagom till denna resa. Ska användas som handbagage.</p>
<ul>
<li>Ryggsäckar
<ul>
<li>Everest, 65 liter</li>
<li>Fjällräven Kånken, ? liter</li>
</ul>
</li>
<li> Allmänt
<ul>
<li>plastglas/mugg</li>
<li>batterier + batteriladdare </li>
<li>ficklampa</li>
<li>resetäcke</li>
<li>klocka</li>
<li>elkontaktskonverterare</li>
<li>miniräknare/valutakonverterare (soldriven)</li>
<li>el-tejp</li>
<li>tvättmedel</li>
<li>påsar i olika färger</li>
<li>vitamintabletter</li>
<li>toalettpapper</li>
<li>snöre/rep (tvättlina etc)</li>
<li>reseväckar)klocka</li>
<li>reflex till väskan</li>
<li>foton på sin familj (visa upp)</li>
<li>spel</li>
<li>hänglås</li>
</ul>
</li>
<li>Kläder
<ul>
<li>kalsonger</li>
<li>strumpor</li>
<li>skor, sandaler + vilka andra? </li>
<li>jeans</li>
<li>zip-off byxor (är det tänkt iaf, väntar på att de ska ringa från Fjällräven...) </li>
<li>badbyxor</li>
<li>t-shirts/skjortor</li>
<li>tjockare tröja, vilken? </li>
</ul>
</li>
<li>I handbagaget/Nära kroppen/Stöldbegärligt
<ul>
<li>biljetter</li>
<li>pass</li>
<li>visum</li>
<li>visa-kort</li>
<li>öronproppar</li>
<li>vaccinationskort </li>
<li>papper/block + pennor</li>
<li>mp3-spelare</li>
<li>kamera</li>
<li>kikare </li>
<li>pocketböcker</li>
<li>pengabälte</li>
</ul>
</li>
<li>Toalettartiklar
<ul>
<li> nagelsax</li>
<li>tandborste</li>
<li>tandkräm</li>
<li>rakhyvel</li>
<li>raklödder</li>
<li>tvål</li>
<li>kondomer</li>
<li>handduk</li>
</ul>
</li>
</ul>
</div>
<div id="textResplan">
<h2>Resplan</h2>
<p>Följande är hur flygbiljetterna är inbokade. Biljetterna är ombokningsbara, vilket innebär att resplanen nedan kan komma att ändras.</p>
<p>
Vi åker den 8:e oktober från Stockholm via London till Singapore, där vi stannar en dag.
Sedan åker vi från Singapore till Bali där vi planerar att stanna en månad.
</p>
<p>
Från Bali åker vi den 10:e november till Sydney i Australien. I Australien planerar vi också
att stanna en månad. Efter halva tiden flyger vi dock från Sydney till Brisbane 1:a december.
</p>
<p>
Slutligen flyger vi hem den 10:e december, vilket betyder att jag kommer fram till Arlanda ungefär
mitt på dagen den 11:e december. Precis lagom till min systers 30-årskalas! Det är vad
jag kallar tajming och planering. (Att det hela är ett utfall av slumpen behöver vi kanske inte diskutera...)
</p>
</div>
<div id="textOm">
<div class="bild">
<img src="bilder/par.jpg" alt="Pär sittandes på en parkbänk. Och inte vilken parkbänk som helst -- det är en parkbänk i Paris!" />
</div>
<h2>Om</h2>
<p>Jag som gör denna sida heter Pär Thernström.</p>
<p>All programmering och all grafik på sidan är gjort av mig, undantaget skuggningen på min bild
till höger som jag snodde från
<a href="http://www.alistapart.com/articles/cssdropshadows/" target="blank" title="A List Apart 27 February 2004: CSS Drop Shadows">A List Apart (öppnas i nytt fönster)</a> .</p>
<p>Sidan görs som en del av kursen
<a href="https://portal.student.ltu.se/stuka/kurs.php?lang=swe&kurs=ISI632&orgpage=enhet_2402&year=0405&what=kod" target="blank" title="Kursens hemsida">Serverscript
för Internet (öppnas i nytt fönster)</a> som jag läser vid <a href="http://www.ltu.se/" target="blank" title="Luleå Tekniska Universitets webbplats">Luleå Tekniska Universitet (öppnas i nytt fönster)</a>.
Kursen ställer vissa krav på webbplatsen, t.ex. att det ska vara si-och-så många klientskript
och si-och-så många serverskript, varför det på denna sida finns några funktioner som
kanske kan kännas lite "framtvingade".</p>
<h3>Kontakta mig </h3>
<p>Du når mig (Pär Thernström) lättast genom att använda det här formuläret:</p>
<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post" onsubmit="return validateForm();">
<div>
<fieldset>
<legend><label for="txtMeddelande">Meddelande</label></legend>
<input type="hidden" name="action" value="sendmail" />
<textarea id="txtMeddelande" name="txtMeddelande" cols="55" rows="4"></textarea>
<br /><label for="txtNamn">Namn</label> <input size="20" name="txtNamn" id="txtNamn" type="text" />
<label for="txtEpost">Epost </label><input name="txtEpost" size="20" id="txtEpost" type="text" />
<br /><input id="btnSkickaMeddelande" type="submit" value="Skicka meddelande" />
</fieldset>
</div>
</form>
</div>
<script type="text/javascript">
<!--
// när vi kommit hit så har alla div'ar med texter laddats in så det är ok att börja visa dom
forstaLaddningen()
-->
</script>
<!-- google analytics -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-181460-1";
urchinTracker();
</script>
</body>
</html>
<?php
/*
lägger till besökaren till en liten loggfil
filen kan exporterar till t.ex. excel senare
format på filen:
datum ip-nr webbläsare referer
*/
function addUserToLog() {
$FILNAMN = "visitor_log.txt";
$fil = fopen($FILNAMN, "a");
if ($fil != false) {
// skriv till detta besök
$ipnr = $_SERVER['REMOTE_ADDR'];
$referer = $_SERVER['HTTP_REFERER'];
$datum = date("j F, Y H:i");
$webbläsare = $_SERVER['HTTP_USER_AGENT'];
fwrite($fil, $datum . " " . $ipnr . " " . $webbläsare . " " . $referer . "\n" );
fclose($fil);
}
}
/*
ökar antalet besök
*/
function updateCounter() {
$FILNAMN = "counter.txt";
$fil = fopen($FILNAMN, "a+");
if ($fil != false) {
// kollar om filen just skapades
// allts om filesize($FILNAMN) = 0, dvs. en tom fil
if (filesize($FILNAMN) == 0) {
// skriv besök nummer 1
fwrite($fil, "0");
} else {
// större än 0, alltså innehåller den nåt
// läs in nuvarande värde
$antalBesök = fread($fil, filesize($FILNAMN));
// öka anta besök
$antalBesök = $antalBesök + 1;
// skriv tillbaka nytt värde
fclose($fil); // stäng gamla filen
$fil = fopen($FILNAMN, "w"); // skapa ny fil
fwrite($fil, $antalBesök); // skriv till den nya filen
fclose($fil); // stäng den nya filen
}
}
} // updateCounter
/*
returnerar antalet besök till sidan
*/
function getCounter() {
$FILNAMN = "counter.txt";
$antalBesök = file_get_contents($FILNAMN);
return $antalBesök;
}
/*
returnerar formaterad tid för när sidan ändrades senaste
*/
function getLastModified() {
// blev inte riktigt så mkt kod som jag trodde det skulle bli. php *är* smidigt =)
$senastÄndrad = date("D j M H:i", filemtime($_SERVER['SCRIPT_FILENAME']));
return $senastÄndrad;
}
// kör funktionerna som sköter räkning å loggning å sånt
//addUserToLog();
updateCounter();
/*
skickar ett epostmeddelande
om användaren fyllt i formuläret och tryckt på skicka, dvs.
*/
function checkForMailMessage() {
if ($_POST["action"] == "sendmail") {
$epostMeddelande = $_POST["txtMeddelande"];
$epostNamn = $_POST["txtNamn"];
$epostEpost = $_POST["txtEpost"];
$epostIP = $_SERVER['REMOTE_ADDR'];
$mailOK = mail ("par.thernstrom@gmail.com", "Från Pärs resa till Bali och Australien", $epostMeddelande . "\n\n[Sändarens IP: " . $epostIP . "]", "From: " . $epostEpost . "(" . $epostNamn . ")");
if ($mailOK) {
echo '<p style="background-color: #66CC66; padding: 5px; ">';
echo "Ditt meddelande har skickats till Pär";
echo "</p>";
} else {
echo '<p style="background-color: #FF9999; padding: 5px; ">';
echo "Ditt meddelande skickades inte pga. serverfel. Var vänlig försök igen senare.";
echo "</p>";
}
}
}
?>