ikariusBlog

Lichterführung wird mobil

Von in javascript, jquery, netzthetik, php

lichterfuehrung.info, die Infor­ma­ti­ons­sei­te über Lich­t­er­füh­run­gen für Sport­boot­fah­rer nach den Kol­li­si­ons­ver­hü­tungs­re­geln auf See, ist nun für mobi­le End­ge­rä­te opti­miert. Auf­grund der kom­ple­xen Steue­rung der Lich­t­er­füh­rung, dem gerin­gen Platz­an­ge­bot auf Smart­pho­nes sowie der unter­schied­li­chen Inter­pre­ta­ti­on von HTML5 der diver­sen mobi­len Brow­ser muss­te das Inter­face neu pro­gram­miert wer­den. In der Ent­wick­lung der Appli­ka­ti­on erwie­sen sich die Funk­tio­nen des Frame­works jquerymobile.com als äußerst hilf­reich, wobei der­zeit noch eine Beta-​​Version von jQue­ry Mobi­le ver­wen­det wer­den muss, um eine funk­tio­nie­ren­de Schnitt­stel­le zum Canvas-​​Element, der gra­phi­schen Dar­stel­lung…  

… wei­ter­le­sen (read more)

Update iPhone §50 SanG Webapp

Von in gesundheit, javascript, jquery, netzthetik, php, wien

Es ist ein Update für die iPho­ne Web­ap­pli­ka­ti­on “High­le­vel High­lights § 50 SanG Sani­tä­ter Fort­bil­dun­gen” erhält­lich. Die Aktua­li­sie­rung beinhal­tet einen Fix für den jQuery-​​Touch-​​Bug, der die Rechts-​​Links-​​Animation in gescroll­ten Lis­ten unter­bin­det. Nähe­re Infor­ma­tio­nen dazu und wie man das Update instal­liert, kön­nen im Arti­kel iPho­ne §50 SanG Web­app nach­ge­le­sen wer­den.

0

Howto: selecting an iframe with jQuery

Von in javascript, jquery, netzthetik

Recent­ly I had to fetch a DOM ele­ment of an inli­ne frame via Java­Script, name­ly a text­area. The job was to append some cha­rac­ters to an exis­ting text dyna­mi­cal­ly. What looks like shoo­ting fish in a bar­rel puz­zled me some hours. Read this arti­cle to figu­re out that pie­ce of cake. (deut­sche Ver­si­on die­ses Arti­kels: “jQue­ry und iframes”) By way of illus­tra­ti­on I use the well known Java­Script WYSIWYG-​​Editor tinyMCE. This par­ti­cu­lar edi­tor doesn’t insert a text­area, it actual­ly fits in an iframe. Let’s have a look…  

… wei­ter­le­sen (read more)

0

Memory-​Effekt in jQuery-​Animationen

Von in javascript, jquery, netzthetik

Das jQuery-​​Framework bie­tet Funk­tio­nen, mit deren Hil­fe und nur weni­gen Zei­len Code ansehn­li­che Ani­ma­tio­nen erzeugt wer­den kön­nen. Dabei tre­ten mit­un­ter aber auch uner­war­te­te Effek­te auf. Einen sol­chen möch­te ich hier beschrei­ben: Den Memory-​​Effekt bei der Ver­wen­dung der jQuery-​​Funktion .hover() in Kom­bi­na­ti­on mit einer Ani­ma­ti­on. Ach­tung! Sie haben in Ihren Brow­ser­ein­stel­lun­gen Java­Script deak­ti­viert. Die­ser Blog­ar­ti­kel nutzt Java­Script, um die The­ma­tik bes­ser beschrei­ben zu kön­nen. Bit­te akti­vie­ren Sie Java­Script in den Brow­ser­ein­stel­lun­gen, um alle Fea­tures, zum Bei­spiel die unten ange­führ­ten Bei­spie­le, die­ser…  

… wei­ter­le­sen (read more)

0

jQuery Anomalien

Von in javascript, jquery

Wird ein JavaScript-​​Code nicht, oder noch schlim­mer, nur hin und wie­der beim Neu­la­den der Sei­te aus­ge­führt, könn­te der Feh­ler in der Rei­hen­fol­ge der refe­ren­zier­ten exter­nen Skrip­te und Style­she­ets lie­gen. Ich möch­te hier die­ses mit­un­ter schwer zu loka­li­sie­ren­de Pro­blem etwas näher erläu­tern. Alles hat man brav befolgt, Styles befin­den sich in einem eige­nen File und wer­den kor­rekt ein­ge­bun­den und der JavaScript-​​Code wird erst nach Laden des DOM mit­tels $(document).ready()-Function aus­ge­führt. $(document).ready(function(){ }); Beim Tes­ten der Sei­te bemerkt man jedoch, dass das…  

… wei­ter­le­sen (read more)

0

Mit Git Änderungen verstecken

Von in javascript, jquery, linux, netzthetik, php, vim

