er aktualisiert die ganze Geschicht nur über einen separaten Befehl.
Was heißt das genau? Was aktualisiert er, die ganze Seite oder nur bestimmte Daten/Inhalte? Poste den Code dieses separaten Befehls.
Was muss ich denn ändern damit er mir die Daten regelmäßig zieht?
Die Daten zyklisch abfragen durch die Verwendung von setInterval().
welche ich hart positioniert habe und welche ich auch von der Größe hart programmiert habe.
Das ist genau der Feind bei deinem Vorhaben, dass sich die Seite an verschieden Bildschirmauflösungen anpasst, d. h. sich responsiv verhält. Wahrscheinlich wirst Du nicht darum herum kommen, dies komplett zu überarbeiten und mit relativen Abmessungen zu arbeiten und auf absolute Positionierung zu verzichten.
Im ersten Bild ist zu sehen, wie ich die Daten vom Webserver ziehe und diese Daten in Zeichnen(strResponseText) speicher.
Im zweiten Bild werden diese Daten der function übergeben und geparsed.
Jetzt möchte ich das alles mit AJAX machen und immer nur die Daten aktualisieren und nicht die ganze Seite.
Verstehe nicht ganz: Was Du da in deinem ersten Bild zeigst ist Ajax. Wenn trotzdem deine ganze Seite aktualisiert wird, musst Du irgend wo einen Fehler machen, der aber aus den beiden Bildern nicht zu erkennen ist. Am besten postest Du mal die URL der Seite, damit man es sich in Aktion ansehen kann.
Danke, jetzt ist es klar, Du benutzt Ajax, um das Feld zyklisch zu aktualisieren.
und wenn das jetzt mit einem einfachen echo funktioniert von meiner database.php eine betimmte variable auszugeben,
wär ich schon glücklich.... nur weiß ich nicht wie.
Dann poste doch Mal den Code der database.php, dann kann man dir zeigen, wie es geht.
Ja, das geht z. B. mit diesem Javascript:
function shuffle(a) {
var j, x, i;
for (i = a.length - 1; i > 0; i--) {
j = Math.floor(Math.random() * (i + 1));
x = a[i];
a[i] = a[j];
a[j] = x;
}
}
var nrtohighlight = 23;
var tbl = document.getElementById("table1");
var nrrows = tbl.rows.length;
var idxes = [];
for (var i = 0; i < nrrows; i++) {
idxes.push(i);
}
shuffle(idxes);
for (var i = 0; i < nrtohighlight; i++) {
tbl.rows[idxes[i]].classList.add("highlight");
}Das Prinzip ist, ein Array mit den Indizes zu erzeugen, und zu mischen (shuffle), so dass die Reihenfolge zufällig wird. Dann die ersten 23 Indizes nehmen und die Zeile, die dazu gehört, hervorheben, hier durch Hinzufügen einer Klasse und Zuweisen einer Hintergrundfarbe.
*{
display:inline-block;
}Das wirkt auf alle Elemente, bei jsfiddle im iFrame mit dem Ergebnis. Das Ergebnis ist schwer vorher zu sagen und kann überraschen, wie man hier sieht. Der Grund ist, das das style-Element als Standardeigenschaft display:none hat und man den Inhalt, d. h. das CSS, mit display:inline-block sichtbar macht.
Genau, das ist ein Akkordeon. Ich denke, so ist es einfacher:
Edit: Unklar: Benutzt Du nur Ajax und includierst Du die Datei? In deinen letzten Beispielen sehe ich letzteres.
Weniger ein CSS-Befehl, der das macht, sondern mehr einer, der das verhindert: position:absolute
Dies ist einer der Gründe, warum man nach Möglichkeit absolute Positionierung vermeiden sollte.
Schau dir von jQuery slideUp() und slideDown() an.
Super, so ist es wesentlich besser als mit globalen Variablen.
Du musst die Klasse auch angeben, die Du prüfen willst:
$("#xppfeil1").addClass("xpdown")
c= $("#xppfeil1").hasClass("xpdown");
alert(c);Zur ersten Frage: Das ist jetzt wirklich etwas verzwickt:
Weil Du innerhalb des Klick-Handlers die Variable f mit "var" neu definierst, "weiß" Javascript schon am Anfang dieser Funktion, dass sie als lokale Version existiert und zu dem Zeitpunkt ist sie noch undefiniert. Abhilfe: Das "var" innerhalb der Funktion entfernen.
Weitere Fehler:
Empfehlung: Auf die globale Varialbe "f" verzichten und statt dessen eine Klasse verwenden, um den Status zu setzen und abzufragen mit hasClass().
$("#amp1").trigger('change');Das ist schon die Lösung: Diese Zeile im success-Callback einfügen und es sollte funktionieren.
$.get('database.php', function(data) {
$('#anz1').val(data);
$("#amp1").trigger('change');
});*confused* #amp1 oder #anz1?
Dann poste dieses Skript doch Mal. Man kann es sicher aktivieren, wenn sich der Inhalt ändert.
Ich habe Konditionen für mein Inputfeld gesetzt.
Wie hast Du das denn gemacht?
Hier ist display:inline-block dein Freund, das sorgt dafür dass sich die Breite des Elementes an den Inhalt anpasst.
Das ist die Ausgabe von deinem PHP-Skript. Bei html() ist das Grundgerüst unsichtbar, weil der Text geparst wird. Bei val() wird jedoch der gesamte Text angezeigt. Du musst diesen im Skript löschen und nur den Wert ausgeben.
Genau lesen:
und musst den Wert mit val() statt hmtl() eintragen
Typisches cross-origin-Problem. Wenn die API angeboten wird, muss sie jedoch für cross-origin-Zugriff frei gegeben sein. Versuche es hiermit:
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$.ajax({
url: "datatables-ajax.json",
dataType: "json",
crossOrigin: true,
success: function (data) {
console.log(data);
}
});
</script>Wenn es dann nicht funktioniert, öffne eine Unterhaltung und gib mir die URL.
Da bist Du ja schon auf dem richtigen Wege. Du brauchst nur ein Inputfeld statt eines Div und musst den Wert mit val() statt hmtl() eintragen.
<input id="anz1"></input>$.get('database.php', function(data) {
$('#anz1').val(data);
});