[wrrior]

Lamerskie pytanko: czy innerHTML zmienia zawartość raz na wykonanie skryptu? Bo nie udaje mi się więcej. #chybazlerobie
#javascript

[S.....n]

@wrrior: innerHTML to taki wewnętrzny html

[wrrior]

@Szatan: hm, a można coś bliżej? próbuję

.....innerHTML="pupcia";
cośtamcośtam;
czekanko;
.....innerHTML="okejcia";

No i mam tylko "okejcia".

[g.....g]

@wrrior: innerHTML += 'okejcia';

[wrrior]

@gehog: chciałbym aby stara zawartość została jednak skasowana.

[g.....g]

@wrrior: to przecież masz tak w swoim przykładzie.

[wrrior]

@gehog: No właśnie nie mam :/

[G.....n]

@wrrior: innerHTML jest niezalecane do czegokolwiek poza czyszczeniem obiektu.
Lepiej zrobić:

.appendChild(Text('tekst')) // nowe przeglądarki; polyfill: window.Text = window.Text || function(str) {return document.createTextNode(str)};

lub

.appendChild(document.createTextNode('tekst'))

[wrrior]

@Ginden: dzięki chociaż tak też próbowałem i ciągle nie uzyskuję pożądanego efektu. Zawartość wyświetla się na końcu wykonywania skryptu.

[G.....n]

@wrrior:

Zawartość wyświetla się na końcu wykonywania skryptu.

Możesz pokazać nam kod?

[wrrior]

@Ginden:

function showresults ( )
{
 var output = document.getElementById("output_div");
 output.appendChild(document.createTextNode('pupcia'));
 sleep (300);
 output.appendChild(document.createTextNode('okejcia'));
}

function sleep(miliseconds) 
{
 var currentTime = new Date().getTime();
 while (currentTime + miliseconds >= new Date().getTime()) {}
}

[G.....n]

@wrrior: Eh.
JS jest uruchamiany w tym samym wątku co UI.
Aby aktualizacja UI się udała, kontrola musi być zwrócona do przeglądarki z Twojego kodu, co nie może się odbyć, kiedy robisz "sleep", który jest w rzeczywistości busy wait.

Zalecaną metodą jest:

function showresults ( )
{
var output = document.getElementById("output_div");
output.appendChild(document.createTextNode('pupcia'));
setTimeout(function() {
output.appendChild(document.createTextNode('okejcia'));
}, 300);
}

[wrrior]

@Ginden: Dzięki. Trochę mnie to naprowadza na temat. A czy (jak) mogę to zrobić inaczej niż setTimeoutem?

Chodzi mi o coś takiego: "obliczanie...", "wynik: qwjdqwdi.".

[G.....n]

@wrrior: Nie jesteś w stanie.
n setTimeoutów. ;)

[wrrior]

@Ginden: Ok, dzięki. Zaoszczędziłeś mi trochę czasu na błądzenie :)

[P0lip]

@Ginden Do czyszczenia obiektów też bym tego nie użył. lepiej while(elem.firstChild) elem.firstChild.remove();

[G.....n]

@P0lip: Sprawdzałeś wydajność?

[P0lip]

@Ginden Na jsperfie wychodziło, że jest szybciej.

[G.....n]

@P0lip: AFAIK stare IE to potrafiło zabić.

[P0lip]

@Ginden Możlliwe, zaraz Tobie zrzut pokażę, bo widzę, że na tel jesteś.