vraag radiobutton html

Status
Niet open voor verdere reacties.
S

speng002

Gebruiker
Lid geworden
10 apr 2020
Berichten
25
Goede Middag,

Mag ik jullie vriendelijk om hulp vragen alstublieft?
Ik ben bezig met een klein eigen projectje te maken, maar ik krijg het niet voor elkaar
Ik heb al stevig wat gegoogeld maar ik kom er maar niet uit.
ik wil graag als ik een keuze gemaakt bij de radio buttons
dat ik met een start knop naar het betreffende web adres gestuurd wordt

Dit is wat ik tot nu toe gemaakt heb
kunnen jullie mij helpen om dit werkend te krijgen


Code: 
<HTML>
<HEAD>
<TITLE>Mijn Eigen HTML Fun pagina</TITLE>
</HEAD>
<BODY> 

<p><b>Mijn eigen pagina</b></p>

<input type="radio" name="parken" value="dierenpark amersfoort">Dierenpark Amersfoort<br>
<input type="radio" name="parken" value="dierenpark emmen">Dierenpark Emmen<br>
<input type="radio" name="parken" value="buienradar">Buien radar<br>

 
</BODY>
</HTML>
 
Waar zijn de URL's van die sites?
 
Ik zie niet goed in waarom je met radiobuttons zou werken als je ook gewoon de links kunt gebruiken om op te klikken ? (-;
 
link

ik heb hier eigenlijk geen verklaring voor.
ik dacht dit is ook een manier om het zo te doen
maar ik krijg dat niet voor elkaar
indien het mogelijk is wil ik graag een voorbeeld met de radiobuttons.
ik ga in ieder geval ook uitzoeken om dat met een link te doen.
ik heb hier al wat voorbeelden van gevonden
 
Is het voor een oefening bedoeld?

Met onClick kan je een handler toevoegen waarmee je iets bij een klik van uitvoeren.
En met dit: window.location.href = "https://www.buienradar.nl/"; naar Buienradar gaan.
 
Zo vb....

Code: 
<!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">


<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Mijn Eigen HTML Fun pagina</TITLE>
</HEAD>


<BODY> 


<p><b>Mijn eigen pagina</b></p>


<a href="https://webcam.nl/olifant/cam1/">Dierenpark Amersfoort</a><br>
<a href="https://www.wildlands.nl/">Dierenpark Emmen</a><br>
<a href="https://www.buienradar.nl/">Buien radar</a><br>


 
</BODY>
</HTML>
 
Er zijn 2 smaken. De manier van php4u met een stukje Javascript. Of de manier van DigiCafee met 3 linkjes.
Omdat je nog niet zolang met html bezig bent kan je het beste de 3 linkjes gebruiken denk ik.

Het lijkt erop dat je een oud boek of oude website voorbeelden gebruikt.
Hieronder een schone lege basis die bij het jaar 2020 hoort.
Code: 
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<!-- hieronder: pagina-breedte volgt de scherm-breedte (smartphone, tablet, enz) -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- hieronder: laat het in verschillende browsers hetzelfde eruit zien -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap-reboot.min.css">
<!-- hieronder: jouw css vormgeving voor pagina's (in bestand 'style.css') -->
<link rel="stylesheet" href="style.css">
<title>Mijn Pagina</title>
</head>
<body>


</body>
</html>
 
Met de linkjes van DigiCafee op deze manier (de naam "website-kiezen" mag je zelf verzinnen)
Code: 
<div class="website-kiezen">
<a href="https://webcam.nl/olifant/cam1/">Dierenpark Amersfoort</a><br>
<a href="https://www.wildlands.nl/">Dierenpark Emmen</a><br>
<a href="https://www.buienradar.nl/">Buien radar</a><br>
</div>

dan kan je in bestand style.css de linkjes mooi maken, je verwijst naar "website-kiezen"
Code: 
.website-kiezen a {
    display: inline-block;
    min-width: 200px;
    padding: 4px 8px 6px 8px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid silver;
    border-radius: 6px;
}
.website-kiezen a:hover,
.website-kiezen a:focus {
    text-decoration: none;
    outline: none;
    background-color: #e9e9e9;
}
 
Laatst bewerkt:
bron zei:
Het lijkt erop dat je een oud boek of oude website voorbeelden gebruikt.
Hieronder een schone lege basis die bij het jaar 2020 hoort.
Klik om te vergroten...

Hihi, die opmerking was voor mijn vb. bedoeld.
Inderdaad ik had gewoon zijn code in een default blank van MS Expression Web4 gepasted, omdat ik toch niet wist waar het zou gebruikt worden.
 
@DigiCafee nee hoor, het was echt voor TS die hele oude html gebruikt. Jij hebt in ieder geval de doctype (xhtml transitional) en een charset (utf-8) in de html staan. Neemt niet weg dat eigenlijk iedereen over zou moeten gaan naar html 5 omdat dit goed werkt op Mac, Android, iPhone/iPad, Linux en Windows (behalve Internet Explorer 8 of ouder op XP).

Html 5 lijkt zeer veel op html 4 en xhtml dus dat kan geen reden zijn om het niet te gebruiken :D
 
@bron Mee eens, maar ik geraak niet van mijn 'gewoonte' om met MS Expression Web 4 vanaf ... zo vertrouwd hé ...
Ben aan het bekijken om voortaan Bluefish te gebruiken (Visual Studio is me iets té zwaar en complex), maar zal eens moeten doorbijten !
 
Het is een oud programma maar als je niet 123 weet wat de beste vervanger ervoor is dan kan je nog tijdelijk dit doen
How to make Expression Web use HTML5 by default
Oops, net even een klein stukje gelezen, het is géén html5, het is xhtml 1.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan