SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Webseiten professionell erstellen

Webseiten professionell erstellen zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 22.02.2016, 18:14:49
Joko Joko ist offline
Anfänger
 
Registriert seit: Feb 2016
Alter: 46
Beiträge: 1
Drop Down Menü Java Script Hilfe!

Hi zusammen hier! Bin neu hier und bräuchte Hilfe!
Und zwar habe ich Probleme mit dem Drop Down Menü für mein Schachspiel. Ich habe einen mehrfach Auswahl bei dem Feld Spiel aber kriege es nicht hin bei den weiteren Menüpunkten in der Auswahl Anzeige wie zB Spieler weitere Auswahlpunkte zu bekommen. Ich füge mal den Quellcode ein vll kann jemand helfen. Habe heut schon mehrere Std damit verbracht(bin neu im programmieren).
HTML-Code:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}
</style>
</head>
<body>

<ul>
  <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn" onclick="myFunction()">Spiel</a>
    <div class="dropdown-content" id="myDropdown">
      <a href="#">Neues Spiel</a>
      <a href="#">Letzten Spielstand laden</a>
      <a href="#">Spieler einladen</a>
    </div>
    <li><a href="#news">Spieler</a></li>
      <li><a  href="#home">News</a></li>
      <li><a href="email.php">Kontakt</a></li>
      <li><a href="impressum.php">Impressum</a></li>
  </li>
 
  
  
</ul>


<script>

function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}


window.onclick = function(e) {
  if (!e.target.matches('.dropbtn')) {

    var dropdowns = document.getElementsByClassName("dropdown-content");
    for (var d = 0; d < dropdowns.length; d++) {
      var openDropdown = dropdowns[d];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
</script>

</body>
</html>
Mit Zitat antworten
Antwort

Stichworte
dropdownmenü, javascript


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Php upload via java script warnen, wenn format nicht stimmt. test HTML, CSS und JavaScript Help! 1 01.08.2010 20:43:13
Drop Down Menü - Seite laden latina1984 HTML, CSS und JavaScript Help! 1 09.08.2007 22:37:42
Baumstruktur in Drop Down Liste möglich? Tikiwiki PHP Grundlagen 3 21.10.2005 13:01:24
System-Beep mit Java Script didi86 HTML, CSS und JavaScript Help! 1 25.09.2004 10:01:20
Drop Down Menü initialisieren jwg PHP Grundlagen 5 07.11.2003 17:10:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:23:16 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt