Archive

Archive for December, 2008

ASCII spinner в HTML с JavaScript

December 31st, 2008 2 comments

Харесвам, когато има някакво въртящо се gif-че, което симулира прогрес при някакъв процес. Ето защо направих пренасочващата главна страница да се държи по подобен начин. Вложената доза шега е… Огромна и е породена от НАЙ-НАЙ-прекрасния торент клиент за мен – ctorrent. Няма значение, отплеснах се…

Като цяло не е нищо кой-знае какво, просто първата идея за имплементация, за която се сетих. Какво представлява: масив с 4 елемента – “\”, “|”, “/” и “-”, които непрекъснато се показват един след друг през определено време. Спинър-а не е cвързан с извършения прогрес! Трябва ни html страница и малко JavaScript. Ето JS-a:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script type="text/javascript">
  var spinnerElements = new Array("\\", "|", "/", "-");
  var spinnerIntervalId;
  var prevIndex = 0;

  function getById(elementId) {
    if (document.getElementById) {
      return document.getElementById(elementId);
    } else if (document.all) {
      return document.all[elementId];
    } else if (document.layers) {
      return document.layers[elementId];
    }
    return null;
  }

  function setSpinnerValue(value) {
    getById("spinner").innerHTML = value;
  }

  function getNextValue() {
    if (prevIndex >= spinnerElements.length) {
      prevIndex = 0;
    }
    var value = spinnerElements[prevIndex];
    prevIndex++;
    return value;
  }

  function startSpinner() {
    spinnerIntervalId = setInterval("setSpinnerValue(getNextValue());", 250);
  }

  function stopSpinner() {
    if (spinnerIntervalId != null) {
      clearInterval(spinnerIntervalId);
      spinnerIntervalId = null;
    }
  }
</script>

Малко CSS:

1
2
3
4
5
6
7
8
9
10
<style type="text/css">
  span#spinner {
    font-size:    16pt;
    font-weight:  bold;
  }

  a {
    color:      #0000EE;
  }
</style>

И няколкото реда HTML:

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Spinner</title>
  </head>
  <body>
    <a href="#" onClick="startSpinner();">start</a>
    <a href="#" onClick="stopSpinner();">stop</a>
    <span> [ <span id="spinner">-</span> ]</span>
  </body>
</html>

Целият файл под формата на демо може да се види тук.

Нов блог в Интернет пространството (2)

December 30th, 2008 2 comments

С темата Нов блог в Интернет пространството открих списъка с приятели. Към тях се присъедини и Иван. Пожелавам ти успешно блогване, блогиране, блогозанимание! :)

ПС: Малко не върви да се прави предварително, но да ти честитя и новия домейн, похвали се с едно коментарче когато си го сетнал, за да update-на линковете тук :)

Празници

December 29th, 2008 No comments

Празничната атмосфера, хората, които се втурват да пазаруват и в огромните хипермаркети с пазарската количка се чувстваш като герой от Бързи и Яростни, или поне като рали-пилот ^^

Няма значение, нека оставим настрана тези (поне за мен) изключително неприятни моменти, които се старая да пропусна винаги. Нека се отдадем на масата, на мезетата, на… Няма да изброявам, просто ще кажа на всичко що може да се погълне… Мда.

Но както всичко останало и тук има странични действия, деформации и други подобни видими белези. Попаднах (с малко чужда помощ ;)) на нещо, което описва много точно цялата картина на последствията: Евстати и Архимед.

Новият участък на околовръстното

December 29th, 2008 No comments

Ммм… Да ги похваля и аз: супер. Току-що го тествах и се зарадвах сякаш някой ми беше пратил криптирана картичка… Отсечката от разклона за Бистрица по посока разклона за Симеоново и “мостчето”, което направиха при разклона за Симеоново… Супер. Естествено на 29 декември няма много трафик, ще се тества в делничните дни, но въпреки всичко – прекрасно, няма светофар :-))

А, и да не пропускам – да ви е честита Kоледата-инвалид (на патерица).

FIBank – предпразнично пренатоварване

December 23rd, 2008 No comments

Тц, тц… Идват празници, хората теглят, харчт… Ееех… :-D

Gimp 2.6 – toolbox & docks ontop

December 21st, 2008 No comments

Веднага щом се пусне Гимп 2.6 се вижда доста голямата разлика от предните версии: панелите като Toolbos и Layers, които се стартират по default, когато Gimp се зареди стоят винаги пред същинския редактор. Този нов feature на 2.6.x версиите лесно може да се премахне: Tools -> Preferences -> Windows Management. Тук на Hint for the toolbox и Hint for other docks променяме от Utility window на Normal window. ОК и рестартираме Gimp. Вече можем да отворим редактора на цял екран без да ни пречи Toolbox-ът, например.

Signatures в Outlook – ненужни нови редове

December 7th, 2008 No comments

Преди всичко малко въведение (история) – за мейл клиент съм избрал Outlook, а за формат на мейлите – HTML. Подписът ми е по няколко думи на няколко реда, т.е. не е плътен текст.

Получавам веднъж отговор на мое писмо в plain text и виждам как ужасно изглежда подписът – там където трябва да има нов ред има 2 такива. Отвратително :-> Read more…

Българското Eclipse общество

December 4th, 2008 No comments

Страничка със сибитията, свързани с Eclipse в България, както и няколко мейл-листи – българското Eclipse общество.

M-Tel MMS

December 3rd, 2008 No comments

Чудя се как да започна – доста смешно ми е в момента и имам от време на време изблици на смях… Преди малко получих SMS защото съм получил MMS. Прекрасно, но нямах необходимите настройки в телефона и SMS-ът ми каза да отида на http://mtel.bg/mms/ и да си погледна MMS-a. Прекрасно, но пък системата ме наплю, че нямам входящи MMS съобщения. Прекрасно – направих си настройките на телефона, с нежелание, и избрах да получа всички входящи MMS съобщения. Отговорът беше 0. Тук беше моментът да звънна на оператор с културно задаване на въпроса “WTF?!“. Отговорът беше интересен, с няколко думи предаден, ето какво ми се каза (операторката – много любезна дама, с приятен и омайващ глас [ама и аз как го написах, а.... :D]) за flow на цялата работа със мултимедийните съобщения: Read more…