Nieuwe regel gebruiken

[NIh1IlO]

Hello specialisten

ik wil onderstaand scriptje wijzigen zodanig dat de tijdaanduiding ONDER de datumaanduiding komt te staan doch ik slaag er niet.

Het resultaat zou als volgt moeten zijn:
Huidige datum: datumweergave
Huidige tijd: tijdweergave

Kan men mij helpen door het scriptje te wijzigen en de wijzigingen in een andere kleur aan te duiden zodat het gemakkelijk opvalt wat er werd gewijzigd?


<div align="center">
<center>
<table border="0">
<tr>
<td>
<script language="javascript">
<!--
document.write('<input onSelectstart="return false;" style="background-color: #000000; cursor: default; color: #00ff00; border: 3px ridge #CCFFCC; font-family: "times" system" value="Loading..." type="text" name="klokje" size="44" readonly>')
function geefdeklok()
// verander hierboven de kleuren van het klokje, alsmede de kleur van de omlijning, achtergrond

{
var klok = new Date()
var dagen = klok.getDate()
if(dagen<10)
dagen = "0" + dagen
var maanden = klok.getMonth() + 1
if(maanden<10)
maanden = "0" + maanden
var jaren = klok.getFullYear()
var uren = klok.getHours()
if(uren<10)
uren = "0" + uren
var minuten = klok.getMinutes()
if(minuten<10)
minuten = "0" + minuten
var seconden = klok.getSeconds()
if(seconden<10)
seconden = "0" + seconden
var dedatum = dagen+"-"+maanden+"-"+jaren;
var detijd = uren+":"+minuten+":"+seconden;
klokje.value = "Huidige datum: " + dedatum + “ Huidige tijd: ”+ detijd;
}
setInterval("geefdeklok()", 1000)
// -->
</script>
</td>
</tr>
</table>
</center>
</div>




Met beste dank op voorhgand.

Vriendelijke groeten

nIh1IlO

 

[JeroenE]

<div align="center">
<center>
<table border="0">
<tr>
<td>
<script language="javascript">
<!--
document.write('<input onSelectstart="return false;" style="background-color: #000000; cursor: default; color: #00ff00; border: 3px ridge #CCFFCC; font-family: "times" system" value="Loading..." type="text" name="klokje" size="44" readonly>')
function geefdeklok()
// verander hierboven de kleuren van het klokje, alsmede de kleur van de omlijning, achtergrond

{
var klok = new Date()
var dagen = klok.getDate()
if(dagen<10)
dagen = "0" + dagen
var maanden = klok.getMonth() + 1
if(maanden<10)
maanden = "0" + maanden
var jaren = klok.getFullYear()
var uren = klok.getHours()
if(uren<10)
uren = "0" + uren
var minuten = klok.getMinutes()
if(minuten<10)
minuten = "0" + minuten
var seconden = klok.getSeconds()
if(seconden<10)
seconden = "0" + seconden
var dedatum = dagen+"-"+maanden+"-"+jaren;
var detijd = uren+":"+minuten+":"+seconden;
klokje.value = "Huidige datum: " + dedatum + “ Huidige tijd: ”+ detijd;
}
setInterval("geefdeklok()", 1000)
// -->
</script>
</td>
</tr>
</table>
</center>
</div>

Maak er dit van :

<div align="center">
  <center>
  <table border="0">
    <tr>
      <td>
<script language="javascript">
<!--
document.write('<input onSelectstart="return false;" style="background-color: #000000; cursor: default; color: #00ff00; border: 3px ridge #CCFFCC; font-family: "times" system" value="Loading..." type="text" name="klokje" size="44" readonly><br>')
document.write('<input onSelectstart="return false;" style="background-color: #000000; cursor: default; color: #00ff00; border: 3px ridge #CCFFCC; font-family: "times" system" value="Loading..." type="text" name="detijd" size="44" readonly>')
function geefdeklok()
// verander hierboven de kleuren van het klokje, alsmede de kleur van de omlijning, achtergrond

