Chart.js 2.6.0 Release

Chart.js Logo

Die Open Source und auf HTML5 und JavaScript basierte Chart Software, chart.js, wurde Ende Mai auf die Version 2.6.0 aktualisiert. In der neuen Version gab es viele Änderungen, Fehlerkorrekturen, Optimierungen und Verbesserungen. Chart.js 2.6.0 Release Notes Breaking Changes #3782 The lineArc setting for the radial linear scale has been removed and replaced bygridLines.circular and pointLabels.display. … WeiterlesenChart.js 2.6.0 Release

jQuery – Tabelle mittels Selector ab 2 Reihe leeren

jQuery Logo

In einem bestimmten Fall habe ich eine HTML-Tabelle mittels JQuery dynamisch, je nach Auswahl, mit Inhalt befüllt. Das hinzufügen ist kein Thema, aber vorher sollten die alten Reihen der Tabelle / die alten Werte, gelöscht werden. Nachfolgend ein Snipe wie ich es mittels gt Selector umgesetzt habe: HTML Tabelle <table id=”table1″> <thead>…</thead> <tbody> <tr><td>wichtig bleibt … WeiterlesenjQuery – Tabelle mittels Selector ab 2 Reihe leeren

jQuery – Name vom Label mittels Selector eines Radio erhalten

jQuery Logo

Nachfolgend ein Snipe um den Text eines Labels zu einem Radio Feld abzufragen. Hierfür nutze ich den Attribute Selector des HTML Radio Feldes wie folgt: HTML Aufbau für den Radio-Button <label class=”radio” for=”radio-1″>Name-Radio1</label> <input type=”radio” id=”radio-1″ name=”Name-Radio-Gruppe1″ value=”1″> JQuery Abfrage des Labels des Radio NameRadio = jQuery(‘label[for=”‘ + this.id + ‘”]’).html(); oder NameRadio = $(‘label[for=”‘ … WeiterlesenjQuery – Name vom Label mittels Selector eines Radio erhalten

Joomla – jQuery Bild Effekt von Schwarz-Weiß bei Mouse Over in Farbe

Logo Joomla

Für eine Webseite mit dem aktuellen Joomla 3.5.x habe ich einen Bildeffekt programmiert, der für ein klein wenig Abwechslung auf der Seite sorgen soll. Funktionsweise Das Bild wird über den Artikel oder ein Modul als ganz normal hinterlegtes schwarz/weiß Bild geladen. Es bekommt eine CSS Klasse für den Effekt, hier “imagechanger” als Zuweisung. Geht man … WeiterlesenJoomla – jQuery Bild Effekt von Schwarz-Weiß bei Mouse Over in Farbe

JavaScript – nächste Reihe in einer Tabelle finden und einblenden

jQuery Logo

Nachfolgend ein kurzes Script zum ermitteln der nächsten ausgeblendeten Reihe (tr) in einer Tabelle (table) und anzeigen dieser. HTML <table> <tr><td>Text1</td><td><button class=”show-row”></button></td></tr> <tr style=”display:none;”><td>Text2</td><td>Text3</td></tr> </table> Script jQuery(“.show-row”).click(function(){ Status = jQuery(this).closest(“tr”).next().css(“display”); if(Status == ‘none’){ jQuery(this).closest(“tr”).next().css(“display”, “inline”); }else{ jQuery(this).closest(“tr”).next().css(“display”, “none”); } }); Es wird eine Tabelle mit einer Zeile angezeigt, die zweite ist ausgeblendet. Wird auf den … WeiterlesenJavaScript – nächste Reihe in einer Tabelle finden und einblenden

JavaScript Snipe – CSS Attribut des next Span Element

Java Logo

Nachfolgend ein kurzer Snipe zum Javascript, dass das CSS Attribut des nächsten Span ausliest. Als Situation wird ein gekürzter Text angezeigt mit einem Button am Ende der den restlichen Text ausblendet. Drückt man auf den Button wird der Text in voller Länger angezeigt. Um dies zu erreichen wird der Text zuvor mit der CSS Eigenschaft … WeiterlesenJavaScript Snipe – CSS Attribut des next Span Element

JavaScript – Host – Domain – Port und Adressinformation abfragen

Java Logo

JavaScript Snipe zum Objekt location Nachfolgend ein paar kurze Snipes / Schnipsel zur Abfrage der URL inkl. Host, Hostname, Link, Pathname, Port und Protokoll mittels JavaScript: Grundsätzlich ist alles im Object location hinterlegt: Beispiel für das Objekt location: location = { host: “taste-of-it.de”, hostname: “taste-of-it.de”, href: “http://taste-of-it.de/javascript-host-domain-port-und-adressinformation-abfragen”, pathname: “/javascript-host-domain-port-und-adressinformation-abfragen”, port: “”, protocol: “http:” } Beispiel … WeiterlesenJavaScript – Host – Domain – Port und Adressinformation abfragen

jQuery – mittels JavaScript zu einem Element per ID animiert scrollen

jQuery Logo

Situation: Für eine Programmierung brauchte ich etwas mehr Komfort und habe einen “Sprung” von einem “Edit-Botton” auf den zu editierenden Bereich “Verwaltung”, weit unten in der Seite,  erstellt. Der Vorteil, der Benutzer braucht nicht mehr weit nach unten zu scrollen / blättern und gelangt zudem mit einem netten Effekt langsam nach unten. HTML-Auszug: <legend id=”verwaltung“>Verwaltung</legend> … WeiterlesenjQuery – mittels JavaScript zu einem Element per ID animiert scrollen