Ein Einblick in die Welt der IT.
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. … Weiterlesen Chart.js 2.6.0 Release
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 … Weiterlesen jQuery – Tabelle mittels Selector ab 2 Reihe leeren
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=”‘ … Weiterlesen jQuery – Name vom Label mittels Selector eines Radio erhalten
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 … Weiterlesen Joomla – jQuery Bild Effekt von Schwarz-Weiß bei Mouse Over in Farbe
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 … Weiterlesen JavaScript – nächste Reihe in einer Tabelle finden und einblenden
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 … Weiterlesen JavaScript Snipe – CSS Attribut des next Span Element
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 … Weiterlesen JavaScript – Host – Domain – Port und Adressinformation abfragen
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> … Weiterlesen jQuery – mittels JavaScript zu einem Element per ID animiert scrollen