{
var klok = new Date()
var dagen = klok.getDate()
if(dagen<10)
dagen = "0" + dagen
var maanden = klok.getMonth() + 1
if(maanden<10)
maanden = "0" + maanden
var jaren = klok.getFullYear()
var uren = klok.getHours()
if(uren<10)
uren = "0" + uren
var minuten = klok.getMinutes()
if(minuten<10)
minuten = "0" + minuten
var seconden = klok.getSeconds()
if(seconden<10)
seconden = "0" + seconden
var dedatum   = dagen+"-"+maanden+"-"+jaren;
var detijd   = uren+":"+minuten+":"+seconden;
klokje.value = "Huidige datum: " + dedatum;
detijd.value = “ Huidige tijd: ”+ detijd;
}
setInterval("geefdeklok()", 1000)
// -->
</script>
</td>
    </tr>
  </table>
  </center>
</div>

Je zal zien dat er niet veel verschil inzit.

Greetz : Jeren.

 

[NIh1IlO]

Hello Jeroen

bedankt voor de snelle reactie, maar....

als ik jouw verbeterde eidtie inbreng in bvb Dreamweaver dan gebeurt er niets als ik uitvoering wil zien.

Ik geef hierna het originele scriptje; ie doet het wel; ik heb het uitgeprobeerd.

<div align="center">
<center>
<table border="0">
<tr>
<td>
<script language="javascript">
<!--
document.write('<input onSelectstart="return false;" style="background-color: #000000; cursor: default; color: #00ff00; border: 3px ridge #CCFFCC; font-family: "times" system" value="Loading..." type="text" name="klokje" size="44" readonly>')
function geefdeklok()
// verander hierboven de kleuren van het klokje, alsmede de kleur van de omlijning, achtergrond

{
var klok = new Date()
var dagen = klok.getDate()
if(dagen<10)
dagen = "0" + dagen
var maanden = klok.getMonth() + 1
if(maanden<10)
maanden = "0" + maanden
var jaren = klok.getFullYear()
var uren = klok.getHours()
if(uren<10)
uren = "0" + uren
var minuten = klok.getMinutes()
if(minuten<10)
minuten = "0" + minuten
var seconden = klok.getSeconds()
if(seconden<10)
seconden = "0" + seconden
var detijd = dagen+"-"+maanden+"-"+jaren+" en de tijd is "+uren+":"+minuten+":"+seconden;
klokje.value = "Vandaag is het " + detijd;
}
setInterval("geefdeklok()", 1000)
// -->
</script>
</td>
</tr>
</table>
</center>
</div>


Groetjes nIh1IlO

 

[JeroenE]

Goeie keuze om dreamweaver te gebruiken, doe ik ook.:thumb:

Ik kijk het even na, want ik heb het niet getest toen ik je antwoord gaf.
Het was zo voor de hand liggend, dat ik het niet deed.

Greetz : Jeren.

 

[JeroenE]

Het werkt ondertussen wel. Klik -> hier <- voor een voorbeeld.
In de bijlage hier zit het bestandje. Opslaan en de naam veranderen door gewoon de .txt weg te halen. De naam wordt dan klokje.htm. Als windows vraagt of je zeker bent dat je de extentie wilt veranderen, dan kies je "ja".

Greetz : Jeren.

 

[NIh1IlO]

Hello JeroenE

1. bedankt voor de wijzigingen; ie doet het in Internet Explorer maar NIET in Firefox. Hoe komt dit?
2. Ik stel wel vast dat er nu twee balkjes staan. Is het ook mogelijk om de twee regels in één balkje (lees blokje of rechthoekje) te krijgen?

Dit is hetgeen ik uiteindelijk wens te bekomen.
Ik ben ervan overtuigd dat een programmeur dit gewis voor mekaar krijgt.
Ik kijk er al naar uit.

Met beste dank al voor het meedenken.

Vriendelijke groeten van

nIh1IlO

 

[JeroenE]

Het is ondertussen één rechthoekje geworden (zie link hier boven en in de bijlage), maar om het in firefox te laten werken zal ik iets langer werk hebben (lees zal ik even moeten zoeken), want eigenlijk ben ik pas een beginner wat programmeren betreft.
Misschien dat Egel dit leest en kan helpen, want om dit in firefox te laten werken... .

Greetz : Jeren.

 

[JeroenE]

Gelukt, heel eenvoudig door in de lijnen document.write('<input......'); name="..." te veranderen in id="..." .

Greetz : Jeren.

 

[NIh1IlO]

Hello JeroenE :thumb:

van harte bedankt! Puik programmeerwerk!

Vriendelijke groeten en nog veel suc6 met het programmeren!

nIh1IlO