VPF::confirm() на слоях. - Форум программистов

Alex13

Дата 4.1.2008, 14:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 280
Регистрация: 30.12.2005
Где: Новосибирск

Репутация: нет
Всего: 1

Собственно, задача такова: нужно с помощью слоев (дабы его потом красиво оформить) и JS сымитировать стандартный диалог confirm().
При чем, нужно сделать, чтобы из кода он вызывался точно так же, как и стандартный:

Код


function make_action(arg)
{
    if(div_confirm('Вы действительно хотите *something*?'))
    {
        arg.make();
        return true;
    }
    else
    {
        return false;
    }
}

Как это все отрисовать правильно я уже знаю, а вот как правильно оформить div_confirm() не знаю :(

Пока в голову приходить только такой алгоритм:

Код


var confirm_flag = -1;
var 
function div_confirm(text)
{
confirm_flag = -1;
// Абстрактная инициализация диалога и его отображение
setDivText(text);
showDiv('confirm_div');

while(confirm_flag == -1)
{
    sleep(100) // Спим 100 мсек, чтобы не перегружать браузер
}
hideDiv('confirm_div');
return confirm_flag;
}

При нажатии кнопки в диалоге confirm_flag будет устанавливаться в 1 или 0 в зависимости от нажатой кнопки.

Но все упирается в отсутствие нормальной реализации sleep() в JS :(

Посоветуйте, как еще можно такую вещь реализовать?

Это сообщение отредактировал(а) Alex13 - 4.1.2008, 14:22

--------------------

Самая страшная ошибка - это ошибка, не имеющая явных причин и конкретных последствий.
Антисоциальный блог.

ksnk

Дата 5.1.2008, 17:33 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

imho, так - нереально...
А как насчет вот такого:

Код


function make_action(arg)
{
    div_confirm('Вы действительно хотите *something*?',  function(response){
         if (response) arg.make();
    })
}

Ну а уж сам div-confirm в нужном месте это callback вызовет.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Alex13

Дата 5.1.2008, 17:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 280
Регистрация: 30.12.2005
Где: Новосибирск

Репутация: нет
Всего: 1

ksnk, так, конечно, тоже можно, однако если функция, в которой используется div_confirm() достаточно сложная, то ее дробление превращается в натуральный геморрой.
А уж если div_confirm() используется в нескольких местах и притом в calback'e надо использовать значения, вычисленные до вызова div_confirm(), то это вообще никуда не годится :(

--------------------

Самая страшная ошибка - это ошибка, не имеющая явных причин и конкретных последствий.
Антисоциальный блог.

cruelangel

Дата 5.1.2008, 18:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 319
Регистрация: 12.9.2007

Репутация: 4
Всего: 8

это от непонимания принципов яваскрипта smile

делай как он сказал - всё должно шоколадно получиться.

Alex13

Дата 5.1.2008, 19:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 280
Регистрация: 30.12.2005
Где: Новосибирск

Репутация: нет
Всего: 1

cruelangel, сдается мне, вы так говорите от непонимания того, чего я хочу.

Объясню на примере:

Код


<html>
 <head>
  <title>Test</title>
  <script>
   var confirm_callback = undefined;
   
   function div_confirm(text, callback)
   {
    confirm_callback = callback;
    document.getElementById('confirm_box').style.display="block";
    document.getElementById('text').innerHTML = text;
   }
   
   function div_confirm_callback(responce)
   {
    document.getElementById('confirm_box').style.display="none";
    confirm_callback(responce);
   }
   
   function bar(responce)
   {
    if(responce)
    {
     alert('Прибавили: ' + String(calc + 20));
    }
    else
    {
     alert('Ну не хотите, как хотите число осталось прежним: ' + calc);
    }
   }
   
   function foo()
   {
    var calc = (4/2-3)*4 // Некоторая абстрактная информация, которую мы долго и нудно обрабатывали ;)
    if(calc < 0)
     div_confirm('Прибавить к ' + calc + ' 20?', bar)
    else
     alert('Вот что у нас получилось:' + calc)
   }
  </script>
  <style>
   .confirm_box
   {
    position:absolute;
    top:30%;
    left:25%;
    width:50%;
    display:none;
    border:dashed 1px #000;
    background-color:#FFEEEE;
    padding:10px;
    text-align: center;
   }
  </style>
 </head>
 <body>
  <div id="confirm_box" class="confirm_box">
   <span id="text">
   
   </span>
   <br><br>
   <input type="button" value="OK" onclick="div_confirm_callback(true)" id="ok_btn"><input type="button" value="CANCEL" onclick="div_confirm_callback(false)" id="cl_btn">
  </div>
  <input type="button" value="Go!" onclick="foo()">
 </body>
</html>

Суть выполняемых действий:
1) В ответ на некоторое действие пользователя, мы получаем некоторую информацию и что-то с нею делаем, причем делаем сложную и ресурсоемкую работу, которую категорически не хочется повторять еще раз
2) Смотрим на результаты: если они нас не устраивают, спрашиваем пользователя, что делать
3) В зависимости от решения пользователя мы хотим что-то еще сделать с той информацией.

