Client / Server Anwendung mit Websocket
Websockets Tools und Tests websocket.org – Echo Test
WeiterlesenKategorie: Javascript
jQuery map() Methode
|
1 2 3 4 5 |
var optionsData = $.map(data, function (obj) { obj.id = obj.keyword_id; obj.text = obj.keyword_value; return obj; }); |
Weiterlesen
jstree Snippets
var tree = SentenceTree.getInstance(); var inst = $.jstree.reference(data.reference); tree.get_selected(); tree.get_node(nodeid); tree.get_children(node); tree.get_path(id, false, true); // path ids as array tree.delete_node(node); tree.delete_node(node); tree.select_node(node, true, false); // supress_event tree.is_selected(obj) tree.deselect_all(); tree.refresh(true, false) $(this.ele).jstree(true).get_json(‚#‘, {flat:false, no_state:true}); //open Tree.tree.jstree(‚open_node‘, id, function(){ Tree.tree.jstree(’select_node‘, selected_id, true, false); // select_node without event trigger }); // load Tree.tree.jstree(‚load_node‘, id, function(){ //open Tree.tree.jstree(‚open_node‘, id, […]
Weiterlesenunderscore.js Code Snippets
Iframes und Jquery
|
1 |
$('#iframe').contents().find('html').html("<h1 style='text-align: center;'>hello iframe</h1>"); |
Top Javascript Komponenten
Core Komponenten HeadJS – A tiny script, to simplify, speed up, and modernize your site ! Modernizr – feature detection library for HTML5/CSS3 mathjs.org – An extensive math library for JavaScript and Node.js – momentjs.com – Parse, validate, manipulate, and display dates in JavaScript. amplify – Ajax Request Management, Client Side Browser Storage chroma.js – […]
WeiterlesenDie Audio & Video getUserMedia() API im Browser mit Mikrofon und Webcam
Weblinks zum Thema Getting Started with Web Audio API – HTML 5 Webaudio Tutorial http://webaudiodemos.appspot.com/AudioRecorder/index.html – Dieses Demo kann die Aufnahme als WAV anbieten. Spektrum Analyser und Wellenform Rendering. Web Audio API Demos https://chromium.googlecode.com/svn/trunk/samples/audio/samples.html http://webaudioapi.com/samples/ http://webaudiodemos.appspot.com/ http://chromium.googlecode.com/svn/trunk/samples/audio/index.html webaudiodemos.appspot.com – Die Webseite bietet eine reihe verschiedener Demos AudioRecorder – MIkrofon aufnehmen und WAV Dateien genereiren Pitchdetect – […]
WeiterlesenMusik und Javascript = Aufnehmen, Frequenzanalyse, Visualisierung, WAV, MP3
WebAudio APIs WebAudio APIs audioJS – Cross-Browser API for WebAudio AnalyserNode Mozilla Audio Data API (temporary) Wellenformen erstellen Peaks.js – A browser based audio waveform visualisation frontend component from BBC R&D waveform-data.js 1768 Javascript MP3 Encoder libmp3lame.js – emscripten lamejs – von zhuke – much faster als emscripten node-lame – von TooTallNate – lameworker – 1768
WeiterlesenDistributed JavaScript Widgets mit jQuery programmieren
Building Distributed JavaScript Widgets with jQuery from benvinegar How to build a web widget (using jQuery)
WeiterlesenjQuery Cheat Sheet
|
1 2 3 4 |
$("Vorfahre Nachkomme"); // Alle Nachfahren eines Tags $("Elternteil > Kind"); // ein direkt folgendes Kind $("Element ~ Geschwister"); // Alle Geschwister eines Tags $("Element + Nachfolger"); // Nur die Nachfolger eines Tags |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$(".item div:even"); // $(".item div:odd"); // $(".item div:first"); // $(".item div:checked"); $(".item div:after"); $(".item div:not('.active')"); $(".item div:nth-child(2)"); $(".item div:nth-last-child(2)"); $(".item div:nth-of-type(2)"); $(".item div:nth-last-of-type(2)"); $(".item div:first-child"); $(".item div:last-child"); $(".item div:only-child"); $(".item div:only-of-type"); $(".item div:first-of-type"); $(".item *:eq(3)"); // Das 4. Element unter .item $(".item div:eq(3)"); // Das 4. DIV-Element unter .item |
|
1 2 3 4 5 6 7 8 |
$("a[title]") ; // Nur Links mit einem title-Attribut $("div[class='example']"); // Alle DIVs mit class-Attribut example $("div[class*='test']"); // Alle mit einer Klasse dertest atest usw. $("div[class^='test']"); // class Beginnt mit test $("div[href$='.jpg']"); // href endet mit .jpg $("div[class~='image']"); // in class-Attribut kommt image vor $("div[class*='e']:contains('Test')") $('[data-toggle="tooltip"]') |
Traversing Methoden
|
1 2 3 4 |
$(".item").parents('.main'); // Der nächste Vorfahre mit der Klasse .main $(".item").parent(); // Eltern Element $(".item").children(); // Alle Kind Elemente $(".item").siblings(); // Alle Geschwister |
Weblinks jQuery Quick API Reference 11
Weiterlesen