[js] Button waarmee ik elementen uit een iframe verwijder.

[Verwijderd]

Ik ben bezig met een richedit textarea en wil het volgende realiseren. Stel ik heb een aantal plaatje middels een button in het iframe geplaatst. Hoe kan ik deze dan weer met een knopje verwijderen?

Ik wil gewoon met een druk op de knop alle plaatjes die in het iframe staan verwijderen zeg maar.

Ik geef de plaatjes een id mee als ik ze plaatst dus ik zou met getElementsById of kan ik ook doen delete document.images.all oid. Ik ben echt nog een NOOB in javascript dus wat hulp zou wel fijn zijn.

[D2k]

<h3>Welkom in P&W -> Quickstart (update 2/10/2002)</h3>

P&W -> W&G

[supakeen]

Ze in een div zetten en die invisible / visible maken

[Verwijderd]

nee dat is lelijk. Ik wil de inhoud van het iframe hierna namelijk posten en opslaan in een dbs. Niet tof als er dan allemaal invisible elementen instaan . Ik moet gewoon die <img src blabla> eruit hebben.

[Bosmonster]

Wat heb je al geprobeerd? Om ze bijvoorbeeld op null te zetten?

Maar dan nog zullen ze waarschijnlijk niet uit de code verdwijnen.. je bent immers bezig het gegenereerde model aan te passen, niet de code...

Misschien kun je beter de code lezen, opschonen en weer wegschrijven..

[Verwijderd]

Bosmonster dat heb ik nog niet geprobeerd. Wat ik eigenlijk doe is gewoon stukken HTML in een Iframe gooien voor een plaatje doe ik dus: [img]"blabla.jpg"[/img] Deze stuk tekst wil ik er gewoon met een druk op de knop ook weer uithalen. Dus ik zoek bijvoorbeeld op ID en dan iets van delete of remove ofzo. Bestaan zoiets in Javascript?

Kan ik hiervoor de deleteData() method gebruiken?

Ik zie niet hoe ik de stukken HTML op null zou moeten zetten.

[Verwijderd]

in een gewone pagina kan je met

JavaScript:

function removeImg() {
for(var i=0; i<document.all.length; i++) {
    if(document.all[i].tagName.toUpperCase()=="IMG") {
        document.all[i].outerHTML="";
    }
}
}

alle plaatjes verwijderen.. bouw 'm om zodat ie naar de document van 't iframe wijst en je bent klaar

[Verwijderd]

Ik ben niet zo heel erg thuis in Javascript, maar misschien kun je de hele inhoud aanpassen?
Dus dat je de inhoud van je iframe in een variabele stopt, vervolgens zoekt op dat id-nummer, en dan de hele tag ([img]"blaat.jpg"[/img]) eruit haalt? En vervolgens de nieuwe inhoud van je variabele weer naar je iframe stuurt?
Of is dat te omslachtig??

[Verwijderd]

\Hey Tjabber, dat is een goede. ik ga er even mee aan de gang. Depaashaas dat is wel een oplossing, maar ik ben bang dat dat omslachtig is.

[Verwijderd]

hmm gaat niet goed, ik gebruik de volgende code:

code:

function removeImg()
{
    parent.iframe_hoofd.focus();
    for(var i=0; i<iframe_hoofd.document.images.all.length; i++)
    {
            
              if(iframe_hoofd.document.getElementById()=="1")
         {
                         iframe_hoofd.document.innerHTML="";
             }
    }
}

[Verwijderd]

dit werkt..

JavaScript:

function removeImg() {
    for(var i=0; i<framecontent.document.all.length; i++) {
        if(framecontent.document.all[i].tagName.toUpperCase()=="IMG") {
            framecontent.document.all[i].outerHTML="";
        }
    }
}

framecontent is 't id van het iframe

[Verwijderd]

Super, werkt inderdaad. Tjabber bedankt.