Javascript →
Выбор флага страны по коду.
Прочитал топик и решил реализовать на js (yass) + css.
Рабочий пример
PS те кто обратил внимание на код, так же должны обратить внимание, что это не рабочий код, данный метод не имеет смысла использовать на сайтах.
Код писался в живую, не оптимизирован и вообще дурацкий.
Но каждый считает своим долгом, показать в комментариях как он крут в js.
Рабочий пример
Скриншот
Код
window.onload = function() {
var links = _('a.word');
for (var i = 0; i < links.length; i++) {
links[i].onclick = clickOnWord;
}
_('#get').onclick = function() {
if (_('#word_1').value.length > 0) {
var pos_1 = word_array.indexOf(_('#word_1').value) * 15;
pos_1 = pos_1 * 1.0645;
} else {
var pos_1 = 0;
}
if (_('#word_2').value.length > 0) {
var pos_2 = word_array.indexOf(_('#word_2').value) * 15;
} else {
var pos_2 = 0;
}
_('#flag').style.backgroundPosition = '-' + (pos_1) + 'px ' + '-'
+ (pos_2) + 'px';
}
_('#reset').onclick = function() {
_('#word_1').value = '';
_('#word_2').value = '';
_('#flag').style.backgroundPosition = '0px 0px';
}
}
function clickOnWord() {
var word_1 = _('#word_1');
var word_2 = _('#word_2');
if (word_1.value.length > 0 && word_2.value.length > 0) {
word_1.value = '';
word_2.value = '';
}
if (word_1.value.length > 0) {
word_2.value = this.innerHTML;
} else {
word_1.value = this.innerHTML;
}
return false;
}
* This source code was highlighted with Source Code Highlighter.
var word_array = new Array(26);
word_array[0] = '_';
word_array[1] = 'a';
word_array[2] = 'b';
word_array[3] = 'c';
word_array[4] = 'd';
word_array[5] = 'e';
word_array[6] = 'f';
word_array[7] = 'g';
word_array[8] = 'h';
word_array[9] = 'i';
word_array[10] = 'j';
word_array[11] = 'k';
word_array[12] = 'l';
word_array[13] = 'm';
word_array[14] = 'n';
word_array[15] = 'o';
word_array[16] = 'p';
word_array[17] = 'q';
word_array[18] = 'r';
word_array[19] = 's';
word_array[20] = 't';
word_array[21] = 'u';
word_array[22] = 'v';
word_array[23] = 'w';
word_array[24] = 'x';
word_array[25] = 'y';
word_array[26] = 'z';
* This source code was highlighted with Source Code Highlighter.
PS те кто обратил внимание на код, так же должны обратить внимание, что это не рабочий код, данный метод не имеет смысла использовать на сайтах.
Код писался в живую, не оптимизирован и вообще дурацкий.
Но каждый считает своим долгом, показать в комментариях как он крут в js.
19.12.2008 19:50+0300