Tabelle per Checkbox anpassen

Toast · 15. März 2010

Joa, ich wollte eine Tabelle manuell vom user anpassen lassen:

HTML

<table>
<tr>
<td>1</td>
<td>3</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
</tr>
</table>

und oben drüber:

(Checkbox) 1 (nur die tds mit den Inhalten 1, 2 werden angezeigt)
(Checkbox) 2 (nur die tds mit den Inhalten 3, 4 werden angezeigt)

**TimWolla** · 15. März 2010

JavaScript

function show(number) {
tds = document.getElementsByTagName('td');
for(var i = 0; i < tds.length; i++) {
if(number == 1) {
if(tds[i].innerHTML != '1' && tds[i].innerHTML != '2') tds[i].style.display = 'none';
else tds[i].style.display = '';
}
else if(number == 1) {
if(tds[i].innerHTML != '3' && tds[i].innerHTML != '4') tds[i].style.display = 'none';
else tds[i].style.display = '';
}
}
}

Alles anzeigen

Hingeklatscht sollte aber gehen. Bei den Checkboxen dann ein onclick="show(1);" bzw show(2);

Toast · 15. März 2010

//new thema

name.php

PHP

<!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="de" lang="de"><head><link href="../style.css" type="text/css" rel="stylesheet" /><!--[if IE]><link href="../iestyle.css" type="text/css" rel="stylesheet" /><![endif]--><title>Startseite | Wi-Fi Treff</title></head><body><!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="de" lang="de"><head><link href="../style.css" type="text/css" rel="stylesheet" /><!--[if IE]><link href="../iestyle.css" type="text/css" rel="stylesheet" /><![endif]--><title>Startseite | Wi-Fi Treff</title></head><body><?phpinclude './include()/steuerung.php3';?><div id="content"><div id="turnier"><div class="intro">Turnier</div>Momentan leider kein Turnier</div>Herzlich Willkommen bei Wi-Fi MeetingsDiese Seite ist zurzeit im Aufbau, wir bitten dies zu entschuldigen.<hr /><center>Alle Namen sind Copyright by Nintendo.</center> <p align="right"><a style="border: none;" href="#header"><img style="margin-right: 16px;" src="../imgs/up.png" /> <br /> Nach oben </a></p></div><div id="u">&nbsp;</div><div id="ul">&nbsp;</div><div id="ur">&nbsp;</div></body></html><div id="content"><div id="turnier"><div class="intro">Turnier</div>Momentan leider kein Turnier</div>Herzlich Willkommen bei Wi-Fi MeetingsDiese Seite ist zurzeit im Aufbau, wir bitten dies zu entschuldigen.<hr /><center>Alle Namen sind Copyright by Nintendo.</center> <p align="right"><a style="border: none;" href="#header"><img style="margin-right: 16px;" src="../imgs/up.png" /> <br /> Nach oben </a></p></div><div id="u">&nbsp;</div><div id="ul">&nbsp;</div><div id="ur">&nbsp;</div></body></html>

./include()/steuerung.php3

PHP

<!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="de" lang="de">
<body>
<div id="header">
Wi-Fi Meetings
</div>


<div id="ol">
&nbsp;
</div>


<div id="or">
&nbsp;
</div>


<div id="navi">
  <div id="Rahmen">
    <ul id="Navigation">
      <li><a class="navi" href="home.html">Home</a>
     </li>
      <li><a class="navi" href="mk.html">Mario Kart</a>
         <ul>
           <li><a class="navi" href="mkw.html">Mario Kart Wii</a></li>
           <li><a class="navi" href="mkds.html">Mario Kart DS</a></li>
         </ul>
     </li>
      <li><a class="navi" href="pkmn.html">Pokemon</a>
         <ul>
           <li><a class="navi" href="dpp.html">Diamant/Perl/Platin</a></li>
           <li><a class="navi" href="hgss.html">Herz Gold/Seelen Silber</a></li>
         </ul>
     </li>
      <li><a class="navi" href="ssbb.html">SSBBl</a>
     </li>
     <li><a class="navi" href="ac.html">Animal Crossing</a>
         <ul>
           <li><a class="navi" href="acww.html">Animal Crossing: Wild World</a></li>
           <li><a class="navi" href="accity.html">Animal Crossing: Let's go to the City</a></li>
         </ul>
      </li>
      <li><a class="navi" href="#navi">Community </a>
         <ul>
           <li><a class="navi" href="forum.html">Forum</a></li>
           <li><a class="navi" href="chat.html">Chat</a></li>
         </ul>
      </li>
    </ul>
  </div>
</div>
</body>
</html>

Alles anzeigen

wird alles richtig dargestellt? Kanns nicht ausprobieren^^

**TimWolla** · 15. März 2010

Lustig wenn wir nicht wissen wie es aussehen soll …

Toast · 15. März 2010

So solls sein:

PHP

<!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="de" lang="de">
<head>
<link href="../style.css" type="text/css" rel="stylesheet" />
<!--[if IE]>
<link href="../iestyle.css" type="text/css" rel="stylesheet" />
<![endif]-->
<title>Startseite | Wi-Fi Treff</title>
</head>
<body>
<div id="header">
Wi-Fi Meetings
</div>


<div id="ol">
&nbsp;
</div>


<div id="or">
&nbsp;
</div>


