Digital Lifestyle

Tag: javascript

Javascript string in (includes)

Here a quick example how in javascript the includes function on an string works. In other programming language its also known as “in” or “contains” function.

var data = "Hello world, here is some test string to show the includes method.";
if(data.includes("test")) {
	console.log("The string includes test");
}

Output:

The string includes test

JS multiline string

In Javascript you can create an multiline string with the following char: `

var exampleVariable = `Here is a text,
over multiple lines in JS (Javascript).
Some another stuff here.`;

A propertygrid for javascript: jq PropertyGrid

I have found a useful jQuery Plugin to show very fast a javascript object as a form. Its jqPropertyGrid, you can easily show an object with one line of code: 

$(‘#property-grid’).jqPropertyGrid(record.data, options);

I have used the plugin to show fast and easy options for my form editor. Its pretty simple and makes it a lot of easier to make an object editable. Also you can with one command serialize the object back or you can use an event listener, so you get informed on every change the user has made on the property grid.

Continue reading

jQuery Tutorial Status

Da sich mein jQuery Tutorial großer Beliebheit zu zeigen scheint (über 40 Seitenzugriffe allein im letzten Monat nur mit dem Begriff jQueryTutorial ), werde ich eventuell demnächst noch ein kleine Tutorial oder Vorschau zum jQuery UI schreiben.

Noch dazu habe ich noch einen kleinen Link mit den über 50 nützlichen jQuery Plugins: drweb.de. Einfach mal reinschauen und Sachen ausprobieren.

Mein absolutes lieblings Plugin ist natürlich die jQuery Lightbox. Direkt gefolgt vom jQuery Dateibrowser, den ihr dort findet: jQuery

Allen in allen kann man sagen das jQuery ein Top Framework ist und so schnell nicht von der Konkurrenz geschlagen wird.

jQuery Tutorial

Ich schreibe ein kleines jQuery Tutorial mit einigen Beispielen.

Demo 1 Alert Box

Als erstes registrieren wir ein so genanntes “ready Event” für das Document. Dieses geht in jQuery mit der Funktion $(document).ready(function()). Im Code sieht das folgendermaßen aus:

$(document).ready(function() {
    //Mach irgendetwas wenn das Dokument geladen ist.
});

Wir wollen nun, das wenn man auf einen Link klickt, eine Messagebox erscheint, mit dem Inhalt Hallo Welt. Dazu schreiben wir folgendes in die Funktion:

$(document).ready(function(){
    $("a").click(function(){
        alert("Hallo Welt");
    });
});

Continue reading

jquery Framework

Ich wollte euch mal kurz auf die javascript Libary jquery aufmerksam machen. Ich habe selber noch nicht mitgearbeitet, habe aber schon viel gutes drüber gehört und werde es mir demnächst auch mal im Detail anschauen. Dann werdet ihr von mir auch nochmal eine genaue Bewertung und Empfehlung bekommen.

Fakt ist man kann damit, wenn man weiß wie, sehr schnell schöne Funktionen schreiben.

http://jquery.com/

© 2021 Jannik Strelow

Theme by Anders NorenUp ↑