Forum PHP.pl > Usuwanie drzewa w DOM

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

ChanibaL

11.07.2005, 00:49:15

Mam jeden głupi problem. Nie mogę znaleść żadnej funkcji w javascript która pozwoliłaby na usunięcie kawałka drzewa DOM. Jest mi to potrzebne, ponieważ po zamyknięciu tego obrazka chciałbym użyć bigimg_obj do ponownego otwarcia innego. Gdy cały czas używam jednej zmiennej podmieniając tylko src to przeglądarki nie zachowują się ciekawie (zostaje stara zawartość obrazka, nowa często się nawet nie pokazuje, wysokość w IE często pada)

Odchudzony java script:

Kod

var bigimg_obj=false;

function bigimg_make() {
    bigimg_obj=document.createElement("img");
    bigimg_obj.onclick=bigimg_close;
    }

function bigimg_close() {
    document.body.removeChild(bigimg_obj);
    bigimg_obj.src="";
    delete(bigimg_obj.src);
    bigimg_obj.outerHTML="";
    alert(bigimg_obj); // dalej pokazuje że element istnieje
    }

Testowane IE6, FF1.0.

dr_bonzo

11.07.2005, 08:10:52

Alez ten dom fajny, a kiedys uzywalem tylko innerHTMLa

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>JS DOM test</title>
        <script type="text/javascript">//<![CDATA[
var imageIsOpened = false;
 
function openImage( src )
{
    if ( imageIsOpened )
    {
        return;
    }
 
    var newImage = document.createElement( 'img' );
    newImage.setAttribute( 'src', src );
    newImage.setAttribute( 'src', src );
    newImage.setAttribute( 'alt', 'Wow, dziala, src = ' + src );
    newImage.addEventListener( 'click', closeImage, false );
    var pFI = getPlaceForImages();
    pFI.appendChild( newImage );
 
    imageIsOpened = true;
}
 
function getPlaceForImages()
{
    return document.getElementById( 'placeForImages' );
}
 
function closeImage()
{
    this.parentNode.removeChild( this );
    imageIsOpened = false;
}
        //]]>
        </script>
    </head>
    <body>
 
    <div id="linki">
        <a href="javascript:openImage( '111.jpg' )">111</a>
        <a href="javascript:openImage( '222.jpg' )">222</a>
        <a href="javascript:openImage( '333.jpg' )">333</a>
        <a href="javascript:openImage( '444.jpg' )">444</a>
    </div>
    <div id="placeForImages"></div>
    </body>
</html>
[HTML] pobierz, plaintext

No i lipa, dziala tylko w Operze (8.0.1), w FFoxie (1.0.4) czasami nie dziala (kilkakrotnie klikne: otworze, zamkne -- ok, nastepnym razem obrazek sie nie pojawia), o IE juz nie spominam, ktore chyba o DOMie nie slyszalo.

O takie cos chodzilo?

Linki:
http://www.mozilla.org/docs/dom/domref/

revyag

11.07.2005, 09:34:13

Chyba można to prościej zrobić

Kod

dr_bonzo

11.07.2005, 10:51:35

Chodzilo o to zeby wymieniac obrazki, a nie dodawac, po kliknieciu usunac, itd? No to troche przesadzilem

ChanibaL

12.07.2005, 13:50:58

Ok, dzięki, już działa, myślałem co prawda nad takim rozwiązaniem, ale jakieś takie nieeleganckie się wydawało.

Inna sprawa, że to trochę dziwne, że nie można czegoś takiego usunąć.

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.