Toon posts:

Plaatje laten zien met simpel HTML

Pagina: 1
Acties:

Vraag


  • yourservice
  • Registratie: April 2008
  • Laatst online: 23-01 10:45
Mijn vraag

Ik wil naar aanleiding van de dag van de week een image laten zien, gewoon simpel HTML.

Ik krijg het niet voor elkaar, de vraag is dus, hoe laat ik met simpel HTML een plaatje zien?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>

    <title>
        Prima
    </title>

<script LANGUAGE="JavaScript" TYPE="text/javascript">

const d = new Date();

let day = d.getDay();

if(day == 1)
    {

    <img src="https://site.nl/zaterdag1.jpg">;
    document.write(day);

    } else {
        document.write("anders");
    }

</script>

</head>

<body>

</body>

</html>


Relevante software en hardware die ik gebruik


Wat ik al gevonden of geprobeerd heb

Google, HTML sites.

Alle reacties


  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

In bovenstaande code doe je niets met je plaatje. Het enige dat je doet is of 1 of anders schrijven, meer niet.
Dit kan op vele manieren, ik zou de innerHTML van het element waar je het plaatje in wil laten zien veranderen naar de HTML van dat plaatje. Dan werkt het waarschijnlijk wel.

  • al7181
  • Registratie: Juni 2011
  • Laatst online: 11:57
Een goede bron van informatie is W3Schools.
ZIe https://www.w3schools.com/js/default.asp

  • Creepy
  • Registratie: Juni 2001
  • Laatst online: 21:43

Creepy

Tactical Espionage Splatterer

Je hebt zeker een error daar gekregen want de Javascript code is niet correct. Welke error was dat en waar dacht je vervolgens dat het mis zou kunnen zijn?

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have star problems" --Kevlin Henney


  • JJ Le Funk
  • Registratie: Januari 2004
  • Niet online
Misschien heb je hier wat aan om de juiste dag te pakken (vervang document.write met een functie die de URL in de IMG tag lepelt). Je kan de dag-waarde koppelen aan een bestand. Bijv. 1.jpg (maandag), 2.jpg (dinsdag), etc. Zondag is dag 0.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
   <head>
      <title>JavaScript Weekdag in base URL</title>
   </head>
   
   <body>
   
      <script type = "text/javascript">

        var getUrl = window.location;
        var baseUrl = getUrl .protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
        var dt = new Date(Date.now());
        document.write(baseUrl+/weekdag/+dt.getDay()+".jpg"); 
      </script>
      
   </body>
</html>

[Voor 40% gewijzigd door JJ Le Funk op 23-01-2022 18:19]

~


  • al7181
  • Registratie: Juni 2011
  • Laatst online: 11:57
De uitgebreide versie:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<body>

<h1>Dag van de week</h1>
<hr>

<!-- Het image element op de html pagina.                -->
<!-- De src URL krijgt de waarde adhv de dag van de week -->
<!-- via het script eronder                              -->
<img id="weekdayimg" src="" width=400px>

<script>
// script wat de weekdag ophaalt via getDay() 
// resultaat gebruiken we om dayoftheweekUri te bepalen
let dayoftheweekUri;
switch (new Date().getDay()) {
  case 0:
    dayoftheweekUri = "https://site.met.afbeelding/images/Sunday.png";
    break;
  case 1:
    dayoftheweekUri = "https://site.met.afbeelding/images/Monday.png";
    break;
  case 2:
    dayoftheweekUri = "https://site.met.afbeelding/images/Tuesday.png";
    break;
  case 3:
    dayoftheweekUri = "https://site.met.afbeelding/images/Wednesday.png";
    break;
  case 4:
    dayoftheweekUri = "https://site.met.afbeelding/images/Thursday.png";
    break;
  case 5:
    dayoftheweekUri = "https://i.redd.it/jnb2qtqu7mg01.jpg";
    break;
  case 6:
    dayoftheweekUri = "https://site.met.afbeelding/images/Saturday.png";
}

// Daarna vervangen we het van image element met id "weekdayimg" de src waarde
// en wordt het betreffende figuur getoond.
document.getElementById("weekdayimg").src= dayoftheweekUri;
</script>

</body>
</html>

  • AW_Bos
  • Registratie: April 2002
  • Laatst online: 22:22

AW_Bos

Liefhebber van nostalgie... 🕰️

Wat @al7181 zegt.
Gebruik liever die manier om de DOM, de HTML-structuur, aan te passen i.p.v. dat je op de juiste plek document.write() gebruikt. Die functie is iets uit de 90'er jaren.

☀️ Goedemorgen zonneschijn! ☀️
☀️Ja, je maakt me zo gelukkig, en door jou voel ik me fijn! ☀️


  • RobIII
  • Registratie: December 2001
  • Laatst online: 18:23

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Daarnaast is het motto hier:
Give a man a fish and feed him for a day, teach a man how to fish and feed him for a lifetime
Dus het zou tof zijn als er iets minder voorgekauwd zou worden :)

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • Oon
  • Registratie: Juni 2019
  • Niet online
W3schools is een goede bron als snelle referentie als je al kunt programmeren, maar een erg slechte leerbron die vaak verouderde of gewoon foutieve informatie voorkauwt (1 2 3. Lijkt me voor TS niet ideaal.

TS kan beter een basiscursus JS gaan doen, want behalve spoonfeeden kunnen we hier weinig mee

  • YakuzA
  • Registratie: Maart 2001
  • Laatst online: 22:20

YakuzA

Wat denk je nou zelluf hey :X

Oon schreef op maandag 24 januari 2022 @ 08:55:
[...]

TS kan beter een basiscursus JS gaan doen, want behalve spoonfeeden kunnen we hier weinig mee
Aangezien TS uit de OP niet laat blijken dat die weet dat die met JavaScript bezig is ipv met ‘simpel HTML’ lijkt me dat inderdaad een prima advies :)

Death smiles upon us all, all a man can do is smile back.
PSN


  • yourservice
  • Registratie: April 2008
  • Laatst online: 23-01 10:45
Bedankt voor de heldere uitleg, ben jarenlang programmeur geweest, HTML, Javascript, PHP, de hele mikmak maar dat is inmiddels bijna 15 jaar terug en dus erg roestig. Ik begrijp iig weer wat er staat en hoe verder.

Het motto moet zijn:

Give a man a fish and feed him for a day, teach a man how to fish and YOU feed him for a lifetime!

Als deze visserman echter al een tijdje gepensioneerd is duurt het even voordat hij de slag weer te pakken heeft. Ik zie dit als deze nieuwe poging de slag weer te pakken te krijgen.

Nogmaals dank!
Pagina: 1


Tweakers maakt gebruik van cookies

Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Toestemming beheren

Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.

Functioneel en analytisch

Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie. Meer details

janee

    Relevantere advertenties

    Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht. Meer details

    Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.

    Ingesloten content van derden

    Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden. Meer details

    janee