А вот тут-то и появляется принципиальный момент: переменная, которую мы старательно обсчитывали до запроса пользователю, была уничтожена в тот момент, когда завершила свое выполнение функция foo(). И мы до нее теперь никак дотянуться не можем. Что делать? Обсчитывать ее по второму кругу? Это не подходит - занятие это ресурсоемкое, да и условия с тех пор поменялись и результат может получиться совершенно не тот, который был изначально. => Вариант с callback'ом можно припасти на крайний случай, но в общем случае это далеко не самое лучшее решение.

Уже вижу ехидный вопрос: "А что мешает объявить переменную calc вне функции, сделав ее глобальной? Тогда ее будет видно и в функции bar()". Отвечаю: "Во-первых, в реальном случае этих переменных, которые могут понадобиться при дальнейшей обработке может быть намного больше и объявлять их всех глобальными неудобно. Во-вторых, использование глобальных переменных во всех известных мне языках считается дурным тоном, что тоже немаловажно. Сомневаюсь, что в JS все наоборот".

Так вот объясните мне, пожалуйста, где я неправильно понял принципы JS?

С уважением.

--------------------

Самая страшная ошибка - это ошибка, не имеющая явных причин и конкретных последствий.
Антисоциальный блог.

cruelangel

Дата 5.1.2008, 22:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 319
Регистрация: 12.9.2007

Репутация: 4
Всего: 8

нет, ехидным будет ответ: http://www.google.com/search?ie=UTF-8&...1%8F+javascript smile

Это сообщение отредактировал(а) cruelangel - 5.1.2008, 22:22

ksnk

Дата 5.1.2008, 22:39 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

cruelangel, экое, однако, утонченное ехидство! Послать читать про замыкание с примерами на каких-то совсем уж искусственных языках... ;-)

вот так - вполне себе заработает... внутри function (response){...} переменная calc все еще остается доступной!

Код


   function foo()
   {
    var calc = (4/2-3)*4 // Некоторая абстрактная информация, которую мы долго и нудно обрабатывали ;)
    if(calc < 0)
     div_confirm('Прибавить к ' + calc + ' 20?', function(response){
       if(responce)
      {
        alert('Прибавили: ' + String(calc + 20));
      }
      else
      {
        alert('Ну не хотите, как хотите число осталось прежним: ' + calc);
      } 
    })
    else
     alert('Вот что у нас получилось:' + calc)
   }

Цитата(Alex13 @ 5.1.2008, 19:12

)

переменная, которую мы старательно обсчитывали до запроса пользователю, была уничтожена в тот момент, когда завершила свое выполнение функция foo().

