JavaScript - Problem mit "display" - #24941 (HTML, CSS und Javascript)

renee

2006-12-14 14:15

User since
2003-08-04
14371 Artikel
ModeratorIn

Ich habe folgende HTML-Datei:

Code: (dl )

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" lang="de" xml:lang="de">
<head>
    <style type="text/css">

    .content_div{
        position        : absolute;
        top             :    290px;
        left            :    140px;
        display         :     none;
    }
    </style>
    
    <script type="text/javascript">
    function show_content(id){
    var parent = document.getElementById("content_divs");    

    for(i = 0; i < parent.childNodes.length; i++){
        node = parent.childNodes[i];
        node.style.display = "none";
    }

    document.getElementById(id).style.display = "block";
    }
    </script>
</head>
<body>

    <div class="container">
        <div class="content">
          <table>    
            <tr>
              <td><span class="content_list" 
                        onclick="show_content('12');"><a href="#12">Test</a></span></td>        
            </tr>    
            <tr>
              <td><span class="content_list" 
                        onclick="show_content('119');"><a href="#119">Test</a></span></td>        
            </tr>    
          </table>

          <div id="content_divs">
              <div class="content_div" id="12" >
                 <h3>Test</h3>
                 Testartikel
              </div>
              <div class="content_div" id="119" >
                 <h3>Test</h3>
                 Dies ist ein Testartikel
              </div>
          </div>
      </div>
</body>
</html>

Dies funktioniert im InternetExplorer einwandfrei, bei Firefox (1.0) bekomme ich die folgende Fehlermeldung:

Code: (dl )

1
2
3

Error: node.style has no properties
Source File: http://localhost/foo.html#119
Line: 23

Was mache ich falsch?

OTRS-Erweiterungen (http://feature-addons.de/)
Frankfurt Perlmongers (http://frankfurt.pm/)
--

Unterlagen OTRS-Workshop 2012: http://otrs.perl-services.de/workshop.html
Perl-Entwicklung: http://perl-services.de/