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. … WeiterlesenChart.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 … WeiterlesenjQuery – 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=”‘ … WeiterlesenjQuery – 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 … WeiterlesenJoomla – 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 … WeiterlesenJavaScript – 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 … WeiterlesenJavaScript 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 … WeiterlesenJavaScript – 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> … WeiterlesenjQuery – mittels JavaScript zu einem Element per ID animiert scrollen