• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Javascript über ein Button erstellen

Status
Für weitere Antworten geschlossen.

schoene9

Neues Mitglied
Hallo
habe da ein kleines Problem
Ich hab ein Javascript erstellt, der sieht so aus:

<script type="text/javascript">
datum = new Date();
std = datum.getHours();
min = datum.getMinutes();
document.write(+std+":"+min+"</h3>");
</script>

den muss ich jetzt über einen Button machen, bei dem sieht der code so aus:

<td>
<img src="http://www.html.de/images/time.png" width="148" height="17" alt=""></td>

doch wen ich den cod dann so gestallte:

<td>

<img src="http://www.html.de/images/time.png" width="148" height="17" alt="">
<center>
<font color="FF8C00" size="1" face="Arial">
<script type="text/javascript">
datum = new Date();
std = datum.getHours();
min = datum.getMinutes();
document.write(+std+":"+min+"</h3>");
</script>
</font>
</center>
</td>

is der script unter dem Bild
meine frage is jetzt wie kann ich machen dass der script direkt über dem gewünschten bild ist...?

Lg
 
@schoene9

Benutze statt document.write lieber sowas wie:

PHP:
document.getElementById('ID-VON-DIV').innerHTML=std+":"+min;
ID-VON-DIV steht dabei Stellvertretend für die ID von dem Element, in welchem du die Zeitangabe ausgeben willst. Lege also ein DIV oder SPAN Element über dein Bild, und setze ich deinen <head> Teil dein Javascript in eine Funktion rein.
Diese Funktion setzt du in deinen Body mit einem onload Event, that's it.

Ungetestet:
PHP:
<html>
    <head>
        <script type="text/javascript">
            function dateTime(){
                datum = new Date();
                std = datum.getHours();
                min = datum.getMinutes();
                document.getElementById('timestamp').innerHTML=std+":"+min;
            }
        </script>
        <body onload="dateTime();">
            ...
            <span id="timestamp">&nbsp;</span><br/>
            <img src="http://www.html.de/images/time.png" width="148" height="17" alt="">
            ...
        </body>
    </head>
</html>
Grüße
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben