=

Daschmi's Notizblog

RSS Feed

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:

Max Planck (ca. 1930)

Max Karl Ernst Ludwig Planck (* 23. April 1858 in Kiel; † 4. Oktober 1947 in Göttingen) war ein bedeutender deutscher Physiker auf dem Gebiet der theore­tischen Physik. Er gilt als Begrün­der der Quanten­physik. Für die Ent­deckung des Planck­schen Wirkungs­quantums erhielt er 1919 den Nobel­preis für Physik des Jahres 1918. Nach dem Studium in München und Berlin folgte Planck 1885 zunächst einem Ruf nach Kiel, 1889 wechselte er nach Berlin. Dort beschäf­tigte sich Planck mit der Strah­lung Schwarzer Körper und konnte 1900 die planck­sche Strahlungs­formel präsen­tieren, die diese erst­mals korrekt beschrieb. Damit legte er den Grund­stein für die moderne Quanten­physik. 1905 las Planck die Abhand­lung Zur Elektro­dynamik bewegter Körper des damals noch unbe­kannten Albert Einstein und widmete sich in den folgen­den Jahren intensiv der darin einge­führten speziellen Relativitäts­theorie. Planck war entschei­dend daran beteiligt, dass Einsteins Arbeit die nötige Auf­merksam­keit erfuhr.  – Zum Artikel …

Archiv · Weitere exzellente und lesenswerte Artikel ·  RSS-Feed

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

 

 

Mit PHPExcel den Spaltenbuchstabens anhand des Spaltenindex bestimmen

Erstellt in PHP am 25. April 2017

In Excel werden die Spalten als Buchstaben dargestellt. Um die Buchstaben anhand des Spaltenindexes zu bilden kann in PHPExcel folgende Funktion verwendet werden:

function getColNameFromColNumber($col_number)
{ 

  return PHPExcel_Cell::stringFromColumnIndex($col_number); 

}

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.



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

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close