Entwickler-Ecke

Off Topic - <div>-Tag refreshen


Handycommander - Sa 31.10.09 01:22
Titel: <div>-Tag refreshen
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:


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

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

am Ziel.


MDX - Sa 31.10.09 04:53
Geht auch ganz einfach mit:


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 - Sa 31.10.09 18:40
Danke!
Funktionierte leider nicht :(
Hier mal der komplette Code:


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 - Sa 31.10.09 18:44
innerHTML ist auch keine Funktion sondern eine Eigenschaft: http://de.selfhtml.org/javascript/objekte/all.htm#inner_html


Handycommander - Sa 31.10.09 18:52
Ah, super!!
Jetzt klappts! Danke!

Gruß
Tobi


MDX - Sa 31.10.09 20:04
Oh, sorry, war schon ein bisschen spät =D


Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2026 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!