Ryu | Chia-Lung Chen EragonJ

## gist:11164539
var obj = {
  bindEvent: function() {
    // Dom event
    var dom = document.getElementById('dom');
    dom.addEventListener('change', this);

    // window event
    window.addEventListener('localized', this);
  },
  handleEvent: function(evt) {

## gist:7986944
window.addEventListener('iac-ftucomms', function() {
  var message = evt.detail;
  if (message === 'done') {
    self.setBypassHome(true);
  }
});

## gist:7986936
window.navigator.mozSetMessageHandler('connection',
  function onConnected(request) {
   var keyword = request.keyword;
   var port = request.port;

   port.onmessage = function onReceivedMessage(evt) {
     // this is the message you sent
     var message = evt.data;
     // do whatever you want to do later
   };

## gist:7986929
{
  "connections": {
    "ftucomms": {
      "description": "Communicate between communications/ftu and System",
      "rules": {}
    }
  }
}

## gist:7986909
if (this.currentStep > this.numTutorialSteps) {
  Tutorial.tutorialScreen.classList.remove('show');
  Tutorial.tutorialFinish.classList.add('show');

  // for large devices, we have to use IAC to tell system ftu is done
  if (this.layout !== 'tiny') {
    navigator.mozApps.getSelf().onsuccess = function(evt) {
      var app = evt.target.result;
      app.connect('ftucomms').then(function onConnAccepted(ports) {
        ports.forEach(function(port) {

## gist:7366183
ack -l 'pattern' | xargs perl -pi -E 's/pattern/replacement/g'

## gist:7300364
<script id="entry-template" type="text/x-handlebars-template">
  <div id="tmpl">
    <h1 class="header">{{header}}</h1>
    <p class="content">{{content}}</p>
  </div>
</script>
<body>
  <div class="target"></div>
</body>

## gist:7300164
$(document).ready(function(){
  // you can cache this $tmpl for later use
  var $tmpl = $("#tmpl").remove().clone();

  $tmpl.find(".header").text("This is header");
  $tmpl.find(".content").text("This is Content");
  $tmpl.removeClass("hide");

  $(".target").append($tmpl);
});

## gist:6111312
var div = document.getElementsByTagName("div");

for ( var i = 0; i < div.length; i++ ) {
    for ( var e = 0; e < elems.length; e++ ) {
        div[i].appendChild( elems[e].cloneNode(true) );
    }
}

## gist:6085838

      
        
          
            
              
              1 file
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                EragonJ
                / gist:6085838
            
            
              Created
              July 26, 2013 03:12
            
              
                FED Notes ... 
              
          
        
      
        
  
      
    
Precise Selector ( Loose when necessary )
	var obj = {
	bindEvent: function() {
	// Dom event
	var dom = document.getElementById('dom');
	dom.addEventListener('change', this);

	// window event
	window.addEventListener('localized', this);
	},
	handleEvent: function(evt) {
	window.addEventListener('iac-ftucomms', function() {
	var message = evt.detail;
	if (message === 'done') {
	self.setBypassHome(true);
	}
	});
	window.navigator.mozSetMessageHandler('connection',
	function onConnected(request) {
	var keyword = request.keyword;
	var port = request.port;

	port.onmessage = function onReceivedMessage(evt) {
	// this is the message you sent
	var message = evt.data;
	// do whatever you want to do later
	};
	{
	"connections": {
	"ftucomms": {
	"description": "Communicate between communications/ftu and System",
	"rules": {}
	}
	}
	}
	if (this.currentStep > this.numTutorialSteps) {
	Tutorial.tutorialScreen.classList.remove('show');
	Tutorial.tutorialFinish.classList.add('show');

	// for large devices, we have to use IAC to tell system ftu is done
	if (this.layout !== 'tiny') {
	navigator.mozApps.getSelf().onsuccess = function(evt) {
	var app = evt.target.result;
	app.connect('ftucomms').then(function onConnAccepted(ports) {
	ports.forEach(function(port) {
	<script id="entry-template" type="text/x-handlebars-template">
	<div id="tmpl">
	<h1 class="header">{{header}}</h1>
	<p class="content">{{content}}</p>
	</div>
	</script>
	<body>
	<div class="target"></div>
	</body>
	$(document).ready(function(){
	// you can cache this $tmpl for later use
	var $tmpl = $("#tmpl").remove().clone();

	$tmpl.find(".header").text("This is header");
	$tmpl.find(".content").text("This is Content");
	$tmpl.removeClass("hide");

	$(".target").append($tmpl);
	});
	var div = document.getElementsByTagName("div");

	for ( var i = 0; i < div.length; i++ ) {
	for ( var e = 0; e < elems.length; e++ ) {
	div[i].appendChild( elems[e].cloneNode(true) );
	}
	}