Неправильно! Переменные в JS уничтожаются ТОЛЬКО когда они уже совсем никому не нужны ;)

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

smartov

Дата 6.1.2008, 00:03 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

Alex13, день добрый.
Начну с простого.
Вы спрашиваете где неправильно поняли принципов javascript? Отвечаю: там, где пытаетесь программировать на яваскрипте, как на поточном языке. Яваскрипт - язык событийный. Поэтому про всякие sleep лучше сразу забыть. Есть всего пару исключений, которые блокируют поток яваскрипта - alert, confirm, prompt и может еще что-нибудь, что я забыл или не знаю. В остальном - событие-привязка-срабатывание.

Вариант, предложенный ksnk сам не проверял ибо некрасивый подход, но могу предложить решить эту проблему так.

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

Код


<html>
<body style="margin:0">

<style type="text/css">
#confirm_div {
    position: absolute;
    border-left: 2px solid #C0C0C0;
    border-top: 2px solid #C0C0C0;
    border-right: 2px solid #222222;
    border-bottom: 2px solid #222222;
    padding: 3px;
    background: #DADADA;
}

#confirm_div, #confirm_div input {
    text-align: center;
    font-family: Verdana;
    font-size: 9px;
    margin: 3px;
}

#confirm_div input {
    width: 50px;
}

</style>

<input type="button" onclick="test()" value="Test" />

<!-- наш див -->
<div id="confirm_div" style="display: none;">
    <div style="display:inline" id="confirm_div_message"></div>
    <p style="margin:10px"></p>
    <input type="button" value="OK" onclick="$dc.ok()" />
    <input type="button" value="Cancel" onclick="$dc.cancel()" />
</div>

<script type="text/javascript">

var $dc; //к сожалению совсем без глобалок никуда

DivConfirm = function(div_id, message_id) {

    this.div = document.getElementById(div_id);
    this.message = document.getElementById(message_id);
    
    this.callback = (function() {});
    this.params = new Array();

    this.show = function (message, callback, params) {
        this.message.innerHTML = message;
        this.div.style.visibility = 'hidden';
        this.div.style.display = '';
        this.div.style.left = Math.round(document.body.clientWidth/2 - this.div.offsetWidth/2) + 'px';
        this.div.style.top = Math.round(document.body.clientHeight/2 - this.div.offsetHeight/2) + 'px';
        this.div.style.visibility = '';
        
        this.params = params;
        this.callback = function (callback, paramsArray) { 
                                return function() {
                                    callback(paramsArray);
                                }
                            }(callback, this.params)
    }
    
    this.hide = function () {
        this.div.style.display = 'none';
    }

    this.ok = function() {
        this.callback();
        this.hide();
    }
    
    this.cancel = function () {
        alert('No problem. Your values: ' + this.params);
        this.hide();
    }

}


function superSumRound(values) {
    sum = 0;
    for (var i=0; i<values.length; i++) {
        sum += values[i];
    }
    alert('Result is: '+Math.round(sum));
}


//--------------

function test() {
    //------- мегарассчеты -------
    var calc1 = 4.4;
    var calc2 = 2.1;
    
    //------- забиваем их в массив -------
    var params = new Array();
    params.push(calc1);
    params.push(calc2);
    
    //------- понеслася -------
    $dc = new DivConfirm('confirm_div', 'confirm_div_message');
    $dc.show('Process values? "'+params.toString()+'"', superSumRound, params);
}

</script>
</body>
</HTML>

cruelangel

Дата 6.1.2008, 00:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 319
Регистрация: 12.9.2007

Репутация: 4
Всего: 8

smartov, слишком много кода ради такой простой вещи.
ksnk, исправилсо smile

ksnk

Дата 6.1.2008, 01:44 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата(smartov @ 6.1.2008, 00:03

)

Вариант, предложенный ksnk сам не проверял ибо некрасивый подход,

