JavaScript: Dynamische Aktualisierung ohne Nachladen

Diskutiere mit über: JavaScript: Dynamische Aktualisierung ohne Nachladen im Web-Programmierung Forum

  1. tconz

    tconz Thread Starter MacUser Mitglied

    Beiträge:
    151
    Zustimmungen:
    0
    Registriert 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.322
    Zustimmungen:
    22
    Registriert 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
    Registriert 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.322
    Zustimmungen:
    22
    Registriert 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
    Registriert 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...
Ähnliche Themen - JavaScript Dynamische Aktualisierung Forum Datum
Javascript: key listener unter iOS Web-Programmierung 27.05.2016
JavaScript coding game - Tester gesucht Web-Programmierung 21.10.2013
Interaktivsein mit Javascript (Eingaben???) Web-Programmierung 04.04.2013
fieldset klonen mit JavaScript / jQuery Web-Programmierung 21.02.2013
Javascript Text verschwinden lassen (display:none) Web-Programmierung 31.12.2012

Diese Seite empfehlen

Benutzerdefinierte Suche