Skip to content

Instantly share code, notes, and snippets.

View frequent's full-sized avatar

Sven Franck frequent

38 followers · 6 following
View GitHub Profile
@frequent
frequent / jqm-self-init-a-widget.js
Created January 4, 2012 12:44 — forked from scottjehl/jqm-self-init-a-widget.js
Self-init a jQuery Mobile plugin
// First, let's define a widget/plugin called "foo"
// Either using jQuery's $.fn plugin namespace, for simple stateless plugins...
$.fn.foo = function(){
// In this scope, this refers to the element on which the plugin foo() was called
// manipulate it and return this at the end, so it can be chainable
};
@frequent
frequent / mobile-meta-links.html
Created December 14, 2011 23:33
iOS Web App Configuration
@frequent
frequent / imgtag.html
Created November 28, 2011 22:18 — forked from ike/imgtag.html
The New Img Tag
<img src="large-default-file.jpg">
<source src="smaller.jpg" media="max-width:600px">
<source src="tiny.jpg" media="max-width:320px">
</img>
@frequent
frequent / upgrade JQM actionsheet
Created September 11, 2011 08:26
how to fire actionsheet from within a list element
<!-- not perfect yet, but going in the right direction ... -->
<!-- list element from within actionsheet should be triggered -->
<ul data-role="listview" data-inset="true" class="socialize">
<li><a data-trigger="actionsheet" id="as1" href="#"><img src="iconSprite" class="ui-li-icon" alt="" />Favorite</a></li>
<li><a data-trigger="actionsheet" id="as2" href="#"><img src="iconSprite" class="ui-li-icon" alt="" />Hide</a></li>
</ul>
<!-- action sheets -->
<!-- need to be place outside list element, otherwise CSS is not working properly once activated-->
@frequent
frequent / gist:0e9ca7ae840a2a8b3882
Created August 21, 2015 09:56
template for Xiaowu
<!-- field-search with tags and filter button -->
<script id="field-search-template" type="text/x-handlebars-template">
<div class="field_container">
<div class="ui-field-contain">
<div class="css-compatability-helper">
<div class="ui-input-text ui-body-{{theme}} ui-input-has-icon ui-corner-all ui-shadow-inset ui-input-has-clear {{status_class}} {{css_class}}">
<form class="save_form document_form">
<input type="text" data-enhanced="true" value="{{value}}" name="search" {{status_attribute}} />
<div class="ui-btn ui-input-clear ui-input-btn ui-corner-all ui-icon-search ui-btn-icon-notext" data-i18n="[node]{{search_i18n}}">
{{search_i18n}}<input tabindex="-1" data-role="button" data-enhanced="true" type="submit" data-i18n="[value]{{search_i18n}}" value=" " {{status_attribute}} />
@frequent
frequent / index.html
Created August 12, 2015 08:26
rtc-brainstorming
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<!--
<script type="text/javascript" src="sockjs-client.js"></script>
<script type="text/javascript" src="webtcp_client.js"></script>
@frequent
frequent / gist:2d54478d01649ba4706c
Last active August 29, 2015 14:22
css
/* --------------------------- gadget_core.css -------------------------- */
/*
=========================================================================
================================ fonts =================================
=========================================================================
*/
/* global reference font-size (.9em = 14.4px) */
html.ui-mobile body div p,
html.ui-mobile body div a,
html.ui-mobile body div button,
@frequent
frequent / navigation.js
Created July 1, 2014 07:51
JQM navigation gadget, which allows deeplinking and (uri encoded) query parameters
/*jslint indent: 2, maxlen: 80, nomen: true */
/*global console, window, document, rJS, RSVP, $ */
(function (window, document, rJS) {
"use strict";
rJS(window)
/**
* Override navigation of jQuery Mobile and allow deeplinking. Missing
* pages will now be loaded and added to the DOM as new page-gadgets -
@frequent
frequent / gist:48507187ef8c006c6d15
Created May 27, 2014 17:17
how to drop a gadget?
/*jslint indent: 2, maxlen: 80, nomen: true */
/*global console, window, document, rJS, RSVP, $ */
(function (window, document, rJS) {
"use strict";
rJS(window)
/**
* Override navigation of jQuery Mobile and allow deeplinking. Missing
* pages will now be loaded and added to the DOM as new gadgets - and
@frequent
frequent / gist:6b7a20ed2be52a6b0040
Created May 20, 2014 18:39
RenderJS - retrieve method from subgadget on "main" gadget
/*jslint indent: 2, maxlen: 80, nomen: true */
/*global console, window, document, rJS, RSVP, $ */
(function (window, document, rJS) {
"use strict";
var TRANSLATION_GADGET = "./html/translations.html";
// prevent JQM autoinit
$(document)
.on("mobileinit", function () {