Позвольте поинтересоваться - чем замыкание "некрасивее" Вашего вызова неанонимной функции с передачей ей сложным образом каких-то параметров? smile

Кроме, конечно того, что при этом используется больше букв и дополнительных сущьностей?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

AKS

Дата 6.1.2008, 09:49 (ссылка)

(нет голосов)

Загрузка ...

Участник форума

Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52

Цитата(smartov @ 6.1.2008, 00:03

)

Написал, как мне кажется, достаточно красиво (в смысле кода естественно).

Кажется, что красиво? Чтобы не казалось, можно для начала проверить свой код с помощью JSLint.

Alex13

Дата 6.1.2008, 10:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 280
Регистрация: 30.12.2005
Где: Новосибирск

Репутация: нет
Всего: 1

cruelangel, спасибо за иронию, помогло smile

Цитата(ksnk @ 6.1.2008, 02:39

)

Переменные в JS уничтожаются ТОЛЬКО когда они уже совсем никому не нужны ;)

Оно было бы здорово, только в приведенном мною примере она-таки уничтожалась, хотя я и хотел ее потом использовать ;)

smartov, спасибо за подробный ответ, навело на некоторые мысли smile

Если ваш код скрестить с тем, что предложил ksnk может получиться довольно удобно smile

AKS, если уж на то пошло, то ни один из приведенных примеров проверку не проходит...

Это сообщение отредактировал(а) Alex13 - 6.1.2008, 10:22

--------------------

Самая страшная ошибка - это ошибка, не имеющая явных причин и конкретных последствий.
Антисоциальный блог.

ksnk

Дата 6.1.2008, 11:15 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата(Alex13 @ 6.1.2008, 10:21

)

код скрестить

Строчки 58-63 кода smartov можно переписать вот так

Код


        this.callback = function () { 
                                    callback(params);
                                }

Согласитесь - если произнести заклинание четче - букв тратится меньше ;)
Ну и если саму комбинацию вычислительных процедур - строки 83-107 заменить на

Код



function test() {
    //------- мегарассчеты -------
    var calc1 = 4.4;
    var calc2 = 2.1;
    
    //------- понеслася -------
    $dc = new DivConfirm('confirm_div', 'confirm_div_message');
    $dc.show('Process values? "'+[calc1,calc2].toString()+'"', function(){
      var sum = calc1+calc2;
      alert('Result is: '+Math.round(sum));
    });
}

, то получится еще компактнее и все еще достаточно привлекательно ;-)

Это сообщение отредактировал(а) ksnk - 6.1.2008, 11:19

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

AKS

Дата 6.1.2008, 11:23 (ссылка)

(нет голосов)

Загрузка ...

Участник форума

Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52

Цитата(Alex13 @ 6.1.2008, 10:21

)

...если уж на то пошло

А я тут ни при чем. "Пошло" не от меня (я не писал нечто, вроде: "Ваша вариант - некрасивый подход, написал свой - получилось достаточно красиво").

Цитата(Alex13 @ 6.1.2008, 10:21

)

...ни один из приведенных примеров проверку не проходит

Это, наверно, повод для того, чтобы задуматься и сделать выводы (для своей же пользы - чтобы извлечь кое-какую выгоду).

smartov

Дата 6.1.2008, 11:50 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

cruelangel,

Цитата(cruelangel @ 5.1.2008, 23:15

)

слишком много кода ради такой простой вещи.

Если присмотреться там ничего лишнего нет кроме усложнения в анонимной функции, как правильно сказал ksnk. Я вынес в объект - вот и все. А так все нужное. Еще и не хватает кой чего - не очень гут что приходится указывать message_id. Было б не облом избавился бы от этого параметра smile

Цитата(ksnk @ 6.1.2008, 00:44

)

Позвольте поинтересоваться - чем замыкание "некрасивее"

Позволю

Тем что логика у вас inline. В моем случае в нужном месте нужно написать одну строчку. В вашем - 10, что мало того что неудобно, так и трудно читаемо. Думаю вы понимаете и без лишних рассказов почему структурирование кода это хорошо.

