Jojo55: HTML Elemet löschen

SELF-Forum

HTML Elemet löschen

Jojo55
– Informationen zu den Bewertungsregeln

Hallo

Ich möchte mit JavaScript ein <map> Tag löschen
oder wenn es nicht zu umständlich ist die <area> Tags daraus entfernen (Wäre mir lieber)

Zur Zeit sieht mein JavaScript-Quellcode wie folgt aus:
--------------------------------------------------------------------

  
function remove_map ()  
{  
 var div_obj = frames['area_view_image'].document.getElementsByName("map_area");  
  
 var map_obj = frames['area_view_image'].document.getElementsByName("area_view_map");  
  
 var deleting = div_obj.removeChild(map_obj);  
}

--------------------------------------------------------------------

Der Quellcode der HTML Seite: (ist ein iframe mit dem Namen: "area_view_image")
--------------------------------------------------------------------

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<HTML>  
 <HEAD>  
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  
  <Title>  
   Testseite  
  </Title>  
  <script type="text/javascript" language="javascript" src="../data/overlib410/overlib.js"></script>  
 </HEAD>  
 <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background:url('../images/sea.jpg'); background-attachment:fixed;">  
  
   <img src="../images/land.jpg" id="area_view_land" style="position:absolute; left:0px; top:0px; width:500px; height:500px; z-index:1;">  
   <img src="../to_do/paint_area_view.php" id="area_view_bases" usemap="#area_view_map" border="0" style="position:absolute; left:0px; top:0px; width:500px; height:500px; z-index:1;">  
  
   <div id="map_area">  
    <map name="area_view_map">  
    </map>  
   </div>  
 </BODY>  
</HTML>

--------------------------------------------------------------------

So...

Ich habe mir schon die Beispiele aus SelfHTML angesehen, konnte mir daraus leider die Sache nicht auf mein Problem projezieren.

Ich hoffe ihr könnt mir da weiterhelfen

Johannes

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. HTML Elemet löschen

    JürgenB Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Jojo55,

    das DIV hat eine ID, also benötigst du getElementById.
    Namen müssen nicht eindeutig sein, daher getElementsByName[0], wenn es das erste mit diesem Namen ist.

    Gruß, Jürgen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. HTML Elemet löschen

      Jojo55
      – Informationen zu den Bewertungsregeln

      das DIV hat eine ID, also benötigst du getElementById.

      Stimmt :D

      Nun hab ich das hier:

        
1: function remove_map ()  
2: {  
3:  var div_obj = frames['area_view_image'].document.getElementsById("map_area");  
4:  
5:  var map_obj = frames['area_view_image'].document.getElementsByName("area_view_map");  
6:  
7:  var deleting = div_obj.removeChild(map_obj);  
8: }

      Aber das geht immer noch nicht...
      Ich hab das mal im IE ausgeführt und er bringt folgende Fehlermeldung:
      Zeile: 4 (aber er meint 3 :D)
      Fehler: Das Objekt unterstützt diese Eigenschaft oder Methode nicht
      Code: 0

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. HTML Elemet löschen

        JürgenB Homepage des Autors
        – Informationen zu den Bewertungsregeln

        3:  var div_obj = frames['area_view_image'].document.getElementsById("map_area");

        5:  var map_obj = frames['area_view_image'].document.getElementsByName("area_view_map");

        ich kenn mich mit dem Zugriff auf Frameelemente nicht aus, aber schau dir mal http://de.selfhtml.org/javascript/objekte/frames.htm an. Ich glaube, das document steht an der falschen Stelle.

        Gruß, Jürgen

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. HTML Elemet löschen

          Jojo55
          – Informationen zu den Bewertungsregeln

          ich kenn mich mit dem Zugriff auf Frameelemente nicht aus, aber schau dir mal http://de.selfhtml.org/javascript/objekte/frames.htm an. Ich glaube, das document steht an der falschen Stelle.

          Also ich habe etz das mal ausprobiert, aber es funktioniert immer noch nicht:

            
 var div_obj = document.frames['area_view_image'].getElementsById("map_area");  
 var map_obj = document.frames['area_view_image'].getElementsByName("area_view_map");
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. HTML Elemet löschen

            wahsaga Homepage des Autors
            – Informationen zu den Bewertungsregeln

            hi,

            Also ich habe etz das mal ausprobiert, aber es funktioniert immer noch nicht:

            vielleicht machst du es mal so, wie's auf der verlinkten seite steht?

            var div_obj = document.frames['area_view_image'].getElementsById("map_area");
            var map_obj = document.frames['area_view_image'].getElementsByName("area_view_map");

              
nein, das frames unterhalb von document liegen würde, steht da sicher nicht.  
  
gruß,  
wahsaga  
  

-- 
/voodoo.css:  
#GeorgeWBush { position:absolute; bottom:-6ft; }
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. HTML Elemet löschen

              Jojo55
              – Informationen zu den Bewertungsregeln

              vielleicht machst du es mal so, wie's auf der verlinkten seite steht?

              var div_obj = document.frames['area_view_image'].getElementsById("map_area");
              var map_obj = document.frames['area_view_image'].getElementsByName("area_view_map");

                
So hatte ich es auch...  
  
Aber es hat ebenfalls nicht funktioniert :-/  
  
Ich habe es aber trotzdem geschafft.  
Man musste das Pferd nur von hinten aufzäumen ;D
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. HTML Elemet löschen

                wahsaga Homepage des Autors
                – Informationen zu den Bewertungsregeln

                hi,

                var map_obj = document.frames['area_view_image'].getElementsByName("area_view_map");

                So hatte ich es auch...

                Aber es hat ebenfalls nicht funktioniert :-/

                ich schrieb doch gerade, dass document.frames _falsch_ ist!

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }
                Beitrag melden
                –
                Informationen zu den Bewertungsregeln