Javascript - iTorn

Javascript

A collection of 6 posts

AngularJS: Symbols '@', '&', '=' and '>' in custom directive's scope binding

AngularJS: Symbols '@', '&', '=' and '>' in custom directive's scope binding

In an AngularJS directive the scope allows you to access the data in the attributes of the element to which the directive is applied. This is illustrated best with an example:

and the directive definition: angular.module('myModule', []) .directive('myCustomer', function() { return { restrict: 'E', scope: { customerName: '@name' }, controllerAs: 'vm',

Angularjs restrict type

Angularjs restrict type

The restrict option is typically set to: ‘A’ – only matches attribute name ‘E’ – only matches element name ‘C’ – only matches class name ‘M’ – only matches comment These restrictions can all be combined as needed: ‘AEC’ – matches either attribute or element or class name Let’s change our directive to use

Find/Modify Specific Text

$(“#main-div”).html(function(i,text){ return text.replace(“keyword”, function(match){ return ‘‘ + match + ‘‘; }); });

jQuery - Filter image by size

$('.mydiv img').each(function() { var imgwidth = $(this).width(); if (imgwidth < 150) { $(this).hide(); } else { $(this).show(); } });

Check Query String

$(document).ready(function() { if(document.location.search == "?msg=thanks") { $("#alert").html("Thanks for your submission!"); } else if(document.location.search == "?msg=error") { $("#alert").html("There was an error with your submission!"); } else { } });

tinyMCE init

การใช้งาน tinyMCE tinyMCE.init({ // General options mode : "none", theme : "advanced", forced_root_block : false, force_br_newlines : true, force_p_newlines : false, cleanup_on_startup : true, remove_linebreaks : false, cleanup: true, debug : true, plugins : "codeprotect, pagebreak, style, layer, table, save, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media,