AKS,

Цитата(AKS @ 6.1.2008, 08:49

)

Кажется, что красиво? Чтобы не казалось, можно для начала проверить свой код с помощью JSLint.

Проверил. Кроме необязательных в принципе точек с запятыми и спорно лучшей литеральной нотации ничего нового он мне не рассказал. Что, в общем то, и следовало ожидать. Теперь не кажется что красиво. Теперь еще и уверен.

ksnk,

Цитата(ksnk @ 6.1.2008, 10:15

)

Строчки 58-63 кода smartov можно переписать вот так

Вот тут да. Я даже не знаю зачем я там намутил. Чего-то помутнение наступило видать smile

Добавлено: теперь я знаю почему так замутил. Еще раз пересмотрел то, что вы написали. В силу того, что программлю давно и суппортил кода достаточно у меня патологическая неприязнь к глобальным переменным. Параметры в функцию должны передаваться, а не быть глобальными. Глобальные переменные - зло.

Цитата(ksnk @ 6.1.2008, 10:15

)

Ну и если саму комбинацию вычислительных процедур - строки 83-107 заменить на

Вы, наверное, хороший программист на яваскрипте, но мне кажется не совсем понимаете того, что код нужно разносить. Ваш код потом будет несуппортный, понимаете? Выискивать среди анонимных функций использующих глобальные переменные реализацию очень неудобно. Код должен быть логически разделен, а не написан как можно более коротко.

Это сообщение отредактировал(а) smartov - 6.1.2008, 11:58

smartov

Дата 6.1.2008, 12:15 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

AKS,
ksnk, я только сейчас заметил что видимо задел кого-то своей опрометчивой фразой о некрасивом подходе. Дико извиняюсь, я не хотел никого обидеть. Тем не менее подход от этого уж простите, красивей не становится. Почему - я описал выше. Тут чисто профессиональное. Ничего личного.

AKS, кстати о JSLint. Это конечно, вещь неплохая, своего рода лакмусовая бумажка. Но относиться к этому слишком серьезно - это все равно что всерьез говорить о том, что если html код не проходит w3c валидацию - то надо задуматься. Это недостаток, самом собой, лучше бы придерживаться стандартов, но во-первых, если в w3c еще все ясно, там стандарты есть, то JSLint руководствуется малопонятными мне правилами - например провозглашение массива как new Array() он считает проблемой, хотя это труъ w3c подход. И в любом случае, то, что будет корректно приниматься интерпретатором, не заставит исправить никакой верификатор. Именно поэтому большинству абсолютно плевать на w3c checker. Не говоря уж про JSLint.

ksnk

Дата 6.1.2008, 12:23 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата(smartov @ 6.1.2008, 11:50

)

ничего нового он мне не рассказал

Цитата(smartov @ 6.1.2008, 11:50

)

Глобальные переменные - зло.

Вообще-то он (JSLint), в частности, указал на несколько пременных, которые у вас совершенно неожиданно оказались глобальными ;-),

Цитата(smartov @ 6.1.2008, 11:50

)

не совсем понимаете того, что код нужно разносить.

Разносить что? Единое, насколько я понял из объяснений Alex13, вычислительное действо вы предлагаете разбить на несколько независимых процедур и утверждаете что получившегося франкенштейна будет легче "суппортить"?

Добавлено через 10 минут и 57 секунд
smartov, отношение к глобальным переменным какое-то одностороннее smile

Поправьте код так, как предложил я. Неужели количество глобальных переменных увеличилось?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

AKS

Дата 6.1.2008, 12:44 (ссылка)

(нет голосов)

Загрузка ...

Участник форума

Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52

Цитата(smartov @ 6.1.2008, 11:50

)

Теперь не кажется что красиво. Теперь еще и уверен.

