Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1588601

Editie 189 - HTML-cursus


OWN

295 bezichtigingen

med_gallery_108553_47_30402.png

Deze rubriek is geschreven door Kloep!

Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik (Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar wat Javascript. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd.

In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.

De week bekijken we verschillende Redirects.

Redirect

Er zijn verschillende manieren hoe je een gebruiker naar een andere pagina kan sturen. Dit kan natuurlijk simpel met HTML door gewoon een link te plaatsen waar de gebruiker op kan klikken, maar dit kan ook met Javascript. Je kan altijd de standaard onderstaande code gebruiken:

<script type="text/javascript">
window.location.href="http://gtaforum.nl";
</script>



Echter, deze code wordt afgeraden, omdat je de "Vorige" knop uitschakeld. Gebruikers kunnen dus niet meer terug indien nodig. Daardoor is het handiger om deze code te gebruiken:

<script type="text/javascript">
window.replace("http://gtaforum.nl");
</script>



Nou heeft het hier natuurlijk weinig zin om één keer naar de vorige pagina te gaan, want dan stuurt je browser je meteen weer door naar de website die is aangegeven.

Redirect na een Formulier

Ook kun je de gebruiker na het versturen van een formulier doorsturen. Dit gaat met de volgende codes:

Head:

<script type="text/javascript">
function danku(){
location.replace("danku.html")}
</script>



Body:

<form method="post" onsubmit="alert('Er wordt een mail verstuurd.');">
Uw naam: <input type="text" name="naam" size="30" /><br />
<input type="submit" onclick="danku()" value="Versturen" />
<input type="reset" value="Annuleren" />
</form>



In dit geval is het natuurlijk nog wel even de bedoeling dat je de pagina danku.html schrijft. Dit is de pagina waar je naartoe wordt gestuurd. Hier kun je bijvoorbeeld een bedankje plaatsen, maar ook iets heel anders. De naam kun je uiteraard wijzigen.

En dat was het dan alweer voor deze week. Hopelijk tot de volgende keer!

0 reacties


Recommended Comments

Er zijn geen reacties om weer te geven.

Gast
Reactie toevoegen...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...