DSsys DSsys i skrypty JavaScript są miłe!

(akt. wer. 1.1.1)

Lista funkcji

Kategorie

Składnia

object funkcja DSsys.o.insertBefore ( object nowy , object docelowy [, object elmn = null ] )
object funkcja DSsys.x(selektor).insertBefore ( object nowy [, object elmn = null ] )
object funkcja ds(selektor).insertBefore ( object nowy [, object elmn = null ] )

Wstawia nowy element przed elementem podanym w parametrze/parametrach. Zwraca wstawiony element.

Kategoria: Obsługa

Lokalizacja: rdzen/o.js

Opis

Wstawia nowy element przed elementem podanym w parametrze/parametrach. Zwraca wstawiony element.

Parametry

object nowy

Nowy element do wstawienia.

object docelowy

Element, przed którym ma być wstawiony nowy element.

object elmn = null

Element nadrzędny wobec elementu docelowego. Podawany na wypadek, gdy element docelowy okaże się typu undefined (np. podczas wstawiania w pętli).

info UWAGA!

Parametr nie ma zastosowania od wersji 1.1.0 przy wywołaniu ds() lub DSsys.x().

Przykłady

#1 Wstawienie elementu przed div'em o id tresc zapisz zapiszZIP

Przykład:

DSsys.start();
DSsys.ladowanie.dodAuto(function() {
  var diw = document.createElement('div');
  DSsys.o.insertBefore(diw,DSsys.o.wezid('tresc'));
});

HTML:

<div id="tresc"></div>

#2 Wstawienie elementu listy przed inny pkt. listy gdy lista jest pusta zapisz zapiszZIP

Przykład:

DSsys.start();
DSsys.ladowanie.dodAuto(function() {
  var li = document.createElement('li');
  DSsys.o.insertBefore(li,DSsys.o.wezid('el_nr_1'),DSsys.o.wezid('lista'));
});

HTML:

<ul id="lista"></ul>

Rezultat:

Lista jest pusta i nie zawiera żadnych elementów, dlatego element o id el_nr_1 nie może być znaleziony stąd zostanie po prostu stworzony element li na końcu/początku listy.

#3 Wstawienie elementu listy przed inny pkt. listy gdy nie zostanie znaleziony właściwy element zapisz zapiszZIP

Przykład:

DSsys.start();
DSsys.ladowanie.dodAuto(function() {
  var li = document.createElement('li');
  DSsys.o.insertBefore(li,DSsys.o.wezid('el_nr_2'),DSsys.o.wezid('lista'));
});

HTML:

<ul id="lista">
<li id="el_nr_1"></li>
</ul>

Rezultat:

Wersja starsza od 1.0.1

Lista nie jest pusta ale nie zawiera żadnych elementu o podanym id (el_nr_2), dlatego nowy element zostanie po prostu stworzony początku listy.

Od wersji 1.0.1

Lista nie jest pusta ale nie zawiera żadnych elementu o podanym id (el_nr_2), dlatego nowy element zostanie po prostu stworzony przed ostatnim dzieckiem, czyli na końcu listy, ponieważ ostatnim dzieckiem jest pusty węzeł tekstowy. Chodzi o znak nowej linii między </li> a </ul>

Historia

Wersja Zmiana
1.0.1 Od teraz w razie kiedy element, przed który ma się wstawić nowy element, nie będzie istniał, wstawiany element zostanie dodany przed ostatnie dziecko, a nie jak to miało miejsce wcześniej przed pierwsze dziecko. Przeanalizuj przykład nr 3.

Podobne

DSsys.x().insertAfter [DSsys.o.insertAfter] - Wstawia nowy element za podanym w argumencie węzłem. Zwraca nowy element.

Aktualna wersja: 1.1.1

* * *
© <^> 2012-2014

Projekt i wykonanie: DrezynSoft


Partner Autorska witryna kolejowa Partner DrezynSoft Partner Fotograficzna galeria krajobrazów Partner FotoStacyjka
Partner SelekTTor Partner Mapy Partner Edytor XML Partner Gry Partner Tłumacz Partner DSsys
Partner MojaMuzyka Partner Kanał Ostródzko-Elbląski w obiektywie <^> Partner Konwerter tekstu

Podstronę załadowano w 0.0237 sekundy.