Уверены? Попробую еще раз, подробней и с примерами (хотя если человек сопротивляется, то может и не помочь).
Итак:

Цитата(smartov @ 6.1.2008, 00:03

)

к сожалению совсем без глобалок никуда

Avoid Cluttering The Global Namespace
Avoid using global variables

Далее, необъявленные переменные:

Цитата(smartov)

DivConfirm, sum

Always Use 'var'

Об этом:

Цитата(smartov)

this.params = new Array();
var params = new Array();

и многом, многом другом:
Code Conventions for the JavaScript Programming Language

Бессмысленные операции:

Цитата(smartov)

this.callback = (function() {}); // !!!

this.div.style // !!! многократно повторяющийся доступ к одному и тому же объекту

params.push(calc1);
params.push(calc2); // !!! -> params.push(calc1, calc2)

new DivConfirm // !!! при вызове test каждый раз создается новый объект

Пока, думаю, достаточно. В случае положительного эффекта можно будет продолжить.

P.S. Да, кстати, у меня тоже нет никаких личных мотивов - только для "оздоровления" j(ava)script'а...

Это сообщение отредактировал(а) AKS - 6.1.2008, 12:46

Alex13

Дата 6.9.2008, 16:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 280
Регистрация: 30.12.2005
Где: Новосибирск

Репутация: нет
Всего: 1

В общем, спустя долгое время и после некоторых экспериментов у меня вышло вот так (html с примером использования прикрепляю в аттач):

Код


/*
 * Cools dialog library
 * @author Alek$
 * @date 06-09-2008
 *
 * Thanks to ksnk, cruelangel and smartov
 */

var replace_alert = true    ;
var replace_confirm = false;
var replace_prompt = false;

