A Opgave rapport Se som PDF - byFrom.com

IMPLEMENTERING KODEBESKRIVELSE
.index_img:hover img {
background-color: #333333;
opacity: 0.40;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
Her gør vi div’en mørkegrå når musen føres over billedet, men fordi vi
også sætter en opacity (gennemsigtighed) ser billedet bare sløret ud.
Filter: alpha(opacity=40) kan ikke valideres ihh. til W3C, men vi har valgt
også at have denne egenskab for optimal visning af sitet for de personer
der benytter sig af IE8 eller ældre versioner.
.hoverfun {
display: none;
text-align: center;
margin-top: -40px;
font-family: ‘crimson text’, “Palatino Linotype” serif;
font-size: 125%;
color: #FFF;
}
Her styles funktionen med class’en “hoverfun”, vi ønsker kun
teksten vist når musen føres over billedet. Teksten skjules med koden display:none,
men når den vises vil vi gerne have teksten centeret, den skal
placeres inde på billedet - husk i vores XHTML ligger funktionen
under vores billede. Derfor sætter vi en negativ margin-top værdi, som
placerer teksten oppe i billedet.
Vi benytter os af Google webfonts - her fonten “crimson text”, som backup
for den har vi “Palatino Linotype” eller en anden serif font. Vi har sat
størrelsen på fonten til 125%, ved at bruge % sikrer vi os en ensartethed
imellem de forskellige font størrelser vi benytter på sitet og disses visning i
forskellige browsere og skærmopløsninger. Skrift farven er sat til hvid. Når
vi ser teksten ser vi dog ikke teksten som hvid, da class’en “arver” opacity
egenskaben fra .index_img:hover.
Hvis vi ikke havde ønsket at “arve” denne egenskab skulle koden for “.
index_img:hover img” istedet have været:
. index_img:hover img {
background-color: rgba(51,51,51,0.4);
}
Denne kode har vi bla benyttet på vores indholdssider, hvor vi ønsker teksten
står tydeligt og ikke har den nedarvede gennemsigtighed
PHP
For at omsætte de informationer vi modtager fra kunden i vores formular,
bruger vi php-kode. Først og fremmest skal vi vide, om der stadig er ledige
sæder. Det gør vi ved at kalde databasens tabel for kapacitet
//Check if seats are available
$CheckCapacity_sql = “SELECT SEATS_TOTAL - SEATS_SOLD AS TEST
FROM CAR_CAPACITY WHERE CAPACITY_ID = 1”;
$CheckCapacityResult = $link->query($CheckCapacity_sql);
if ($CheckCapacityResult)
{
$row = $CheckCapacityResult->fetch_array(MYSQLI_
BOTH);
$CapacityTest = $row[‘TEST’];
}
else
{
die(“System Error”);
}
Skulle der være udsolgt sender vi kunden videre til en særlig side, hvor
vi beklager og giver dem mulighed for at klikke sig videre til Star Tours
website.
Side 29