Aanpassing kleur en lettertype laatst bijgewerkt

[OpaMisterC]

We gebruiken al jaren een goed werkend script met als resultaat:

Laatst bijgewerkt: Vrijdag 24 Februari 2023

Hoe kan ik dit script aanpassen dat ik via het script zelf het lettertype / letterkleur en achtergrondkleur kan bepalen.
Nu neemt hij nog de pagina instellingen van de website over.

<!--BIJGEWERKTE DATUM EN TIJD DEEL1 HEAD-->
<script language="JavaScript">
<!--
function getLongDateString()
{
    monthNames = new Array("Januari","Februari","Maart","April","Mei","Juni","Juli",
    "Augustus","September","Oktober","November","December");
    dayNames = new Array("Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag");
    dayOfWeek = this.getDay();
    day = dayNames[dayOfWeek];
    dateOfMonth = this.getDate();
    monthNo = this.getMonth();
    month = monthNames[monthNo];
    year = this.getYear();
    if (year < 2000)
        year = year + 1900;
    dateStr = day+" "+dateOfMonth+" "+month+", "+year;
    return dateStr;
}

Date.prototype.getLongDateString=getLongDateString;

function DocDate()
{
    DateTimeStr = document.lastModified;
    secOffset = Date.parse(DateTimeStr);
    if (secOffset == 0 || secOffset == null) //Opera3.2
        dateStr = "Unknown";
    else
    {
        aDate = new Date();
        aDate.setTime(secOffset);
        //use method defined above
        datestr = aDate.getLongDateString();
    }
    return dateStr;
}
// --></script>
<!--BIJGEWERKTE DATUM EN TIJD DEEL1 HEAD-->

<div align="">

<div id="bijgewerkt">
<script language="javascript">
//<!--
document.write("Laatst bijgewerkt: ");
document.writeln(DocDate());
// -->
</script>
</div>

<div align="">
</div>

</div>

mod. html en javascript in

[/noparse] tags gezet[/COLOR][/I]

 

[Aar]

Door die Javascript met rust te laten, want die is niet relevant.
Dit moet je met CSS doen. Zie hier een tutorial.

En als je code wilt plaatsen, graag dit tussen [code] en [/code]-blokken

 

[bron]

Hoi opaMisterC.
Zo te zien komt de code bij #1 uit een wat ouder boek of van een wat oudere website.
Hieronder is ruim voldoende. Het kan nog korter maar dat heb ik niet gedaan i.v.m. leesbaarheid.
Resultaat is de datum van de laatste wijziging, bijvoorbeeld: Laatst bijgewerkt: Vrijdag 24 Februari 2023

<!--Begin BIJGEWERKTE DATUM DEEL1 HEAD-->
<script>
function DocDate() {
    let maanden = ["Januari","Februari","Maart","April","Mei","Juni","Juli",
        "Augustus","September","Oktober","November","December"];
    let dagen = ["Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag"];
    let gewijzigd = new Date(document.lastModified);
    let dagNr = gewijzigd.getDay();      // 0-6 (0 is zondag)
    let dag   = gewijzigd.getDate();     // 1-31
    let maand = gewijzigd.getMonth();    // 0-11 (0 is Januari)
    let jaar  = gewijzigd.getFullYear(); // 4 cijferig jaartal
    let datum = dagen[dagNr] + " " + dag + " " + maanden[maand] + " " + jaar;
    return datum;
}
</script>
<!--Einde BIJGEWERKTE DATUM DEEL1 HEAD-->


<div id="bijgewerkt" style="color: blue; background-color: yellow;">
<script>
document.write("Laatst bijgewerkt: ");
document.writeln(DocDate());
</script>
</div>

php4u had het over css, een voorbeeld is style="color: blue; background-color: yellow;" voor blauwe tekst op gele achtergrond.

Omdat meer dan 80% de smartphone (Android of iPhone) gebruikt om websites te bekijken moet opgepast worden met font-family.
Info in dit artikel

 

[OpaMisterC]

Ja dat het een oude code was klopt wel, ik ben medio 1990 met mijn site begonnen.
Ik geef eerlijk toe dat ik het nog steeds niet allemaal snap maar het totaalplaatje doet ongeveer wel wat ik wil.
Bedankt voor deze nieuwe code, hij ziet er goed uit en ik kan er al meer mee.
Is er ook nog een code voor het lettertype en grootte?
Bedankt vast voor deze, ik ben er erg blij mee.
Met vriendelijke groet Johan

 

[Aar]

Lettertype: font-family
Grootte: font-size