5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:
    Bijdrager
    Ni3l55

    [Opgelost] Klok in menubalk; Javascript

    Beste OMT’ers,

    ik ben nog volop bezig met mijn website en wilde een stukje javascript er in doen, een klok.
    Deze klok zou ik dan in het menubalk neer zetten (Gele balk, #Menu)

    Ik heb een javascript klok-script opgezocht: deze en netjes overgetypt in mijn code.
    Maar hoe plaats ik die klok aan de rechterkant van mijn menubalk? met bijv. behulp van een div?
    Ik weet niet hoe je een javascript ergens in kan plakken.

    Code: http://cl.ly/code/3V0r2l2o2K1T
    Website, hoe die er uit ziet (klok moet aan de rechterkant van het gele balkje, het menu): http://cl.ly/image/2C0D0k3a3v0M

    Alvast bedankt,

    Niels

    Bijdrager
    AppleStef

    Je ziet in de JavaScript code dat er een element ophaald wordt m.b.v. de id, in did geval #txt. Dat wordt gedaan met ‘document.getElementById(“txt”)’.

    Wat jij dus nu moet doen is een <div> aanmaken IN de <div> van je menu en die de id “txt” geven. En met CSS kan je dat element positioneren hoe je wilt (float: right;).

    De JavaScript code zet je gewoon in je <head> tag (zoals je hebt gedaan) of in een apart bestand waar je dan naar verwijst, maar aangezien het maar kort is zou ik het gewoon in de <head> tag zetten, dit verbeterd de laadtijd van de website als het online staat.;)

    PS: verander <script style=”javascript”> naar <script type=”text/javascript”>, of gewoon <script> volstaat ook.

    Bijdrager
    Wyodor
    Bijdrager
    Wyodor

    En hier is je eigen kunstwerk :

    http://home.wyodor.net/demoos/misc/Ni3l55.html

    Ik heb het wat gefatsoeneerd en de meeste fouten eruit gehaald.

    Bijdrager
    Ni3l55

    Heel erg bedankt Stef en Wyodor!

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.