nicht angemeldet
Hallo!
Ich habe ein Problem.
Wie schaffe ich eine Funktion in einem HTML-Dokument durch eine Klasse einzufügen? Also so:<head>
...
<script>
function calendar() {
das ganze Zeug^^
}
</script>
...
</head>
<body>
<div class="kalender"></div>
</body>Wie schaffe ich es nun, dass in der Klasse der Kalender angezeigt wird?
Also idealerweise nimmt man für sowas eine id wie ich finde. JQuery und Konsorten schaffen es wohl auch ohne id und gehen auf den Klassen Namen.
Eigentlich sieht das was du suchst wie folgt aus:
<div id='kalender'></div>
Im Javascript steht dann sowas:
document.getElementById('kalender').appendChild( erzeugtesHTML );Dieses Ding hier "document.getElementById('kalender')" kannst du wie gesagt je nach benutzter Lib austauschen.
Gruß
appendMessage()
T-Rex
Ja erstmal Danke, nur funktioniert es nicht :(
Das ist die ganze Seite:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script language="JavaScript">
function calendar() {
var date=new Date();
var dd=date.getDate();
var mm=date.getMonth();
var yy=date.getYear();
if(yy < 1900)yy+=1900;
document.write("<font size=+2>Kalender für ", mm+1, ".", yy, "</font><br>");
date.setDate(1);
var kk=date.getDay();
if(kk == 0)kk=7;
document.write("<table border>");
document.write("<tr><th>Mo<th>Di<th>Mi<th>Do<th>Fr<th>Sa<th>So</tr>");
document.write("<tr>");
for(var ii=1; ii<kk; ii++) {
document.write("<td>");
}
for(ii=1; ii<32; ii++) {
date.setDate(ii);
if(date.getMonth() != mm)break;
if(ii == dd) {
document.write("<td><b>", ii, "</b>");
} else {
document.write("<td>",ii);
}
kk++;
if(kk > 7) {
document.write("</tr>\n<tr>");
kk=1;
}
}
document.write("</tr></table>");
}
document.getElementById("kalender").appendChild("<script>calendar()</script>");
</script>
</head>
<body>
<span id="kalender"></span>
</body>
</html>
Ist ziemlich groß... der Kalender geht nicht.