Goal: don’t be fool, do it easy A have a DIV with contenteditable=”true” attribute. Like a textbox but not really. I want to select all the content with a double click on it. With jQuery like this: … so do you know better than this solution? … I have read many scientific solution for this […]
contenteditable – select all on double click
15:35 |
javascript, jquery |
758 views
extend an array – js way
8:05 |
javascript |
650 views
Goal: find the cleanest way to extend an array Everyday happening to extend an array in javascript. There are many ways to do but here is the simplest one 🙂 No more code, no more pain in the neck just an extended array. What we need more for today?
Goal: find the cleanest way to extend an array Everyday happening to extend an array in javascript. There are many ways to do but here is the simplest one 🙂 No more code, no more pain in the neck just an extended array. What we need more for today?
mysql comma delimited result
2:32 |
mysql |
649 views
Goal: select a quick comma delimited value for a column The method is easy. In this example the result is a long string contains comma delimited list of the language names. the result something like this: But the working buffer size is a weak point in this story. The correct way something like this: So […]
Goal: select a quick comma delimited value for a column The method is easy. In this example the result is a long string contains comma delimited list of the language names. the result something like this: But the working buffer size is a weak point in this story. The correct way something like this: So […]
use the camera
14:15 |
html5, web trick |
646 views
Goal: simple way to use the camera I’ve read some articles about this, but there was no a simple one. So, here is: check it: here Two thing to know. 1. the browser will say insecure connection. Just say do it anymore 2. Take a Photo will take a photo after 3 sec
Goal: simple way to use the camera I’ve read some articles about this, but there was no a simple one. So, here is: check it: here Two thing to know. 1. the browser will say insecure connection. Just say do it anymore 2. Take a Photo will take a photo after 3 sec
javascript easy templates
13:51 |
javascript, tricky |
667 views
Goal: build a quick template method So we have an item template and some values to replace. Do like this way. // 1. define the parser function template(strings, …keys) { return (function(…values) { var dict = values[values.length – 1] || {}; var result = [strings[0]]; keys.forEach(function(key, i) { var value = Number.isInteger(key) ? values[key] : […]
Goal: build a quick template method So we have an item template and some values to replace. Do like this way. // 1. define the parser function template(strings, …keys) { return (function(…values) { var dict = values[values.length – 1] || {}; var result = [strings[0]]; keys.forEach(function(key, i) { var value = Number.isInteger(key) ? values[key] : […]
javascript multiline strings in the code
13:40 |
javascript, tricky |
705 views
Goal: use multiline strings in the code I have a simple string template. I want to store it in a variable but I want to forget the concatenation. We can use the following trick. var itemTemplate = `<li> <div class=”direction-r”> <div class=”flag-wrapper”> <span class =”flag”>${0}</span> <span class =”time-wrapper”>${1}</span> </div> <div class =”desc”>${2}</div> </div> </li>`; console.log(itemTemplate); […]
Goal: use multiline strings in the code I have a simple string template. I want to store it in a variable but I want to forget the concatenation. We can use the following trick. var itemTemplate = `<li> <div class=”direction-r”> <div class=”flag-wrapper”> <span class =”flag”>${0}</span> <span class =”time-wrapper”>${1}</span> </div> <div class =”desc”>${2}</div> </div> </li>`; console.log(itemTemplate); […]
chrome t-rex fun
1:48 |
fun |
669 views
Goal: there is no at this time 🙂 open in chrome the following chrome://network-error/-106 and press space bar or arrow up enjoy…
Goal: there is no at this time 🙂 open in chrome the following chrome://network-error/-106 and press space bar or arrow up enjoy…
Detect AD Blocker
2:09 |
javascript |
662 views
Goal: do we have AD blocker or not? something like this: enjoy…
Goal: do we have AD blocker or not? something like this: enjoy…
define image source in css
11:38 |
css, tricky |
722 views
Goal: change the image content by css definition like this:
Goal: change the image content by css definition like this:
Set the ProgressBar foreColor
12:52 |
android |
709 views
Goal: find an easy way to set the default magenta color of progressbar to an other one just put into the xml file:
Goal: find an easy way to set the default magenta color of progressbar to an other one just put into the xml file: