JavaScript: Dynamische Aktualisierung ohne Nachladen

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von tconz, 29.11.2005.

  1. tconz

    tconz Thread Starter MacUser Mitglied

    Beiträge:
    151
    Zustimmungen:
    0
    Mitglied seit:
    21.02.2005
    Hi,
    ich habe ein kleines Problem. Ich nutze AJAX zum Nachladen von WebInhalten, ohne Aktualisierung der Site. Das Nachladen klappt, kanns in einem "alert" anzeigen, möchte es jedoch im HTML Code unterbringen, hier mein Lösungsansatz:

    <script type="text/javascript" language="javascript">
    function design() {
    //document.write(test)
    text1 = "Ihre Kontonummer: ";
    document.all.displaytext1.innerHTML = text1;

    }
    </script>
    </head>
    <body onLoad="design()" title="test">
    <p id=displaytext1></p>
    ....


    geht aber leider nicht.

    Danke für jede Hilfe

    Tobi
     
  2. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.264
    Zustimmungen:
    22
    Mitglied seit:
    08.04.2005
    ist das der komplette quelltext? wenn nein, heißt es
    Code:
    document.getElementById('displaytext').innerHTML = "xy";
    oder
    Code:
    var xx = document.getElementById('displaytext');
    xx.innerHTML = "xy";
    wie das bei dir läuft, weiss ich nicht, aber wenn du etwas php kannst, kann ich dir nur
    xajax empfehlen, ein einfaches beispiel dazu ist auf meiner homepage zu finden :)
     
    Zuletzt bearbeitet: 29.11.2005
  3. tconz

    tconz Thread Starter MacUser Mitglied

    Beiträge:
    151
    Zustimmungen:
    0
    Mitglied seit:
    21.02.2005
    Hi,
    erstmal vielen Dank, funktioniert jetzt wie es soll.

    Wir dürfen kein PHP nutzen, Aufgabe ist ein Fat Client -> möglichst wenig Transfer und Last für den Server.

    Gruss Tobi
     
  4. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.264
    Zustimmungen:
    22
    Mitglied seit:
    08.04.2005
    wie genau funktioniert das denn, ich kenne ajax nur mit xajax.
    lass mal nen quelli rüberwachsen, bitteeeee :D
     
  5. tconz

    tconz Thread Starter MacUser Mitglied

    Beiträge:
    151
    Zustimmungen:
    0
    Mitglied seit:
    21.02.2005
    Tutorial: http://developer.mozilla.org/en/docs/AJAX:Getting_Started

    <script type="text/javascript" language="javascript">

    var http_request = false;

    function makeRequest(url) {

    http_request = false;

    if (window.XMLHttpRequest) { // Mozilla, Safari,...
    http_request = new XMLHttpRequest();
    if (http_request.overrideMimeType) {
    http_request.overrideMimeType('text/xml');
    // See note below about this line
    }
    } else if (window.ActiveXObject) { // IE
    try {
    http_request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {}
    }
    }

    if (!http_request) {
    alert('Giving up :( Cannot create an XMLHTTP instance');
    return false;
    }
    http_request.onreadystatechange = alertContents;
    http_request.open('GET', url, true);
    http_request.send(null);

    function alertContents() {
    if (http_request.readyState == 4) {
    if (http_request.status == 200) {
    alert(http_request.responseText);
    document.getElementById('displaytext1').innerHTML = http_request.responseText;
    //print("so toll");
    } else {
    alert('There was a problem with the request.');
    }
    }

    }
    }
    </script>
     
Die Seite wird geladen...

Diese Seite empfehlen