Просмотр изображений перед загрузкой на сайт

Это можно сделать, используя следующую функцию:

[code lang=»javascript»]
function readURL(input, img_container) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) { img_container.attr(‘src’, e.target.result); };
reader.readAsDataURL(input.files[0]);
}
}
[/code]

И использовать, например, так:

[code lang=»javascript»]
$(‘#myFileField’).change(function(e) {
readURL(e.target, $(‘#myImgPreview’));
});
[/code]

При верстке:

[code lang=»html»]
<div><input type="file" id="myFileField" /></div>
<div><img id="myImgPreview" /></div>
[/code]

Источник: http://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded

Обновление CSS без перезагрузки страницы

Обновление CSS без перезагрузки страницы. Просто вставьте этот код на страницу. Не забудьте обрамить тэгом <script>

[code lang=»javascript»]
var DeveloperTool={
Init:function(){
this.headObj =
document.getElementsByTagName(‘html’)[0].getElementsByTagName(‘head’)[0];
return this;
},
ReloadAllCSS : function(headObj) {
console.log("DT:ReloadAllCSS");
var links = headObj.getElementsByTagName(‘link’);
for (var i=0 ; i < links.length ; i++){
var link = links[i];
this.ReloadCSSLink(link);
}
return this;
},
ReloadCSSLink : function(item) {
var value = item.getAttribute(‘href’);
var cutI = value.lastIndexOf(‘?’);
if (cutI != -1)
value = value.substring(0, cutI);
item.setAttribute(‘href’, value + ‘?t=’ + new Date().valueOf());
return this;
},
ReloadAllCSSThisPage : function() {
this.ReloadAllCSS(this.headObj);
return this;
}
};
setInterval(function(){DeveloperTool.Init().ReloadAllCSSThisPage();},1000);
[/code]

Последовательная генерация цветов в javascript

Смотри пример:

Код функции:
[code lang=»javascript»]
function generateColors(step, min_color, max_color) {
var R_step = min_color;
var G_step = min_color;
var B_step = min_color;
var color_list = [];
var somecolor;
while (R_step <= max_color) {
G_step = min_color;
while (G_step <= max_color) {
B_step = min_color;
while (B_step <= max_color) {
somecolor = R_step + G_step*256 + B_step*256*256;
color_list.push(‘#’+somecolor.toString(16));
B_step += step;
}
G_step += step;
}
R_step += step;
}
return color_list;
}
[/code]

Применение:
[code lang=»javascript»]
cl = generateColors(70, 30, 200);
[/code]

Остальное можно найти в jsfiddle.

Получить среднее значение цвета на javascript

Не особо полезный скрипт, просто на работе использую определенные цвета для графиков, и когда требуется создать график на основе двух существующих, решил смешать их цвета и выбрать похожий на их среднее.
[code lang=»javascript»]
var hex1 = ‘e32636’;
var hex2 = ’01b1c3′;
var ave_hex = (Math.ceil((parseInt(hex1,16) + parseInt(hex2,16)) / 2)).toString(16);
[/code]

Как в javascript отфильтровать данные массива

Например, нам нужно убрать из массива все нули. Для этого используем метод filter.

[code lang=»javascript»]
var x = [1,5,8,0,3,45,0,31,1,0,0,0,34,5]; // из этого массива нам требуется удалить нули

var y = x.filter(function(elem) {
return (elem !== 0); // если true, то возвращаем элемент, иначе — он будет удален из массива
});

console.log(y); // выводим получившийся результат
[/code]

Результатом будет:
[code lang=»javascript»]
[1, 5, 8, 3, 45, 31, 1, 34, 5]
[/code]

Как в javascript получить случайный цвет в HEX

С помощью этой функции вы получите абсолютно случайный цвет.

[code lang=»javascript»]
function randomHexColor() {
// число 16777215 (дес. система) равно 0xffffff (шестн. система),
// поэтому можно записать и как return ‘#’+Math.floor(Math.random()*0xffffff).toString(16);
return ‘#’+Math.floor(Math.random()*16777215).toString(16);
}
[/code]