10
JavaScript Ajax dynamisches Feld Counting xHTML Aktualisierung
Hallo Mitglieder,
habe mir von diversen Seite mal folgendes zusammen kopier:
<code type = "php">
function lookup(inputString) {
if(inputString.length == 0) {
Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("rpc.php?", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} lookup
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
Mit den Parametern |onkeyup=\"lookup(this.value);\" onblur=\"fill();\" | in dem INPUT wird der Wert an die PHP-Datei übermittelt und dort eine Abfrage ausgeführt.
Ich habe schon einen Counter laufen:
Ziel von mir ist es:
eine HTML-Variable (nenne es jetzt mal so), in der wie bei Counter dann der wert steht, den die Abfrage ergeben hat.
Also ein Counter, wie viele User online sind, der sich automatisch "aktualisiert".
Könnte das jetzt auch wieder mit IFRAME lösen, aber wirkt dann etwas "komisch".
Wer mir das nicht gleich basteln möchte, kann es auch in Form von Tipps machen!
Sonst, merci!
Beste Grüße
Midi
habe mir von diversen Seite mal folgendes zusammen kopier:
<code type = "php">
function lookup(inputString) {
if(inputString.length == 0) {
Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("rpc.php?", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} lookup
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
Mit den Parametern |onkeyup=\"lookup(this.value);\" onblur=\"fill();\" | in dem INPUT wird der Wert an die PHP-Datei übermittelt und dort eine Abfrage ausgeführt.
Ich habe schon einen Counter laufen:
Counter -= 1;
setTimeout("zaehler()", 1000);
document.getElementById('counter').innerHTML = ' ';
if (Counter < 360)
document.getElementById('counter').innerHTML = ' Serverlauf in ' + Counter;
if (Counter > 3240)
document.getElementById('counter').innerHTML = ' Serverlauf vor ' + (3600-Counter); Ziel von mir ist es:
eine HTML-Variable (nenne es jetzt mal so), in der wie bei Counter dann der wert steht, den die Abfrage ergeben hat.
Also ein Counter, wie viele User online sind, der sich automatisch "aktualisiert".
Könnte das jetzt auch wieder mit IFRAME lösen, aber wirkt dann etwas "komisch".
Wer mir das nicht gleich basteln möchte, kann es auch in Form von Tipps machen!
Sonst, merci!
Beste Grüße
Midi
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 170636
Url: https://administrator.de/contentid/170636
Ausgedruckt am: 25.11.2024 um 04:11 Uhr
10 Kommentare
Neuester Kommentar
Hallo,
das ist gar keine große Kunst. Wenn du dir dein "kopiertes" Script ansiehst fällt gleich auf das dort mit Jquery ein JavaScript Framework gearbeitet wird.
Ich arbeite damit selber gerne, erspart viel Schreibarbeit.
Mehr Code benötigst du gar nicht. Fehlt nur noch dein Timeout die die Funktion ständig erneut aufruft.
Der Code oben gib das Ergebnis was die "test.php" liefert im Element mit der ID 'result' aus.
das ist gar keine große Kunst. Wenn du dir dein "kopiertes" Script ansiehst fällt gleich auf das dort mit Jquery ein JavaScript Framework gearbeitet wird.
Ich arbeite damit selber gerne, erspart viel Schreibarbeit.
$.post('ajax/test.php', function(data) {
$('#result').html(data);
});Mehr Code benötigst du gar nicht. Fehlt nur noch dein Timeout die die Funktion ständig erneut aufruft.
Der Code oben gib das Ergebnis was die "test.php" liefert im Element mit der ID 'result' aus.
Ich grüße dich @EvilMoe,
ist doch einfacher als ich gedacht hatte.
Irgendwann hab ich nix mehr gelesen und verstanden, vor lauter Programmiersprachen
Trotzdem danke und:
Bis demnächst,
Midi
ist doch einfacher als ich gedacht hatte.
Irgendwann hab ich nix mehr gelesen und verstanden, vor lauter Programmiersprachen
Trotzdem danke und:
Bis demnächst,
Midi
Jquery ist einfach ein sehr schönes Framework und kann es jedem nur empfehlen der mit JavaScript arbeitet.
Auch gibt es dafür sehr viele Plugins wodurch es nahezu alles gibt was man sich wünscht
Auch gibt es dafür sehr viele Plugins wodurch es nahezu alles gibt was man sich wünscht
Eines noch:
Ich hab es heute morgen in dem Konstrukt gestartet, möchte es nicht mehr.
Beide Dateien liegen im gleichen Verzeichnis.
Die Datei einzeln aufgerufen, bringt natürlich das gewünschte Ergebnis.
Gibt es da einen Fehler?
Passenden Wochenstart ...
Midi
Ich hab es heute morgen in dem Konstrukt gestartet, möchte es nicht mehr.
<HTML>
<BODY>
<script language="javascript">
function onlinecount()
{
$.post('counter_ajax.php', function(data) {
$('#result').html(data);
});
setTimeout("onlinecount()", 600000);
}
window.onload = onlinecount;
<script>
</BODY>
</HTML>Beide Dateien liegen im gleichen Verzeichnis.
Die Datei einzeln aufgerufen, bringt natürlich das gewünschte Ergebnis.
Gibt es da einen Fehler?
Passenden Wochenstart ...
Midi
Hallo,
JavaScript sollte eher in dem Header gehören nicht unbedingt im Body.
Warum nutzt du nicht das Event "onLoad" im Body?
Gruß
JavaScript sollte eher in dem Header gehören nicht unbedingt im Body.
Warum nutzt du nicht das Event "onLoad" im Body?
Gruß
<HTML>
<HEAD>
<script language="javascript">
<!--
var Counter = 380;
var stunde = 12;
function zaehler()
{
if (Counter > 0) {
Counter -= 1;
setTimeout("zaehler()", 1000);
document.getElementById('counter').innerHTML = 'testtest';
if (Counter < 360)
document.getElementById('counter').innerHTML = ' Serverlauf in ' + Counter;
if (Counter > 3240)
document.getElementById('counter').innerHTML = ' Serverlauf vor ' + (3600-Counter);
} else {
//window.location.reload();
setTimeout("zaehler()",1000);
Counter = 3600;
stunde ++;
}
var d=new Date();
document.getElementById('counterunix').innerHTML = d.toLocaleDateString() + ' ' + d.toLocaleTimeString();
}
function onlinecount(){
$.post('counter_ajax.php', function(data) {
$('#result').html(data);
document.debug.output.value = "test";
});
setTimeout('onlinecount()', 1000);
}
window.onload = onlinecount;
window.onload = zaehler;
-->
</script>
<TITLE>test</TITLE>
</HEAD>
<BODY>
<SPAN id="result"></SPAN>
<SPAN id="counter"></SPAN>
<SPAN id="counter2"></SPAN>
<form action="#" name="debug"><div><textarea name="output"></textarea></div></form>
</BODY>
</HTML>Sooouuu, wenn es jetzt nicht klappt, geb ich auf und mach da einen IFRAME rein!
der zaehler() wird ordnungsgemäß ausgeführt, aber von der anderen Funktion merk ich nichts. Nicht ein alert("text"); passiert!
Deine Geduld noch einmal, dann ist aber Schluss
Gibt wichtigere Dinge,
Grüße
Midi
Hast du Jquery überhaupt eingebunden? Sehe davon nichts.
Fehler gefunden.
einmal das Framework, wie du sagst.
Und ich hab noch den anderen counter, wie oben, zusätzlich mit setTimeout("zaehler()",1000); nebenbei pändeln.
Musste die beiden onload in eine Funktion packen, die diese dann aufruft
[weil es kann immer nur eine Funktion "geladen" werden.]
Damit wäre dann mein Exkurs in JS abgeschlossen.
*merci*
Midivirus
einmal das Framework, wie du sagst.
Und ich hab noch den anderen counter, wie oben, zusätzlich mit setTimeout("zaehler()",1000); nebenbei pändeln.
Musste die beiden onload in eine Funktion packen, die diese dann aufruft
[weil es kann immer nur eine Funktion "geladen" werden.]
Damit wäre dann mein Exkurs in JS abgeschlossen.
*merci*
Midivirus
Lösung:
<HTML>
<HEAD>
<script src="template/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script language="javascript">
<!--
var Counter = 380;
var stunde = 12;
function myonload(){
onlinecount();
zaehler();
}
function zaehler()
{
if (Counter > 0) {
Counter -= 1;
setTimeout("zaehler()", 1000);
document.getElementById('counter').innerHTML = 'testtest';
if (Counter < 360)
document.getElementById('counter').innerHTML = ' Serverlauf in ' + Counter;
if (Counter > 3240)
document.getElementById('counter').innerHTML = ' Serverlauf vor ' + (3600-Counter);
} else {
//window.location.reload();
setTimeout("zaehler()",1000);
Counter = 3600;
stunde ++;
}
var d=new Date();
document.getElementById('counterunix').innerHTML = d.toLocaleDateString() + ' ' + d.toLocaleTimeString();
}
function onlinecount(){
$.post('counter_ajax.php', function(data) {
$('#result').html(data);
});
setTimeout('onlinecount()', 1000);
}
// window.onload = zaehler;
// window.onload = onlinecount;
window.onload = myonload;
-->
</script>
<TITLE>test</TITLE>
</HEAD>
<BODY>
<SPAN id="result"></SPAN>
<SPAN id="counter"></SPAN>
<SPAN id="counter2"></SPAN>
<form action="#" name="debug"><div><textarea name="output"></textarea></div></form>
</BODY>
</HTML>
Wenn du schon mit Jquery arbeitest würde ich die Funktion "zaehler" auch mit den Jquery arbeiten und nicht die langen "document..." schreiben
Würde sich verkürzen auf
EDIT: Jquery 1.2 ist aber schon sehhhr alt. Ich würde das gegen die neuste Version austauschen um die Kompatibilität zu gewährleisten.
EDIT2: Jquery bietet auch eine eigene möglickeit ein "onload" Event auzulösen.
document.getElementById('counter').innerHTML = 'testtest'; $('#counter').html( 'testtest' ); EDIT: Jquery 1.2 ist aber schon sehhhr alt.
Ich würde das gegen die neuste Version austauschen um die Kompatibilität zu gewährleisten.EDIT2: Jquery bietet auch eine eigene möglickeit ein "onload" Event auzulösen.
$(document).ready(function() {
alert('Ich werde ausgeführt wenn die Seite fertig geladen ist');
});
