Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Software>Website Anfänger Frage - Wie binde ich Java Script Ausgabe ein?

Website Anfänger Frage - Wie binde ich Java Script Ausgabe ein?

Tomino
Tomino20.08.0710:30
Hallo!
Das ist eine Websiten Anfänger-frage:

Was muss ich tuen, dass der Countdown nicht in einem Forumlarfeld sonder in einer leeren Tabelle steht und ich am besten auch noch seine Schriftgröße und Familie ändern kann ?

Zwischen den Smilie ist die Stelle in der Tabelle

P.S. Bitte nicht über die Beschriftung der Bilder aufregen ^^. is nur ein Beispiel

Hier das wichtigste:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
</style>

<script language="JavaScript">
// Ziel-Datum in MEZ
var jahr=2007, monat=8, tag=20, stunde=23, minute=14, sekunde=10;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

function countdown() {
startDatum=new Date(); // Aktuelles Datum

// Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
if(startDatum<zielDatum) {

var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

// Jahre
while(startDatum<zielDatum) {
jahre++;
startDatum.setFullYear(startDatum.getFullYear()+1);
}
startDatum.setFullYear(startDatum.getFullYear()-1);
jahre--;

// Monate
while(startDatum<zielDatum) {
monate++;
startDatum.setMonth(startDatum.getMonth()+1);
}
startDatum.setMonth(startDatum.getMonth()-1);
monate--;

// Tage
while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}

// Stunden
stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);

// Minuten
minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);

// Sekunden
sekunden=Math.floor((zielDatum-startDatum)/1000);

// Anzeige formatieren
(jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, ";
(tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, ";
(stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, ";
(minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und ";
if(sekunden<10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";

document.countdownform.countdowninput.value=
tage+stunden+minuten+sekunden;

setTimeout('countdown()',200);
}
// Anderenfalls alles auf Null setzen
else document.countdownform.countdowninput.value=
"0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden";
}
</script>

</head>

<body onload="countdown()">
<div align="center">
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><img src="images/rechts.jpg" width="580" height="86" /></td>
</tr>
<tr>
<td rowspan="2"><img src="images/rechts-02.jpg" width="60" height="684" /></td>

<td>
<form name="countdownform">
<div align="center">
<input size="40" name="countdowninput">
</input>
</div>
</form>
</td>


<td rowspan="2"><img src="images/rechts-04.jpg" width="61" height="684" /></td>
</tr>
<tr>
<td width="459"><img src="images/rechts-05.jpg" width="459" height="649" /></td>
</tr>
</table>
</div>
</body>
</html>
„>> Wissen bringt neues Unwissen hervor <<“
0

Kommentare

Mr. Krabs
Mr. Krabs20.08.0711:24
Hallo!

Warum benutzt du ein Formular? Erstelle anstatt dem Formular einen normalen Absatz, dessen Inhalt du dann veränderst. In der Tabelle steht dann

<td><p id="countdown"></p></td>

und in JavaScript sprichst du das element dann so an:

document.getElementById('countdown').innerHTML

Viel Spaß!
„Deux Strudel!“
0
Mr. Krabs
Mr. Krabs20.08.0711:27
Schriftgröße usw kannst du dann einfach mit CSS ändern. Falls du es dynamisch mit JavaScript machen möchtest, verwendest du die Aufrufe

document.getElementById('countdown').style.###eigenschaft###
„Deux Strudel!“
0
Tomino
Tomino20.08.0712:11
danke!
„>> Wissen bringt neues Unwissen hervor <<“
0
Mr. Krabs
Mr. Krabs20.08.0715:33
Kein Ding
„Deux Strudel!“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.