zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden JavaScript für Touch-Devices, (hoverproblem)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.02.2014, 16:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.01.2014
Beiträge: 2
numb befindet sich auf einem aufstrebenden Ast
Frage JavaScript für Touch-Devices, (hoverproblem)

Hallo an alle,

ich habe ein Dropdown menü und muss es auch funktionierbar bei Touch-Devices sein. Diese Optimierung soll mit JavaScript erfolgen und weiß nicht wie ich es machen soll und brauche unbedingt eine Hilfe, weil ich gar kein Ahnung von JavaScript habe Könnte jemand mir helfen, wie man das machen kann, dass man das Menü obtimieren kann, damit es durch Touch-Devices ohne hover funktioniert.

Viele Grüße

HTML-Code:
HTML-Code:
<div class="nav-menu">Menü
  <ul class="nav-menu">
    <li><a href="#">Startseite</a></li>
    <li><a href="#">Über uns</a></li>
    <li><a href="#">Presse</a></li>
    <li><a href="#">Veranstaltungen</a></li>
    <li><a href="#">Mitglieder</a></li>
    <li><a href="#">Forschung</a></li>
    <li><a href="#">Preise</a></li>
    <li><a href="#">Digitale Bibliothek</a></li>
  </ul>
</div>
CSS-Code
Code:
.nav-menu{
  width: 100px;
  height:29px;
  font-size: 14px;
  font-weight: bold;
  padding-left:10px;
  padding-top:10px;
}

ul.nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index:999;
  display:none;
  border:1px solid #b80026;
  border-top:none;
  width:200px;
  height:385px;
  top:100%;
  margin-left:-9px;
}

.nav-menu:hover { 
  background:url(ico-MenuF-over.png);
  color:#b80026;
}

.nav-menu:hover ul.nav-menu{ 
  float: left; 
  zoom: 1; /*Needed for IE*/
  z-index:999;
  display:block;
  position:absolute;
}

ul.nav-menu:hover {
  display:block;
  position:absolute;
}
 
ul.nav-menu li{ 
  background: #fbf7f6;
  color: #000; 
  border-bottom: 1px solid #d5d3cd; 
  float: none;
  padding:5px 0 5px;
  width:200px;
  left:0px;
}  
     
ul.nav-menu li a{
  display: block; 
  padding:10px 10px 10px; 
  color:#fff;
  font-family: Arial, Times New Roman, Tahoma;
  font-size: 14px;
  text-decoration:none;
  width: 180px; 
  color:#000000;
  background-color:#fbf7f6;
  font-weight:bold;
}

ul.nav-menu li a:hover{
  color:#b80026;
}

ul.nav-menu li:last-child{
  border:none;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.02.2014, 17:36
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Deine Frage scheint ein Angebot zu enthalten, um jemanden zu beauftragen, etwas für dich zu erledigen.
Dazu sind die Hilfeforen aber nicht gedacht.

Du darfst gerne eine Anfrage im Jobs - XHTMLforum reinstellen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
hover, onclick, touchdevices

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 an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Software Engineer JavaScript Framework (m/w) itchristian Jobs 0 09.01.2012 18:27
Erkennen ob JavaScript deaktiviert ist und anderen Inhalt anzeigen Ares Javascript & Ajax 7 02.02.2011 13:45
Wort in Javascript Code einfügen; dann Javascript Code ausgeben Sp33dy G0nz4l3s Javascript & Ajax 1 23.05.2008 10:37
Impressumsaufruf mit Javascript Sinclair Javascript & Ajax 6 19.05.2008 16:41
Javascript und Sicherheit Kirsten Javascript & Ajax 2 26.03.2007 11:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:37 Uhr.