<div id="navi">
  <div id="Rahmen">
    <ul id="Navigation">
      <li><a class="navi" href="home.html">Home</a>
     </li>
      <li><a class="navi" href="mk.html">Mario Kart</a>
         <ul>
           <li><a class="navi" href="mkw.html">Mario Kart Wii</a></li>
           <li><a class="navi" href="mkds.html">Mario Kart DS</a></li>
         </ul>
     </li>
      <li><a class="navi" href="pkmn.html">Pokemon</a>
         <ul>
           <li><a class="navi" href="dpp.html">Diamant/Perl/Platin</a></li>
           <li><a class="navi" href="hgss.html">Herz Gold/Seelen Silber</a></li>
         </ul>
     </li>
      <li><a class="navi" href="ssbb.html">SSBBl</a>
     </li>
     <li><a class="navi" href="ac.html">Animal Crossing</a>
         <ul>
           <li><a class="navi" href="acww.html">Animal Crossing: Wild World</a></li>
           <li><a class="navi" href="accity.html">Animal Crossing: Let's go to the City</a></li>
         </ul>
      </li>
      <li><a class="navi" href="#navi">Community </a>
         <ul>
           <li><a class="navi" href="forum.html">Forum</a></li>
           <li><a class="navi" href="chat.html">Chat</a></li>
         </ul>
      </li>
    </ul>
  </div>
</div>


<div id="content">
<div id="turnier">
<div class="intro">
Turnier
</div>
Momentan leider kein Turnier
</div>
Herzlich Willkommen bei Wi-Fi Meetings
Diese Seite ist zurzeit im Aufbau, wir bitten dies zu entschuldigen.
<hr />
<center>Alle Namen sind Copyright by Nintendo.</center> <p align="right"><a style="border: none;" href="#header"><img style="margin-right: 16px;" src="../imgs/up.png" /> <br /> Nach oben </a></p>
</div>


<div id="u">
&nbsp;
</div>


<div id="ul">
&nbsp;
</div>




<div id="ur">
&nbsp;
</div>


</body>
</html>


<div id="content">
<div id="turnier">
<div class="intro">
Turnier
</div>
Momentan leider kein Turnier
</div>
Herzlich Willkommen bei Wi-Fi Meetings
Diese Seite ist zurzeit im Aufbau, wir bitten dies zu entschuldigen.
<hr />
<center>Alle Namen sind Copyright by Nintendo.</center> <p align="right"><a style="border: none;" href="#header"><img style="margin-right: 16px;" src="../imgs/up.png" /> <br /> Nach oben </a></p>
</div>


<div id="u">
&nbsp;
</div>


<div id="ul">
&nbsp;
</div>




<div id="ur">
&nbsp;
</div>


</body>
</html>

Alles anzeigen

**TimWolla** · 15. März 2010

Nichtlustig, ich will ein Beispielbild oder sowas.

Vollkornbrot · 15. März 2010

Nur so aus Interesse^^
Wofür soll "tds" stehen?

**TimWolla** · 16. März 2010

Variable?

Toast · 16. März 2010

tds soll der Plural von td (Tabellenzelle) sein

Die beiden dateien sollen zusammengefüg den unten stehenden Code ergeben...

**TimWolla** · 16. März 2010

Zitat

Die beiden dateien sollen zusammengefüg den unten stehenden Code ergeben...

Dann ist es falsch

Toast · 17. März 2010

Damit kann ich viel anfangen </ironie>

Was ist denn falsch?

**TimWolla** · 17. März 2010

Include bindet immer die komplette Datei ein, da hat z.B: ein Doctype nix zu suchen.

Toast · 17. März 2010

PHP

<div id="header">
Wi-Fi Meetings
</div>


<div id="ol">
&nbsp;
</div>


<div id="or">
&nbsp;
</div>


<div id="navi">
  <div id="Rahmen">
    <ul id="Navigation">
      <li><a class="navi" href="home.html">Home</a>
     </li>
      <li><a class="navi" href="mk.html">Mario Kart</a>
         <ul>
           <li><a class="navi" href="mkw.html">Mario Kart Wii</a></li>
           <li><a class="navi" href="mkds.html">Mario Kart DS</a></li>
         </ul>
     </li>
      <li><a class="navi" href="pkmn.html">Pokemon</a>
         <ul>
           <li><a class="navi" href="dpp.html">Diamant/Perl/Platin</a></li>
           <li><a class="navi" href="hgss.html">Herz Gold/Seelen Silber</a></li>
         </ul>
     </li>
      <li><a class="navi" href="ssbb.html">SSBBl</a>
     </li>
     <li><a class="navi" href="ac.html">Animal Crossing</a>
         <ul>
           <li><a class="navi" href="acww.html">Animal Crossing: Wild World</a></li>
           <li><a class="navi" href="accity.html">Animal Crossing: Lets go to the City</a></li>
         </ul>
      </li>
      <li><a class="navi" href="#navi">Community </a>
         <ul>
           <li><a class="navi" href="forum.html">Forum</a></li>
           <li><a class="navi" href="chat.html">Chat</a></li>
         </ul>
      </li>
    </ul>
  </div>
</div>

Alles anzeigen

reicht also auch?
Ist es sonst richtig?

**TimWolla** · 17. März 2010

Wenn du das <?php
include './include()/steuerung.php3';
?>
mit dem Inhalt der Datei ersetzt und alles passt und es die Datei gibt ja.