Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „[JS] Dropdown, "tr" erscheinen lassen“

d3221

Aktives Mitglied

Hey,

folgendes Problem.

Ich möchte in einer Formulartabelle eine Tabellenreihe ERST einblenden lassen, wenn Hamburg ausgewählt wurde. An der entsprechenden Stelle soll aber kein Platzhalter oder sonst was sein sondern einfach auf"ploppen" und da sein. Nix mit AJAX oder sonst was.


Mein JS:
Code:
<script type="text/javascript">
  <!--
function CheckAuswahl(strText) {
  var objVis = document.getElementById("homeoffice");
  // Alle values angeben, die nicht sichtbar sein sollen (durch ODER-Zeichen getrennt)
  objVis.style.visibility = (strText.match(/(berlin|dresden|duesseldorf|frankfurt|muenchen)/i)) ? 'hidden' : 'visible';
}
 //-->
</script>


Dropdown:
Code:
   <select <?php if (empty($_POST["standort"]) && isset($_REQUEST["vorschau"])) { echo "style=\"background-color:red; color:white;\" "; } ?>name="standort" onchange="CheckAuswahl(this[this.selectedIndex].value);">
   	<option value="">Bitte w&auml;hlen...</option>
    <option <?php if ($standort == "berlin") { echo "selected"; } ?> value="berlin">Berlin</option>
    <option <?php if ($standort == "dresden") { echo "selected"; } ?> value="dresden">Dresden</option>
    <option <?php if ($standort == "duesseldorf") { echo "selected"; } ?> value="duesseldorf">D&uuml;sseldorf</option>
    <option <?php if ($standort == "frankfurt") { echo "selected"; } ?> value="frankfurt">Frankfurt</option>
    <option <?php if ($standort == "hamburg") { echo "selected"; } ?> value="hamburg">Hamburg</option>
    <option <?php if ($standort == "muenchen") { echo "selected"; } ?> value="muenchen">M&uuml;nchen</option>
   </select>


Tabellenauszug:
Code:
 <tr>
  <td valign="top">Homeoffice?</td>
  <td><div id="homeoffice" style="visibility: hidden;float:left; background-color:#000000">SICHTBAR</div>
  </td>
 </tr>

Momentan kann ich auch nur EIN TD ausblenden und nich mehrere auf einmal. Aber ich will ja auch eine TR komplett ausblenden und erscheinen lassen aber das will nicht :( Weiß da jemand was?

Vielen Danke schon mal!!


EDIT// Wenn ich folgendes mache dann ist es von Anfang an sichtbar und reagiert nicht:
Code:
<div id="homeoffice" style="visibility: hidden;float:left; background-color:#000000">
 <tr>
  <td valign="top">Homeoffice?</td>
  <td>SICHTBAR</div></td>
 </tr>
</div>
 
Zuletzt bearbeitet:

Chriss1987

me.drinkCoffee();

AW: [JS] Dropdown, "tr" erscheinen lassen

Hi,

versuch einfach mal:
HTML:
...
<script type="text/javascript">
    function zeige(id)
        {
            if (document.getElementById(id).style.display == 'none')
                {
                    document.getElementById(id).style.display = '';
                }
            else
                {
                    document.getElementById(id).style.display = 'none';
                }
        }
</script>
...
<tr id="hamburg" style="display: none;">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
...
<a href="#" onClick="zeige('hamburg'); return false;">Klick</a>

Schöne Grüße aus dem Sauerland!
Chriss
 

d3221

Aktives Mitglied

AW: [JS] Dropdown, "tr" erscheinen lassen

Und wie kann man das machen, dass es wieder ausblendet wenn man einen anderen Menüpunkt wählt?

EDIT// Habs schon :D
 
Zuletzt bearbeitet:

saila

Moderatorle

AW: [JS] Dropdown, "tr" erscheinen lassen

In dem du z.B. bei dem Vorschlag von Criss1987 in der if/else zusätzlich noch eine CSS-Klasse setzt. Damit kannst du prüfen, was z.B. bereits angezeigt wird um das vor dem öffnen/darstellen des anderen tr's wieder zu schliessen.
 

d3221

Aktives Mitglied

AW: [JS] Dropdown, "tr" erscheinen lassen

Hat sich erledigt ;)

Habe jetzt noch die Funktion gemacht:
Code:
    function hide(id)
        {
            if (document.getElementById(id).style.display == '')
                {
                    document.getElementById(id).style.display = 'none';
                }
        }

:) Danke an euch
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.224
Neuestes Mitglied
Aliyah79
Oben