html code dynamisch einbinden

**Ultra** · 12.08.2002, 08:17

Hi,

was willst Du machen ?

Grüße, Marcus.

**pave** · 12.08.2002, 14:33

Also geht am besten mal auf www.formicarium.de, wenn du dann auf Ameisen drückst lädt er eine neue Seite und ein Untermenue erscheint (die kleinen Bilder). Und genau die Tabelle mit den kleinen Bildern will ich dynamisch einfügen. Ich hab mir schon überlegt die Tabelle mit css so zu formatieren, daß die Tabelle nur angezeigt wird, wenn Inhalt drin ist, allerdings müßte ich dann nach wie vor den Link und das Bild dynamisch ein binden.
MfG pave

**pave** · 12.08.2002, 14:40

Oder die Tabelle ist von Anfang da: mit weißen Bildern und border=0 und ich ändere dann in den stylesheets die Border und die Atribute des Verweises und es Bildes? Finde das aber sehr umständlich.

**Ultra** · 12.08.2002, 14:52

Hi Du,

hast Du schon mal daran gedacht ein DIV-Tag zu benutzen, welches Du unsichtbar schaltest und onClick sichtbar ?

Du kannst ja nu mehrere Ebenen übereinander legen und die jeweils geclickte sichtbar schalten bzw. ausblenden.

Grüße, Marcus.

**pave** · 12.08.2002, 15:08

Hmm, werd mir das mal mit den Ebenen reinziehen, aber geht das nun jetzt mit Hmtl code dynamisch einbinden oder nicht?

**wahsaga** · 12.08.2002, 15:14

[...] aber geht das nun jetzt mit Hmtl code dynamisch einbinden oder nicht?

nun ja, per document.write zum beispiel...
http://www.selfhtml.net/javascript/o...ment.htm#write

**Ultra** · 12.08.2002, 15:21

Das halte ich aber in diesem Fall nicht angebracht, da Du dann bei jedem Click den alten Code wieder entfernen musst, bevor Du den neuen hineinschreibst. Und da es sich hier 'nur' um Bilder handelt die ein und ausgeblendet werden sollen, halte ich das für übertriebenen Aufwand.

Grüße, Marcus.

**pave** · 12.08.2002, 18:13

Naja nicht nur Bilder: ne Tabelle mit Bildern, die Verweise sind und sonst thx!

**pave** · 12.08.2002, 20:29

Kann mir jemand sagen was hier falsch ist?

<html>

<head>
<title>test</title>
<script language="JavaScript">

</script>
</head>

<body>
<table border="1">
<tr>
<td>
test
</td>
<td onMouseover="Over ()" onMouseout="Out ()">
Hier drüberfahren!
</td>
</tr>
</table>
</body>

</html>
MfG pave

**hand** · 12.08.2002, 22:15

Schau Dir mal so ein dynamisches Menü an. Da kannst sicher auch Bilder "dynamisieren" (Wortkreation by hand *g*)

**Ultra** · 13.08.2002, 09:03

Hi,

Kann mir jemand sagen was hier falsch ist?

das Attribut data unterstützt die Methode write() nicht ! Du kannst data höchstens einen value zuweisen, also :

PHP-Code:


document.getElementsByTagName("td")[0].firstChild.data = 'tschüss';

Grüße, Marcus.

**wahsaga** · 13.08.2002, 09:13

Original geschrieben von pave
Kann mir jemand sagen was hier falsch ist?

so funzt es:

Code:

<html>

<head>
<title>test</title>
<script language="JavaScript">
<!--
function Over(){
document.getElementsByTagName("td")[0].firstChild.data="hallo";
}
function Out(){
document.getElementsByTagName("td")[0].firstChild.data="tschüs";
}

//-->
</script>
</head>

<body>
<table border="1">
<tr>
<td>
test
</td>
<td onMouseover="Over()" onMouseout="Out()">
Hier drüberfahren!
</td>
</tr>
</table>
</body>

</html>

die eigenschaft data des knotens firstchild hat keine methode "write" - aber du kannst ihr direkt einen wert zuweisen.

allerdings nur einen text, keine html-tags!

html code dynamisch einbinden