Seit vier Stun­den schon arbei­tet Susi Sorg­los kon­zen­triert an ihrem Soft­ware­pro­jekt, als plötz­lich das Tele­fon läu­tet. Der auf­ge­reg­te Kun­de am ande­ren Ende der Lei­tung berich­tet über einen Pro­gramm­feh­ler, der sei­nen Betrieb zu einem Pro­duk­ti­ons­still­stand zwingt. Feu­er ist am Dach und Susi muss sich dem Bug sofort wid­men, sonst droht Unge­mach. Doch sie hat ein ande­res Pro­blem, das es zuerst zu lösen gilt: Der momen­ta­ne Arbeits­fort­schritt der letz­ten Stun­den ver­hin­dert ein Hot­fi­xing, denn durch die zwi­schen­zeit­li­che Wei­ter­ent­wick­lung befin­det sich die Soft­ware…  

… wei­ter­le­sen (read more)

1

jQuery und Checkboxen

Von in javascript, jquery

Check­bo­xen ver­lei­ten dazu, die Funk­ti­on .val() zum Set­zen des “Aus­wahl­kas­tens” zu ver­wen­den. Bei z.B. Text­fel­dern oder Pull­downs ist dies die rich­ti­ge Vor­ge­hens­wei­se, bei Check­bo­xen muss statt­des­sen eine Eigen­schaft (pro­per­ty) gesetzt wer­den. Selt­sa­mer­wei­se fin­det man im Inter­net dies­be­züg­lich kei­ne ein­heit­li­che Anlei­tung, man­che Bei­spie­le sind sogar funk­ti­ons­un­tüch­tig. Ich möch­te hier anhand eines Code-​​Beispiels zei­gen, wie man Check­bo­xen rich­tig beein­flusst. Check­bo­xen müs­sen auf die Eigen­schaft “che­cked” abge­fragt wer­den. Der Rück­ga­be­wert ist dabei “true”, wenn das Häk­chen gesetzt ist, oder “fal­se”, wenn nicht. In…  

… wei­ter­le­sen (read more)

0

jQuery, selecting selects

Von in javascript, jquery

Ich woll­te heu­te beim Auf­bau eines län­ge­ren For­mu­lars wegen der Not­wen­dig­keit einer etwas auf­wen­di­ge­ren Über­prü­fung mit Java­script nur die Drop­downs (Selec­ts) her­aus­fil­tern. Wegen tem­po­rä­rer Über­mo­ti­vie­rung soll­te das auch noch varia­bel mit­tels einer Schlei­fe gesche­hen, wobei das Pro­blem auf­trat, wie man denn im Array von Ein­ga­be­fel­dern die Drop­downs erkennt. Ich möch­te hier zei­gen, wie eine Lösung bei der Ver­wen­dung des Frame­works jQue­ry aus­se­hen könn­te. Im beschrie­be­nen Pro­blem wer­den zunächst alle For­mu­lar­fel­der in ein Array bzw. Objekt gela­den. jQue­ry macht es uns…  

… wei­ter­le­sen (read more)

0

jQuery und multiselects

Von in javascript, jquery, netzthetik

Heu­te stand ich vor dem Pro­blem, das Multiselect-​​Feld eines For­mu­lars mit Java­Script beein­flus­sen zu müs­sen. Natür­lich kam dabei mein Lieblings-​​Framework “jQue­ry” zum Ein­satz. Eini­ge aus der Hüf­te geschos­se­ne Ver­su­che schlu­gen jedoch fehl, wes­we­gen ich mich in der jQuery-​​Dokumentation auf die Suche mach­te, um anschlie­ßend, eben­falls erfolg­los, das Inter­net zu durch­käm­men. Letzt­end­lich such­te ich mir aus unter­schied­lichs­ten Beschrei­bun­gen das Pas­sen­de zusam­men. Falls jemand anders ein­mal nach der Lösung für fol­gen­des Pro­blem sucht, soll er hier fün­dig wer­den. Nament­lich geht es dabei…  

… wei­ter­le­sen (read more)

1

jQuery und iframes

Von in javascript, jquery, netzthetik

Ich fand mich kürz­lich in der ver­zwick­ten Lage, die Text­area in einem inli­ne frame selek­tie­ren zu müs­sen. Es galt über Java­Script dem bereits vor­han­de­nen Text defi­nier­te Zei­chen anzu­hän­gen. Was auf den ers­ten Blick als eher tri­vi­al anmu­tet berei­te­te mir dann doch etwas mehr Kopf­zer­bre­chen. Dabei ist es wirk­lich ein­fach. Wenn man weiß, wie es geht. (for Eng­lish ver­si­on of this arti­cle: “How­to: selec­ting an iframe with jque­ry”) Als Bei­spiel möch­te ich hier den bekann­ten Java­Script WYSIWYG-​​Editor tinyMCE her­an­zie­hen. Die­ser Edi­tor…  

… wei­ter­le­sen (read more)

5