Forum PHP.pl > wstawienie nowego elementu do diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: wstawienie nowego elementu do diva

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

szczypior

21.09.2008, 23:10:05

Witam

Konstruuję sobie w js nowego span'a:

Cytat

newDiv = document.createElement('span');
newDiv.setAttribute('id', nr);
newDiv.innerHTML ='<img src=\"/folder/'+plik+'\" width=\"76\" height=\"57\" class=\"klasa\" />';

i chcę go wstawić do div'a <div id="ft" name="ft"><span id="1"></span></div> nie usuwając będącego w nim span'a.

próbowałem tak:

Cytat

my_div = document.getElementById('1');
document.ft.insertBefore(newDiv, my_div);

ale nie działa:(
poniższy natomiast działa, ale nowy span "ląduje" przed div'em:(

Cytat

my_div = document.getElementById('ft');
document.upft.insertBefore(newDiv, my_div);

gdzie upft to name form'a otaczającego powyższego div'a.

Poproszę o jakieś wskazówki.

Gorgeus

22.09.2008, 01:17:00

Kod

                                    var newSpan = document.createElement('span');
            newSpan.setAttribute('id', num);
            var target = document.getElementById('ft');
            target.insertBefore(newSpan, target.firstChild);

dziala?

szczypior

22.09.2008, 10:08:14

udało mi się po ogromnej serii prób znaleźć rozwiązanie, które prezentuje się następująco:

Cytat

var sp2 = document.getElementById(nr-1);
var parentDiv = sp2.parentNode;
parentDiv.insertBefore(newDiv, sp2);

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.