// Main dialog logics is placed here
function BuildDialog(type, callback)
{
    var myself = this;
    
    //
    // Internal function
    //
    
    // Build common dialog elements
    this.basicDialog = function ()
    {
        // Create basic layer
        this.win = document.createElement('div');
        this.win.className = "popup_dialog";
        
        // Create header bar
        var headbar = document.createElement('div');
        headbar.className = "popup_headerbar";
        
            // Create header controls
            var controlClose = document.createElement('span');
            controlClose.className = "popup_control";
            controlClose.innerHTML = "X";
            controlClose.onclick = function()
            {
                myself.close();
                myself.callback(false);
            }
            headbar.appendChild(controlClose);
        
        this.win.appendChild(headbar);
        
        // Create text container
        this.cont = document.createElement('span');
        this.cont.className = "popup_content";
        this.win.appendChild(this.cont);
        
        // Add Escape handler
        
        this.win.onkeydown = function (e)
        {
            var keynum;
            if(window.event) keynum = event.keyCode;
            else if(e.which) keynum = e.which;
            
            if(keynum == 27)
            {
                myself.close();
                myself.callback(false);
            }
        }
    }
    
    // Build elements for alert dialog
    this.buildAlert = function ()
    {
        // Create button
        var buttonDiv = document.createElement('div');
        buttonDiv.className = "popup_buttons";
        
            // Create OK button
            var bOK = document.createElement('input');
            bOK.type = "button";
            bOK.value = "OK";
            bOK.onclick = function()
            {
                myself.close();
            }
            buttonDiv.appendChild(bOK);
        
        this.win.appendChild(buttonDiv);
        
        // Set focus function
        this.focus = function ()
        {
            bOK.focus();
        }
    }
    
    // Build elements for confirm dialog
    this.buildConfirm = function ()
    {
        // Create button
        var buttonDiv = document.createElement('div');
        buttonDiv.className = "popup_buttons";
        
            // Create OK button
            var bOK = document.createElement('input');
            bOK.type = "button";
            bOK.value = "OK";
            bOK.onclick = function()
            {
                myself.close();
                myself.callback(true);
            }
            buttonDiv.appendChild(bOK);
            
            // Create Cancel button
            var bCancel = document.createElement('input');
            bCancel.type = "button";
            bCancel.value = "Cancel";
            bCancel.onclick = function()
            {
                myself.close();
                myself.callback(false);
            }
            buttonDiv.appendChild(bCancel);
        
        this.win.appendChild(buttonDiv);
        
        // Set focus function
        this.focus = function ()
        {
            bOK.focus();
        }
    }
    
    // Build elements for prompt dialog
    this.buildPrompt = function ()
    {
        // Create input
        var textInput = document.createElement('input');
        this.win.appendChild(textInput);
        
        // Create button
        var buttonDiv = document.createElement('div');
        buttonDiv.className = "popup_buttons";
        
            // Create OK button
            var bOK = document.createElement('input');
            bOK.type = "button";
            bOK.value = "OK";
            bOK.onclick = function()
            {
                myself.close();
                myself.callback(textInput.value);
            }
            buttonDiv.appendChild(bOK);
            
            // Create Cancel button
            var bCancel = document.createElement('input');
            bCancel.type = "button";
            bCancel.value = "Cancel";
            bCancel.onclick = function()
            {
                myself.close();
                myself.callback(false);
            }
            buttonDiv.appendChild(bCancel);
        
        this.win.appendChild(buttonDiv);
        
        // Add Enter handler
        textInput.onkeydown = function (e)
        {
            var keynum;
            if(window.event) keynum = event.keyCode;
            else if(e.which) keynum = e.which;
            
            if(keynum == 13)
            {
                myself.close();
                myself.callback(textInput.value);
                return false;
            }
        }
        
        // Add specific function for seting text field value
        this.setValue = function (value)
        {
            textInput.value = value;
        }
        
        // Set focus function
        this.focus = function ()
        {
            bOK.focus();
        }
    }
    
    // Set dialog text
    this.setText = function (text)
    {
        this.cont.innerHTML = text;
    }
    
    // Display dialog
    this.show = function ()
    {
        document.body.appendChild(this.win);
        this.win.style.left = (document.body.clientWidth - 300)/2;
        this.win.focus();
        this.focus();
    }
    
    // Close dialog
    this.close = function ()
    {
        document.body.removeChild(this.win);
    }
    
    this.focus = function () {};
    
    //
    // Start building dialog
    //
    
    this.basicDialog();
    
    // Set callback function
    if(callback == null)
    {
        callback = function(result) {};
    }
    this.callback = callback;
    
    // Build specific elements for
    if(type == 'alert')
    {
        // alert
        this.buildAlert();
    }
    else if(type == 'confirm')
    {
        // confirm
        this.buildConfirm();
    }
    else if(type == 'prompt')
    {
        //prompt
        this.buildPrompt();
    }
}

// Main alert function
function myAlert (text)
{
    var win = new BuildDialog('alert', null);
    win.setText(text);
    win.show();
    //defaultAlert(text);
}

// Main confirm function
function myConfirm(text, callback)
{
    var win = new BuildDialog('confirm', callback);
    win.setText(text);
    win.show();
}

// Main prompt function
function myPrompt(text, value, callback)
{
    var win = new BuildDialog('prompt', callback);
    win.setText(text);
    win.setValue(value);
    win.show();
}


//
// Replace default functions
//

// Store default functions
window.defaultAlert = window.alert;
window.defaultConfirm = window.alert;
window.defaultPrompt = window.alert;

// Replace
if(replace_alert)
{
    window.alert = myAlert;
}
if(replace_confirm)
{
    window.confirm = myConfirm;
}
if(replace_prompt)
{
    window.prompt = myPrompt;
}

Это сообщение отредактировал(а) Alex13 - 6.9.2008, 16:50

Присоединённый файл ( Кол-во скачиваний: 3 )

index.html.txt 1,25 Kb

--------------------

Самая страшная ошибка - это ошибка, не имеющая явных причин и конкретных последствий.
Антисоциальный блог.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »