Kris Thomsen. -

Quick Guide (PHP / MySQL): Hvordan tjekker man om to indtastede felter er ens?

Jeg blev spurgt af nogen begyndere udi web-udvikling, PHP og MySQL hvordan man kunne validere om to værdier fra indtastningsfelter er ens. Dette kunne f.eks. være e-mail-adresser, for at sikre sig mod at brugeren har været lidt for hurtig ved tasterne, så en slå-fejl har fundet sin vej ind i feltet.

Bemærk i øvrigt, at dette ikke er en øvelse i hverken design eller sikkerhed, så derfor er alt overflødigt udeladt.

Først er selve HTML-formularen, hvor vi indsamler de informationer, som vi ønsker at kontrollere og gemme senere i PHP’en.

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">
    Email:
    <input name="email" type="text" /><br />
    Email igen:
    <input name="emailAgain" type="text" /><br />
    Navn:
    <input name="name" type="text" /><br />
    <input type="submit" name="submit" value="Gem" />
</form>

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">

Email:

Email igen:

Navn:

</form>

Og her er så det det hele drejer sig om

<?php
    // Vi forbereder databasen
    $conn = @mysql_connect('host', 'username', 'password') or die ("<span class='error'>Kan ikke oprette forbindelse til serveren</span>"); 
    mysql_select_db('DB_NAME') or die("<span class='error'>Database ikke fundet</span>");


    if ($_REQUEST['submit'] == "Gem") {                        
        // Vi kopierer lige værdierne fra $_REQUEST-arrayet over i simple
        // variabler. Ikke nødvendigt, men jeg synes at det letter læse-venligheden.
        $email = $_REQUEST['email'];
        $emailAgain = $_REQUEST['emailAgain'];
        $name = $_REQUEST['name'];
                
        // Tjek om de to email-adresser er ens
        if ($email == $emailAgain) {
            // Fordi vi lige har kontrolleret at de to email-adresser er ens
            // behøver vi kun at indsætte den ene værdi - ellers får vi 
            // dobbelt så meget data som nødvendigt.

            // Opbyg SQL-query
            $query = "INSERT INTO nyhedsbrev_adresser";
            $query .= "(email, navn)";
            $query .= "VALUES ('$email', '$name')";
                
            // Send SQL-query til databasen
            // Vi kunne godt tjekke resultatet af $result-variablen
            // men jeg har valgt at udelade det for nemhedens skyld.
            $result = mysql_query($query);
                    
            echo "<span class='success'>Du er nu oprettet!</span>"
        } else {
            echo "<span class='error'>Emails ikke ens!</span>";
        }
    }
?>

<?php

// Vi forbereder databasen

$conn = @mysql_connect('host', 'username', 'password') or die ("<span class='error'>Kan ikke oprette forbindelse til serveren</span>");

mysql_select_db('DB_NAME') or die("<span class='error'>Database ikke fundet</span>");

if ($_REQUEST['submit'] == "Gem") {

// Vi kopierer lige værdierne fra $_REQUEST-arrayet over i simple

// variabler. Ikke nødvendigt, men jeg synes at det letter læse-venligheden.

$email = $_REQUEST['email'];

$emailAgain = $_REQUEST['emailAgain'];

$name = $_REQUEST['name'];

// Tjek om de to email-adresser er ens

if ($email == $emailAgain) {

// Fordi vi lige har kontrolleret at de to email-adresser er ens

// behøver vi kun at indsætte den ene værdi - ellers får vi

// dobbelt så meget data som nødvendigt.

// Opbyg SQL-query

$query = "INSERT INTO nyhedsbrev_adresser";

$query .= "(email, navn)";

$query .= "VALUES ('$email', '$name')";

// Send SQL-query til databasen

// Vi kunne godt tjekke resultatet af $result-variablen

// men jeg har valgt at udelade det for nemhedens skyld.

$result = mysql_query($query);

echo "<span class='success'>Du er nu oprettet!</span>"

} else {

echo "<span class='error'>Emails ikke ens!</span>";

}

Jeg håber at kode-kommentarer forklarer det hele – ellers må i lige kaste en kommentar 😉

Praktikstart

Wow, det er lang tid siden jeg sidst har blogget. Nogen af grundene til dette er at jeg har haft rygende travlt. Jeg har skrevet projekt sammen med et par af mine studie-buddies, og når man har skrevet projekt skal man jo også tit til eksamen – hvilket jeg også har været. Det blev til to 10-taller og et 4-tal i henholdsvis Internet-teknologier (HTML og CSS), Android-udvikling (Geolocation) og Systemudviklingsmetoder (mit projekt). Så alt i alt er det jo ganske udemærket.

For at det ikke skal være løgn, så har fruen og jeg også fået lejlighed fra d. 1. februar, så der er også gået en del tid med planlægning og at pakke ting osv. Det skal nok blive spændende 😉

Nå, men hvorom alting er, så skal jeg jo starte i praktik i morgen – og det glæder jeg mig rigtig meget til. Min opgave bliver at udvikle et system til en blackbox, som skal bruges i Sverige. Så jeg kommer nok til at skrive lidt om det herinde på et senere tidspunkt.

Som nogen af jer måske kan se, så har siden her også fået et nyt design, jeg håber at i synes om det. I er altid velkomne til at smide ris/ros efter mig i kommentar-felterne eller kontakte mig via menu-punktet “Kontakt”

Visual Basic.NET – Nybegynder!

Praktikken er i hus, og de bruger hovedsageligt VB.NET – men jeg er jo vant til at programmere i C#, så jeg har besluttet mig for at kigge lidt på VB. Synes lige i skal se mit første selv-skrevne program:

Module Module1

  Sub Main()
    BeersOnTheWall(99)
  End Sub

  Sub BeersOnTheWall(count As Integer)
    Do
      If count > 1 Then
        Console.WriteLine(count & " Bottles of Beer on the Wall...")
      ElseIf count = 1 Then
        Console.WriteLine(count & " Bottle of Beer on the Wall...")
      Else
        Console.WriteLine("And the wall is empty... We gotta buy some more!")
      End If

      count = count - 1
    Loop Until count = -1
  End Sub

End Module

Module Module1

Sub Main()

BeersOnTheWall(99)

End Sub

Sub BeersOnTheWall(count As Integer)

If count > 1 Then

Console.WriteLine(count & " Bottles of Beer on the Wall...")

ElseIf count = 1 Then

Console.WriteLine(count & " Bottle of Beer on the Wall...")

Else

Console.WriteLine("And the wall is empty... We gotta buy some more!")

End If

count = count - 1

Loop Until count = -1

End Sub

End Module

Guide: Vis årsopgørelse fra Skat uden Adobe Reader

Så er den gal igen i det lille land; Man kan ikke længere se sin årsopgørelse på Skat.dk uden at have Adobe Reader installeret på sin computer. Nu sidder der nok nogen og tænker: “Det er ligegyldigt! Alle har Adobe Reader installeret”. Men, det er ikke ligegyldigt. Folketinget har besluttet at alt indhold fra offentlige instanser skal kunne ses af ALLE, og det er ikke tilfældet når Skat nu laver sådanne krumspring.

Problemet ligger i, ifølge Skat, at med udgivelsen af Windows 8, kan Internet Explorer vise indlejrede PDF-dokumenter (som f.eks. Chrome og Firefox også kan). Dette er der som sådan ikke noget galt i, problemet er blot, at den nye Internet Explorer cacher pdf-filen på computeren – og det er ikke alle brugere der er opmærksomme på dette, så det udgør et sikkerhedsbrist når der f.eks. bruges offentlige/fælles computere til at se sin årsopgørelse med.

Linux-brugere har ikke Adobe Reader, så her må man også lave fiksfakserier, og løsningen er at bruge Greasemonkey-plugin’et til Firefox. Greasemonkey er et plugin, som kan ændre hjemmesiders opførsel, ved at gå ind og “override” en sides Javascript (eller dele heraf) vha. et Userscript (som også bare er Javascript). Vi er så heldige at en af brugerne på www.linuxin.dk (Julemand101) har lavet et Userscript til Skat.dk, som gør at vi kan gemme PDF’en med årsopgørelsen på vores computer.

Så det man gør er, at man først starter Firefox op, og installerer Greasemonkey-plugin’et herfra: https://addons.mozilla.org/da/firefox/addon/greasemonkey/ (vælg “Føj til Firefox”).

Nu kan du så åbne dette script: http://kristhomsen.dk/stuff/PDFvalid.user.js Det skulle gerne aktivere Greasemonkey, og åbne et vindue der spørger om du vil installere script , tryk “Installér” – og det skulle være det 🙂

Held og lykke med det! MEN! I gør dette på ejet ansvar, men der burde ikke være noget farligt i det, hvis man tænker sig om, og kun gør det på sin egen personlige computer.

Google Maps rykker ind

Hey folkens!

Jeg sad i dag og skimmede mine vante sider for nyheder og faldt over en fantastisk fed ting – hvis jeg selv skal sige det – på Version2 (LINK). Det drejer sig om Google Maps – og så tænker i måske; Jamen… Det har jo eksisteret lææænge! – Det er også rigtig nok, men nu er Google Maps rykket indendørs i udvalgte storcentre, lufthavne og butikker. Heriblandt Kolding Storcenter – som er det der ligger tættest på hvor jeg bor.

Funktionen blev hurtigt testet på min telefon (Sony Xperia S med Android 4.0.4), og i Kolding Storcenter ser det rigtig godt og fornuftigt ud, på trods af nogen små-fejl. De fejl der findes er mest deres brug af “and” i stedet for “og” i danske butiksnavne. F.eks hedder det “Steens Jagt and Fiskeri” – hvilket lyder helt tåbeligt, men fejlen er da til at overse.

Men prøv det af, det er allerede tilgængeligt i Google Maps-app’en på Android telefoner fra i dag – så funktionen er HELT ny.

Barnedåbs-ræs!

Hey allesammen!

I må undskylde at jeg ikke får skrevet så meget for tiden, for på trods af efterårsferie fra både skole og spejder, så ligger jeg ikke på den lade side – hvis jeg selv skal sige det. I øjeblikket bruger jeg det meste af min vågne tid på at planlægge min søns barnedåb (som er på søndag) – dvs. lave bordplan, forberede mad og købe ind. Ved siden af alt det skal knægten jo også passes og leges med 😉

Jeg vender frygteligt tilbage, når tiden kommer igen – jeg ville bare lige sørge for, at i ikke troede jeg var helt forsvundet.

Guide: Horisontal menu med HTML5 og CSS

Mine damer og herrer… Jeg præsenterer den første guide nogensinde på KrisThomsen.dk.

Vi skal kigge på hvordan man laver en simpel horisontal menu-linje til sin webside med en uordnet liste og lidt simpel CSS.

Jeg tror vi starter ud med HTML’en – jeg har valgt at bruge HTML5-elementet <nav> men man kan også bruge et almindeligt <div>-element.

<nav>
    <ul>
        <li><a href="#" title="Punkt 1">Punkt 1</a></li>
        <li><a href="#" title="Punkt 2">Punkt 2</a></li>
        <li><a href="#" title="Punkt 3">Punkt 3</a></li>
        <li><a href="#" title="Punkt 4">Punkt 4</a></li>
    </ul>
</nav>

<nav>

<ul>

<li><a href="#" title="Punkt 1">Punkt 1</a></li>

<li><a href="#" title="Punkt 2">Punkt 2</a></li>

<li><a href="#" title="Punkt 3">Punkt 3</a></li>

<li><a href="#" title="Punkt 4">Punkt 4</a></li>

</ul>

</nav>

Det er jo ikke så slemt, vel? Et <nav>-element med en simpel uordnet liste – <ul> – og nogen menu-punkter. Nu til den “sjove” del, CSS’en – jeg viser jer kun den kedelige del, designet må i selv stå for.

nav
{
    background: #eee;
    margin: 50px;   /* Menuen her har en margen på 50px - kan være større eller mindre */
}

nav

{

background: #eee;

margin: 50px; /* Menuen her har en margen på 50px - kan være større eller mindre */

}

Jeg løj en lille smule før – dette har ikke så meget med hvordan menuen fungerer, men mere lidt simpel design. Jeg angiver at menuen skal have baggrundsfarven #eee (lysegrå), og at der skal være en margen på 50px på hver side af menuen.

nav ul
{
    list-style-type: none;  /* Fjern bullet-points */
    margin: 0;  /* Nulstil margen */
    padding: 0; /* Nulstil padding */
    text-align: center; /* Teksten centreres */
}

nav ul

{

list-style-type: none; /* Fjern bullet-points */

margin: 0; /* Nulstil margen */

padding: 0; /* Nulstil padding */

text-align: center; /* Teksten centreres */

}

Så kom vi til det vigtige. Først fjerner vi “prikkerne”/“bullet-points” foran elementerne i listen. Eftersom en uordnet liste er indrykket som standard (normalt for at der er plads til prikkerne), bliver vi nødt til at nulstille margin og padding. Til sidst sørger vi for at punkterne er centreret. Men vi mangler lige en lille smule CSS endnu;

nav ul li
{
    display: inline; /* Skal vises på række, og ikke nedad */
    margin: 0 20px;  /* Mellemrum mellem punkter - her har vi 20px på både højre og venstre side - altså, 40px i alt */
}

nav ul li

{

display: inline; /* Skal vises på række, og ikke nedad */

margin: 0 20px; /* Mellemrum mellem punkter - her har vi 20px på både højre og venstre side - altså, 40px i alt */

}

Her ser vi “display: inline” – dette er nok det vigtigste punkt overhovedet, eftersom det er dette punkt, som giver os en horisontal menu. Og til sidst sætter vi lige en margin på begge sider, så der er lidt afstand mellem punkterne.

Så simpelt kan det gøres! Jeg håber i kunne bruge guiden, jeg vil nok lægge flere små guides op gennem tiden.

Skolebænken igen – 4. semester

Så er jeg tilbage på skolebænken efter kombineret sommerferie og barsel. Endelig er jeg nået til mit 2. sidste semester – nummer fire i rækken. I dette semester har jeg ét obligatorisk fag; Systemudviklingsværktøjer (laaaangt ord) og to valgfag; Android-udvikling og Internet-teknologier (med stort fokus på ASP.NET).

Indtil nu har vi kun arbejdet i Microsoft Visual Studio (programmeringssprog: C#), men i dette semester skal vi lege med Java/Eclipse (til Android), (X)HTML, CSS, JavaScript og PHP – det bliver rigtig spændende at arbejde med nogen nye værktøjer, så det hele ikke bliver så ensformigt. Det skal jo ikke være nogen hemmelighed at Windows-platformen ikke er min primære, så det er rart at afprøve de lidt mindre platforms-afhængige programmerings-sprog / -værktøjer.

I løbet af dette semester skal jeg også (sammen med min trofaste kammerat, Tommy) skrive et projekt – planen er at det bliver en Android-app med tilhørende reklame websted. Mere kan jeg ikke afsløre nu, men jeg skal nok skrive mere, så snart vi er klar til det 😉

Hyg jer!

En lille ny…

Så skete det endeligt! Et nyt familiemedlem i vores lille familie er nu kommet til verden – en dejlig dreng på godt og vel 4 kg.

Så det meste af min tid går med at give flaske, skifte ble og sove 🙂 Men på trods af det, så er det nu herligt at have sådan en lille størrelse i familien.

Sommerens spejderaktiviteter

Hey folkens!

Længe siden sidst? Det tror jeg nok lige…

Mit sidste indlæg handlede om eksamens-angst, og jeg kan berolige folket med at det var helt og aldeles ubegrundet, jeg afsluttede mit 3. semester med et super flot 12-tal – var oppe i fagene Distribuerede Systemer og Sikkerhed.

Nå, det ude af verden. Det jeg egentlig ville fortælle i dette indlæg er, at jeg i søndags kom hjem fra Roland 1, som er et ungdomskursus hos KFUM Spejderne i Danmark. Jeg deltog som tutor (leder og ansvarlig for en patrulje på seks unge mennesker). Det var en rigtig fantastisk uge, hvor jeg lærte nogen utroligt seje unge mennesker at kende. Det meste af staben havde jeg arbejdet sammen med før, så det var en fornøjelse at få muligheden for at arbejde sammen med dem igen. Det var en uge fyldt med fede aktiviteter, skøre påfund og vejr i alle afskygninger (eller i hvertfald både sol og regn 😉 ).

På fredag vil jeg drage afsted på endnu en spejderlejr – nemlig Spejdernes Lejr 2012 – den hidtil største lejr afholdt på dansk grund. Jeg glæder mig utrolig meget, velvidende at ugen måske bliver afbrudt af et telefonopkald fra kæresten, med besked om at komme hjem for at overvære mit første barns fødsel – men det sker naturligvis ikke, da jeg har givet hende og barnet strenge ordre på at vente til jeg kommer hjem igen 😉 .

Det var alt fra mig i denne omgang. Over and out.