=
3.209.80.87

Daschmi's Notizblog

Logo des Etikators - Tool um online drucken von Etiketten für selbst angefertigte Tinkturen

Verschachtelte Tabs mit Material Design Light

Erstellt in Sonstiges am 12. August 2017

Mit dem Material Design Light / Material Design Paket ist es nicht möglich verschachtelte Tabs/Karteireiter zu erstellen. Es wird darauf hingewiesen, dass es aus UI Sicht ungünstig ist, die Tabs zu verschachteln. Wenn es aber nicht anders geht, kann folgender Code verwendet werden:

HTML/Markup:

<div class="mdl-tabs mdl-js-tabs ds-tabs">       
    <div class="mdl-tabs__tab-bar mdl-tabs__tab-bar-top">
        <a href="#tab1-panel" class="mdl-tabs__tab is-active">Tab 1</a>
        <a href="#tab2-panel" class="mdl-tabs__tab">Tab 2</a>
    </div>                
    <div class="mdl-tabs__panel is-active" id="tab1-panel">
                  
        <div class="mdl-tabs ds-tabs">       
            <div class="mdl-tabs__tab-bar">
                <a href="#tab-1-1-panel" class="mdl-tabs__tab is-active">Tab 1.1</a>                      
                <a href="#tab-1-2-panel" class="mdl-tabs__tab">Tab 1.2</a>
            </div>                
            <div class="mdl-tabs__panel is-active" id="tab-1-1-panel">
                    
                1.1
                    
            </div>
            <div class="mdl-tabs__panel" id="tab-1-2-panel">
                    
                1.2
                    
            </div>
        </div>
        
    </div>
            
    <div class="mdl-tabs__panel" id="tab2-panel">
         
        <div class="mdl-tabs ds-tabs">       
            <div class="mdl-tabs__tab-bar">
                <a href="#tab-2-1-panel" class="mdl-tabs__tab is-active">Tab 2.1</a>                      
                <a href="#tab-2-2-panel" class="mdl-tabs__tab">Tab 2.2</a>
            </div>                
            <div class="mdl-tabs__panel is-active" id="tab-2-1-panel">
                    
                2.1
                    
            </div>
            <div class="mdl-tabs__panel" id="tab-2-2-panel">
                    
                2.2
                    
            </div>
        </div>
        
    </div>                
</div>

JavaScript:


<script type="text/javascript">/* <![CDATA[ */

    jQuery(document).ready(function() {
    
        jQuery('.ds-tabs .mdl-tabs__tab').unbind('click').off('click').on('click', function(event) {
      
            event.stopImmediatePropagation(); 
            
            if (jQuery(this).hasClass('is-active'))
            {
                
                return false;
                
            }
            else 
            {
                
                jQuery(this).parent().children('.is-active').removeClass('is-active');
                jQuery(this).addClass('is-active');
                
                jQuery(this).parent().parent().children('.mdl-tabs__panel.is-active').removeClass('is-active');
                jQuery(this).parent().parent().children('.mdl-tabs__panel' + jQuery(this).attr("href")).addClass('is-active');
                    
            }
            
            return false;
        
        } );
        
    } );

/* ]]> */</script>

Wichtig ist die Klasse „ds-tabs“ auf dem umschließenden Element.

Inhalt einer anderen Seite über eine WordPress Shortcode einbinden

Erstellt in Sonstiges am 15. Juli 2017

Mittels des Plugins GetContentFromURL ist es möglich über einen Shortcode Inhalte von anderen Website im eigenen Blog zu positionieren.

Es ist möglich den kompletten Inhalt einer URL anzuzeigen oder auch nur Teile über einen XPath Selektor.

Bsp („Artikel des Tages“ von Wikipedia)

[gcfu url="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" xpath="%2F%2F%2A%5B%40id%3D%22mf-tfa%22%5D"]

Ergebnis:

Hauptfigur Kelly (Gugu Mbatha-Raw)

San Junipero ist die vierte Folge der dritten Staffel und damit die elfte Epi­sode der briti­schen Science-Fiction-Fernseh­serie Black Mirror. Die Folge handelt von zwei jungen, gegen­sätz­lichen Frauen namens Kelly und Yorkie, die sich im Jahr 1987 in der Küsten­stadt San Junipero begeg­nen und mitei­nan­der ein Verhält­nis anfangen. Im Ver­lauf der Epi­sode stellt sich heraus, dass San Junipero eine Simu­lation ist, in der ältere Men­schen nach ihrem Tod leben und die sie vor ihrem Tod für fünf Stunden wöchent­lich besu­chen können. Auf­grund ihres posi­tiven Tons, ihrer Wen­dung sowie dem Spiel der beiden Haupt­darstel­lerin­nen Gugu Mbatha-Raw (Bild) und Mackenzie Davis wurde die Folge von Kriti­kern vielfach gelobt; zudem gewan­nen die Epi­sode selbst sowie ihr Drehbuch­autor Charlie Brooker zwei Emmys.  – Zum Artikel …

Archiv · Weitere exzellente und lesenswerte Artikel ·  RSS-Feed

Content Loaded from https://de.wikipedia.org/wiki/Wikipedia:Hauptseite

 

 

Reconnect mit cURL und Shell Script

Erstellt in Sonstiges am 12. April 2017

XML Datei für die Anfrage:

<?xml version="1.0" encoding="utf-8" ?>
<s:Envelope s:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/" xmlns:s="http://schemas.xmlsoap.org/soap/envelope/">
<s:Body>
<u:ForceTermination xmlns:u="urn:schemas-upnp-org:service:WANIPConnection:1" />
</s:Body>
</s:Envelope>

Shell Script, welches die FRITZ!Box dazu bewegt die Internetverbindung neu aufzubauen:

#!/bin/bash
curl -s "http://fritz.box:49000/igdupnp/control/WANIPConn1" -H "Content-Type: text/xml; charset="utf-8"" -H "SoapAction:urn:schemas-upnp-org:service:WANIPConnection:1#ForceTermination" -d "(at)reconnect.xml" >/dev/null

Adressermittlung mittels GPS und GoogleMaps

Erstellt in PHP, Sonstiges am 12. Februar 2017

Mittels des jQuery Plugins jLocator ist es möglich über GPS die Längen- und Breitengrade der aktuellen Position zu bestimmen und in die Adressdaten umzuwandeln.

jLocator - Positionsbestimmung mit GPS, jQuery und der Google Maps API

Stückpreis: 15,00 EUR

jQuery Plugin zur Bestimmung von Straße, Hausnummer, Stadt, Postleitzahl, Landkreis, Bundesland und Land anhand der geografischen Position (GPS) des Benutzers.

Längen/Breitengrade werden dabei über den Browser bestimmt und die Adressdaten werden daraus mittels der Google MAP API ermittelt.

Google Chrome DNS Cache leeren

Erstellt in Sonstiges am 27. September 2016

Um im Chrome Browser von Google den DNS Cache zu leeren einfach folgende URL im Browser aufrufen: chrome://net-internals/#dns und auf „Clear Host Cache“ klicken.



Bitte genehmigen Sie die Verwendung von Cookies dieser Website! Mehr Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen