<div>-Tag refreshen

Handycommander · Beiträge: 1054 Windows XP Pro, Vista Visual Studio 2008

Hi,

ich möchte gerne über einen Link einen <div>-Tag aktualisieren, damit ich nicht die komplette Seite neuladen muss.
Zwar hab ich bereits Beispiele gefunden, jedoch funktionieren die nicht.
Meine HTML-Site ist so in etwa aufgebaut:

markieren

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:

<div id="content">
  <div id="divDetails">
    DIESES DIV-TAG SOLL AKTUALISIERT WERDEN!
  </div>
</div>
</div id="footer">
  <a href="#" onclick="dieFunktion()">Refresh</a>
</div>

Hat jemand ne Idee, wie ich das mit JavaScript machen kann?
Danke für eure Hilfe!

Gruß,
Tobi

Kha · Verfasst: Sa 31.10.09 02:28

Läuft die Aktualisierung über einen Server oder geht es erst einmal nur um die Client-Seite?
Auf jeden Fall würde ich selbst für solche Kleinigkeiten sofort zu jQuery o. Ä. raten, damit bist du mit

markieren

C#-Quelltext

1:	$("divDetails").html("<b>aktualisiert!</b>");

am Ziel.

_________________
>λ=

MDX · Verfasst: Sa 31.10.09 04:53

Geht auch ganz einfach mit:

markieren

C#-Quelltext

1:
2:
3:

function DieFunktion(){
document.getElementById('divDetails').innerHTML='<strong>Der neue Code</strong>';
}

@Kha: Man benutzt kein <b>-Tag mehr xD

Handycommander · Beiträge: 1054 Windows XP Pro, Vista Visual Studio 2008

Danke!
Funktionierte leider nicht

Hier mal der komplette Code:

markieren

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<!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>

<script language="javascript">
  <!--
  function DieFunktion(){
    document.getElementById('divDetails').innerHTML('<strong>Der neue Code</strong>');
  }
  -->
</script>

</head>

<body>
<div id="content">
  <div id="divDetails">
    DIESES DIV-TAG SOLL AKTUALISIERT WERDEN!
  </div>
</div>
</div id="footer">
  <a href="#" onclick="DieFunktion()">Refresh</a>
</div>
</body>
</html>

Hat jemand vll noch ne Idee? Mit jQuery hat es leider auch nicht geklappt...
Kann es vll damit zu tun haben, dass ich von einem anderen div-Tag aus aktualisieren möchte?

Gruß,
Tobi

jfheins · Beiträge: 918 Erhaltene Danke: 158 Win 10 VS 2013, VS2015

innerHTML ist auch keine Funktion sondern eine Eigenschaft: de.selfhtml.org/java...e/all.htm#inner_html

Handycommander · Beiträge: 1054 Windows XP Pro, Vista Visual Studio 2008

Ah, super!!
Jetzt klappts! Danke!

Gruß
Tobi

MDX · Verfasst: Sa 31.10.09 20:04

Oh, sorry, war schon ein bisschen spät =D

	Mitgliederliste
	Gruppen
	Das Team
	Richtlinien
	Synonyme