zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Responsive mobile Menu Text entfernen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.01.2012, 11:21
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard Responsive mobile Menu Text entfernen?

Hallo,
ich arbeite gerade an einer Website mit Wordpress bei der auf Handys und kleinen Endgeräten das Menu als Dropdown Auswahlliste dargestellt wird. Ich möchte gerne, dass im Dropdwon der Beschreibungstext verschwindet. Mein Menu ist wie folgt aufgebaut:

Code:
<ul id="menu-hauptmenu">
 <li><a href="#">Willkommen<span>Schön dass Sie zu mir gefunden haben</span></a></li>
</ul>
Ich habe also unter jedem Menupunkt eine kleine Beschreibung welche zwischen den <span> tags steht.

Für die Umwandlung dieses Menus in ein Dropdown Menu auf kleinen Geräten verwende ich folgendes Javascript:

Code:
    //create the mobile menu
    function createMenu($this){
      if(isList($this)){
                
        //generate select element as a string to append via jQuery
        var selectString = '<select id="mobileMenu_'+$this.attr('id')+'" class="mobileMenu">';
        
        //create first option (no value)
        selectString += '<option value="">'+settings.topOptionText+'</option>';
        
        //loop through list items
        $this.find('li').each(function(){
          
          //when sub-item, indent
          var levelStr = '';
          var len = $(this).parents('ul, ol').length;
          for(i=1;i<len;i++){levelStr += settings.indentString;}
          
          //get url and text for option
          var link = $(this).find('a:first-child').attr('href');
          var text = levelStr + $(this).clone().children('ul, ol').remove().end().text();
          
          //add option
          selectString += '<option value="'+link+'">'+text+'</option>';
        });
        
        selectString += '</select>';
        
        //append select element to ul/ol's container
        $this.parent().append(selectString);
        
        //add change event handler for mobile menu
        $('#mobileMenu_'+$this.attr('id')).change(function(){
          goToPage($(this));
        });
        
        //hide current menu, show mobile menu
        showMenu($this);
      } else {
        alert('mobileMenu will only work with UL or OL elements!');
      }
    }
Wie kann ich jetzt noch hinzufügen, dass der Beschreibungstext zwischen den <span> tags nicht verwendet wird. Ist es möglich den zu entfernen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.01.2012, 12:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard

Ui habs doch hinbekommen.

Ich habe einfach dem <span> Element einen Klassennamen gegeben "descr" und entferne es dann in der Funktion über remove:

Code:
//loop through list items
        $this.find('li').each(function(){
			
			$('.descr').remove();
Vielleicht hilfst ja jemandem weiter.

Ich habe aber noch ein Problem mit ähnlichem Hintergrund. Und werden in der Seite die Bilder über Prettyphot angezeigt. Wenn man jetzt auf dem Handy die Bilder betrachtet, macht das keinen Sinn, weil diese dann quasi kleiner dargestellt werden als das thumbnail an sich ist. Ich würde halt gerne die Funktion dann auf Handys deaktivieren. Wie kann ich eine Funktion erstellen die bei einer Bestimmten Fenstergröße das "rel" attribut entfernt?

Ich dachte an so etwas, weiß aber nicht genau wie ich das ausformulieren muss:

Code:
function removelightbox() {
	if(screen.width < 500){
		entferne bei jedem Bild das "rel" attribut
	}
}

sorry für die andere Frage noch, aber ich wollte keinen extra Beitrag dafür erstellen.
Mit Zitat antworten
Sponsored Links
Antwort

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
Wrapper wächst nicht mit, keine Floats maclady CSS 11 10.02.2010 18:30
Wachsende Container Andy CD CSS 13 10.02.2010 14:08
DIV bis GANZ unten burnZ CSS 5 27.07.2008 14:14
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 21:52
Problem mit div und Höhe deep4 CSS 2 13.11.2007 21:03


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