Javascript en PHP
1. Introductie
2. Javascript
3. PHP
4. Samenwerking
5. Extra
1. Introductie
Bij sommige website-statistieken zie je dat de schermresoluties e.d. worden opgehaald.
Maar dit kan helemaal niet met PHP!
Hoe doen ze dat dan?
Dat zal ik in deze tutorial uitleggen.
 top
2. Javascript
Met JavaScript kun je dus de schermresoluties ophalen.
Maar hoe doen we dat?
Door de volgende code kunnen we de schermbreedte ophalen en op het scherm zetten:
<script language='javascript'>
var sw;
sw = screen.width;
document.write(sw);
</script>
|
Nu even een stukje uitleg over de javascript code
|
<script language='javascript'>
|
Dit opent Javascript
|
|
var sw;
|
Maakt een variabele aan, genaamd sw
|
|
sw = screen.width;
|
Zet de schermbreedte in sw
|
|
document.write(sw);
|
Print de waarde van sw naar het scherm
|
Om er iets mee te kunnen doen, moet er natuurlijk ook een PHP bestand gebruikt worden.
Je zou bijvoorbeeld een code kunnen maken, die de waarde uit de url ophaalt, er vevolgens
iets mee doet, en dan iets als een plaatje laat zien.
Maar dat komt later in deze tutorial.
Om de waarde van de javascript in de URL te krijgen, zodat PHP hem op kan halen, gebruik je
bijna dezelfde code als hierboven, alleen word hij iets aangepast.
<script language='javascript'>
sw = screen.width;
im = "<img src='bestand.php?sw=" + sw + "' width='0' height='0'>";
document.write(im);
</script>
|
Deze code haalt weer de schermresolutie op, en zet hem in de variabele sw.
Vervolgens zet de code, de variabele sw in de variabele sw met bestand.php?sw=.
Het PHP bestand, heb ik voor het gemak maar even bestand.php genoemd.
Dus we roepen bestand.php aan, en zetten er sw achter, met de zojuist, door javascript
opgehaalde scherm breedte.
Vervolgens zet hij de waarde van im op het scherm.
We geven het plaatje een breedte en hoogte van 0 mee, zodat er geen plaatje te zien is.
Ook niet wanneer het plaatje niet weergeven kan worden.
top
3. PHP
Nu komt er een stukje over PHP hoe je iets uit de url op kunt halen.
<?PHP
if(!IsSet($_GET['id']) || !Is_Numeric($_GET['id']))
{
echo "Error!- U heeft geen of een verkeerde ID opgegeven!";
} else
{
echo "Het ID is correct!";
}
?>
|
Nu even een uitleg wat het stukje code precies doet.
|
<?PHP
|
Dit opent PHP, standaard PHP tag
|
|
!IsSet
|
Kijkt of een waarde niet geset is
|
|
$_GET['id']
|
Haalt de waarde van 'id' op uit de URL
|
|
!Is_Numeric
|
Kijkt of een waarde een numerieke waarde is
|
top
4. Samenwerking
Dan komt nu de uitleg hoe je het nou samen kan laten werken.
Ik denk dat jullie het al wel een beetje door zullen hebben, omdat ik verschillende (benodigde)
code heb laten zien.
Nu komt dan een voorbeeld, over hoe je de waarde in bijvoorbeeld een SQL tabel krijgt.
<?PHP
if(IsSet($_GET['sw']) && Is_Numeric($_GET['sw']))
{
MySQL_Connect("localhost", "", "");
MySQL_Select_DB("sitemasters");
$iSw = $_GET['sw'];
$sQuery = "INSERT INTO sw (id, sw) VALUES ('', '".$iSw."')";
$sResult = MySQL_Query($sQuery);
echo "<img src='images/plaatje.jpg'>";
} else
{
echo "<img src='images/plaatje.jpg'>";
}
?>
|
Wat de code doet
De code kijkt eerst of sw geset is, en of het een numerieke waarde bevat.
Daarna maakt het verbinding met de MySQL server, en selecteerd het een database.
Vervolgens zet het de numerieke waarde van sw in de variabele iSw.
De waarde word in een SQL tabel gezet en er word een plaatje weergeven.
Nu denk je vast: Waarom word er geen foutafhandeling gedaan?
Dat komt, omdat wanneer er een fout is, er toch geen tekst weergeven word.
De bezoeker ziet dus geen tekst, maar enkel het plaatje.
Ook als sw niet geset is of de waarde is niet numeriek, word er een plaatje weergegeven.
top
5. Extra
Ik heb hier nu maar 1 voorbeeld laten zien, maar er zijn nog veel meer verschillende
mogelijke waardes die meegegeven kunnen worden.
Eigenlijk kunnen alle waardes zo meegegeven worden.
PHP kan er daarna van alles mee doen, in een database stoppen, met GD Library op een plaatje tekenen.
top
|
