[HaBo]

Woosh · 18.08.10, 11:04

Hallo Leute,

ich habe folgende Funktion

HTML-Code:

<div id="divId"></div>

<script>
machIrgendwas() {
  document.getElementById("divId").innerHTML = "Foo babambam!";
  irgendWelcherCode();
  document.getElementById("divId").innerHTML = "";
}
</script>

Das Problem ist, dass die Änderungen der Seite im Browser erst angezeigt werden, wenn die Funktion komplett abgelaufen ist.

Das heißt, mein div ist leer bevor die Funktion aufgerufen wird. Wenn die Funktion abgelaufen ist, ist der Inhalt von meinem div bereits wieder "".

=> In meinem div wird nie "Foo babambam" angezeigt, weil die Seitenänderungen im Browser anscheinend nicht während einer Funktion angezeigt werden.

Ich hoffe ich konnte mein Problem einigermaßen erklären und dass ihr mir helfen könnt.

Viele Grüße
Woosh

**Mackz** · 18.08.10, 21:09

Man könnte dir besser helfen, wenn du mal genau erklären würdest was du eigentlich vor hast.

Ansonsten probiers mal so...

Code:

<script>
document.getElementById("divId").innerHTML = "Foo babambam!";
function machIrgendwas() {
  irgendWelcherCode();
  document.getElementById("divId").innerHTML = "";
}
setTimeout("machIrgendwas()", 3000);
</script>

HaBo Ads

Woosh · 19.08.10, 00:38

Zitat:

Zitat von Mackz

Man könnte dir besser helfen, wenn du mal genau erklären würdest was du eigentlich vor hast.

Dachte es ist einfacher, wenn ich die Geschichte drumrum nicht erzähle

Also es geht darum, eine Gif-Sanduhr (als img-Tag) einzublenden, während eine Funktion abläuft.

Das heißt, sie muss am Anfang der Funktion eingeblendet und am Ende der Funktion wieder ausgeblendet werden.

Ungefähr so:

HTML-Code:

<script>
<!--
function machIrgendwas() {
  document.getElementById("sanduhrDiv").innerHTML = "<img src='sanduhr.gif'";
  /* IRGENDWELCHER CODE */
  document.getElementById("sanduhrDiv").innerHTML = "";
}
-->
</script>

Ich hoffe das hilft weiter :-)

Viele Grüße
Woosh

(Ging doch einfacher als gedacht

)

ronco · 19.08.10, 08:44

Hallo,
Was ist das denn fuer ne function die solange braucht ?..
naja mit loading images mach ich das beim onload von dem bild... also

HTML-Code:

<script>
function laden(id,imgSrc,Function){
        var obj = document.getElementById(id);
        var loading = new Image();
        loading.onload = function (){Function();}
        obj.appendChild(loading);
        loading.src = imgSrc;
}

function tuwas (){
        tuwas....()
        document.getElementById('test_div').innerHTML = "";
}

// zum aufraufen

laden('test_div','dein pfad zum bild','tuwas');

</script>

habs allerdings nicht getestet :P

Woosh · 19.08.10, 10:01

Wunderbar

hat funktioniert, danke für die Hilfe.

Zu deiner Frage: Ich zeige die Sanduhr an, weil per Ajax-Request eine relativ lange Liste aus der DB geholt wird und die Ladezeit dementsprechend lange ist.

JavaScript:

Code:

function machWas() {
    var sanduhrObj = document.getElementById("sanduhr");
    var sanduhrImg = new Image();
    sanduhrImg.src = "gfx/sanduhr.gif";
    sanduhrImg.onload = function (){ajaxSearch();}
    sanduhrObj.appendChild(sanduhrImg);
}

function ajaxSearch() {
    /*
     * AJAX-CODE
     */
    document.getElementById("sanduhr").innerHTML = "";
}

HTML:

Code:

<div id="sanduhr"></div>

Viele Grüße
Woosh

Empfehlung

18.08.10, 11:04	#1 (permalink)
Woosh Registriert seit: 30.05.07 Likes: 0	Ansicht der Seite während Funktion nicht aktualisiert Hallo Leute, ich habe folgende Funktion HTML-Code: <div id="divId"></div> <script> machIrgendwas() { document.getElementById("divId").innerHTML = "Foo babambam!"; irgendWelcherCode(); document.getElementById("divId").innerHTML = ""; } </script> Das Problem ist, dass die Änderungen der Seite im Browser erst angezeigt werden, wenn die Funktion komplett abgelaufen ist. Das heißt, mein div ist leer bevor die Funktion aufgerufen wird. Wenn die Funktion abgelaufen ist, ist der Inhalt von meinem div bereits wieder "". => In meinem div wird nie "Foo babambam" angezeigt, weil die Seitenänderungen im Browser anscheinend nicht während einer Funktion angezeigt werden. Ich hoffe ich konnte mein Problem einigermaßen erklären und dass ihr mir helfen könnt. Viele Grüße Woosh

18.08.10, 21:09	#2 (permalink)
Mackz Administrator Registriert seit: 02.10.01 Likes: 30	Man könnte dir besser helfen, wenn du mal genau erklären würdest was du eigentlich vor hast. Ansonsten probiers mal so... Code: <script> document.getElementById("divId").innerHTML = "Foo babambam!"; function machIrgendwas() { irgendWelcherCode(); document.getElementById("divId").innerHTML = ""; } setTimeout("machIrgendwas()", 3000); </script> __________________ RL sux big time... auch 2012! Deleting pr0n is like killing your best friend [HaBo] bei Facebook - Werde Fan

19.08.10, 10:01	#5 (permalink)
Woosh Themenstarter Registriert seit: 30.05.07 Likes: 0	Wunderbar hat funktioniert, danke für die Hilfe. Zu deiner Frage: Ich zeige die Sanduhr an, weil per Ajax-Request eine relativ lange Liste aus der DB geholt wird und die Ladezeit dementsprechend lange ist. JavaScript: Code: function machWas() { var sanduhrObj = document.getElementById("sanduhr"); var sanduhrImg = new Image(); sanduhrImg.src = "gfx/sanduhr.gif"; sanduhrImg.onload = function (){ajaxSearch();} sanduhrObj.appendChild(sanduhrImg); } function ajaxSearch() { /* * AJAX-CODE */ document.getElementById("sanduhr").innerHTML = ""; } HTML: Code: <div id="sanduhr"></div> Viele Grüße Woosh

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln


HaBo Ads HaBOT

[HaBo]

Ansicht der Seite während Funktion nicht aktualisiert