html variabele

Status
Niet open voor verdere reacties.

speng002

Gebruiker
Lid geworden
10 apr 2020
Berichten
25
Mag ik jullie vriendelijk om hulp vragen alstublieft?

Ik heb een tabel gemaakt in html
met diverse cellen
Nu wil ik een variabele gebruiken om de cellen te vullen
<TD><A href="https://webcam.nl/olifant/cam1/"target="_blank">Dierenpark Amersfoort</A></TD>
Deze staat er nu en werkt

ik wil graag een variabele gebruiken voor als er een cel gewijzigd moet worden

Tabel1cel1="https://webcam.nl/olifant/cam1/"
<TD><A href="tabel1cel1"target="_blank">Dierenpark Amersfoort</A></TD>
kunnen jullie mij hier mee helpen om het werkend te krijgen
Alvast bedankt dick

dit is de code waar ik mee bezig ben
Code:
 <HTML>
<HEAD>
<TITLE>Mijn Eigen HTML pagina Dick</TITLE>
</HEAD>
<BODY> 

<TABLE WIDTH="100%" CELLSPACING="2%">

<TR>
<TD WIDTH="25%">
<TABLE BORDER="3" bordercolor="black" WIDTH="30%">
</TR>

<TR>
<TH  bgcolor="lightgreen">Parken en Strand</TH>
</TR>

<TR align="center">
<TD><A href="https://webcam.nl/olifant/cam1/"target="_blank">Dierenpark Amersfoort</A></TD>
</TR>
<TR align="center">
<TD><A href="https://www.earthcam.com/canada/niagarafalls/?cam=niagarafalls_str"target="_blank">Niagra falls Canada</A></TD>
</TR>
<TR align="center">
<TD><A href="https://www.skylinewebcams.com/en/webcam/espana/canarias/las-palmas/playa-las-cucharas.html"target="_blank">Lanzarote Cucharas</A></TD>
</TR>
<TR align="center">
<TD><A href="https://www.skylinewebcams.com/en/webcam/espana/canarias/santa-cruz-de-tenerife/punta-del-hidalgo.html"target="_blank">Punta del Hidalgo Tenerife</A></TD>

</TR>
</TABLE></TD>

</BODY>
</HTML>
 
Een variabele van wat?
 
variabele html

Ik wil van dit adres "https://webcam.nl/olifant/cam1/" een variabele maken en deze boven in bij elkaar te zetten
en deze te gebruiken in de <A href
verder op in de cellen als ik dan een adres moet wijzigen dan hoef ik niet het gehele program te door lopen
om iets te wijzigen
dit kan dan gewoon bovenin
ik hoop dat ik het zo goed verwoord heb
alvast bedankt voor de moeite voor je hulp
 
HTML is is een opmaaktaal, en kan geen logica verwerken. Je zult dan moeten zoeken naar een serverside-programmeertaal die dit kan verwerken.
PHP is een mooi voorbeeld, maar dan moet je wel een webserver hebben draaien die PHP kan verwerken. Dit kan je gebruiken door een bestand de .php extensie mee te geven.
Als pad in een browser oproepen file://C:/Mijn%20Documenten/site.php gaat in een browser dus niet werken, omdat het door een webserver via http/https uitgevoerd moet worden.


Code:
<?php
$dierenpark_amersfoort = "https://webcam.nl/olifant/cam1/";
$niagra_falls_canada = "https://www.earthcam.com/canada/niagarafalls/?cam=niagarafalls_str";
?>
<TR align="center">
<TD><A href="<?=$dierenpark_amersfoort;?>" target="_blank">Dierenpark Amersfoort</A></TD>
</TR>
<TR align="center">
<TD><A href="<?=$niagra_falls_canada;?>" target="_blank">Niagra falls Canada</A></TD>
</TR>

Verder heb ik sterk het idee dat je een hele oude tutorial gebruikt, of hele oude kennis van 20 jaar geleden gebruikt. Ik zie dat je tabellen in elkaar nest, en dat is tegenwoordig al lang niet meer aan de orde.
Tabellen zijn tegenwoordig enkel bedoeld voor tabel-overzichten, zoals prijslijsten of ander overzichtelijk werk wat je in kolommen wilt presenteren. Het nesten ervan is dan ook niet de bedoeling, en maakt het ook complex en onoverzichtelijk. Ook slechtzienden met een screenreader kunnen hier lastig mee overweg. Ook is het gebruik van hoofdletters als tags allang niet meer nodig.

Ik raad je aan om toch eens opnieuw te beginnen in de wereld van HTML, en te leren hoe je met CSS erbij een site fraai kan vormgeven. Want de vormgeving gebeurt tegenwoordig ook al hele tijd niet meer in HTML.
 
In dit voorbeeld werkt target="..." niet maar je hebt wel een "variabele". Html kent geen variabelen dus het is een stukje Javascript.
Code:
<!doctype html>
<html lang="nl">
<head>
<title>Mijn Eigen HTML pagina Dick</title>
<script>
var Cam = {
  OlifantCam1 : "https://webcam.nl/olifant/cam1/",
  LeeuwCam1   : "https://webcam.nl/leeuw/cam1/",
  LeeuwCam2   : "https://webcam.nl/leeuw/cam2/",
  KameelCam1  : "https://webcam.nl/kameel/cam1/"
};
function NaarUrl (Url) {
  window.location.href = Url;
}
</script>
</head>
<body>
<a href="javascript:NaarUrl(Cam.LeeuwCam2)">Leeuw Cam2</a>
<br>
<a href="javascript:NaarUrl(Cam.OlifantCam1)">Olifant Cam1</a>
</body>
</html>

Veel beter is een oplossing in PHP zodat je wel alle mogelijkheden hebt.

Aan je html code te zien gebruik je een heel oud boek of een heel oude voorbeeld website.
Tabellen zijn alleen voor het laten zien van gegevens, niet voor het maken van een pagina.
 
variabele html

Hoi

Ik kan hier weer even mee vooruit
ga dit eerst uit proberen

Top bedankt
 
Oké. Succes!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan