VPF::проблемма с JUI DatePicker - Форум программистов

jone31

Дата 25.8.2011, 21:02 (ссылка)

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

Загрузка ...

Опытный

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

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

такая ситуация: в адресной строке написан запрос: /?page=blablabla#комнады_запроса_для_ajax

ajax обрабатывает хеш и открывает модальное окно(JUI Dialog) в котором одно из полей это выбор даты с помощью DatePicker, пикер открывается все как положено..... но когда я нажимаю на нужную мне дату, то datepicker удалает хеш строку из запроса, ajax это подхватывает, закрывает окно и начинает обработку запроса - что мне совсем не нужно.

в приложенном файле плагин начинается с 464 строки, а на 533 идет следующее:

Код

"</span>":'<a class="ui-state-default'+(q.getTime()==b.getTime()?" ui-state-highlight":"")+
(q.getTime()==u.getTime()?" ui-state-active":"")+(B?" ui-priority-secondary":"")+'" href="#">'+q.getDate()+"</a>")+
"</td>";q.setDate(q.getDate()+1);q=this._daylightSavingAdjust(q)}x+=P+"</tr>"}g++;if(g>11){g=0;m++}x+="</tbody></table>"+(l?"</div>"+
(i[0]>0&&D==i[1]-1?'<div class="ui-datepicker-row-break"></div>':""):"");M+=x}I+=M}I+=e+
(d.browser.msie&&parseInt(d.browser.version,10)<7&&!a.inline?'<iframe src="javascript:false;" 
class="ui-datepicker-cover" frameborder="0"></iframe>':

- на этой строке сбрасывается хеш в пустую строку.

пробовал убрать href="#", заменить на void(0), добавить return false - во этих случаях пикер перестает реагировать на клики по дате.

помогите допилить плагин что бы хеш запроса не сбрасывался.

Это сообщение отредактировал(а) jone31 - 25.8.2011, 21:07

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

jquery_ui_1.8.6.custom.min.rar 46,45 Kb

нуп

Дата 25.8.2011, 21:53 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

jquery datepicker не сбрасывает хэш. Думаю ваш скрипт это делает

jone31

Дата 25.8.2011, 22:01 (ссылка)

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

Загрузка ...

Опытный

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

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

если просто использовать плагин - то да, но если засунуть этот плагин в диалоговое окно то он начинает это делать.

из скриптов при открытии окна выполняется только сам скрипт открытия этого окна и всё...

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

нуп

Дата 25.8.2011, 22:08 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

Я сам пользуюсь и dialog i datepicker/datetimepicker и никаких проблем не возникает с хэшэм. Выложите короткий пример с проблемой. smile

jone31

Дата 25.8.2011, 22:27 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


<div id="Pages-Dialogs" style="display:;">
    <div id="dialog-create" title="создание">
    <form onsubmit="return false;">
<input name="date" id="datetimepicker" type="text" style="width:150px; background:none; padding:2px 5px; color:black;" maxlength="19" /><label style="padding-left:10px;"><input type="checkbox" />&nbsp;<b>Текущая дата</b></label>
    </form>
    </div>
</div>

<script>
function filemanager_dialog( type ){
    $.fx.speeds._default = 1000;
    $( "<div id='Pages-Dialog' style='display:none;'></div>" ).dialog({
        autoOpen:false,
        title:$("div#Pages-Dialogs div#dialog-"+type).attr("title"),
        closeOnEscape:true,
        hide:'fade',
        show: 'fade',
        modal:true,
        resizable:false,
        width:600,
        open: function(){ 
            $("div#navigation").hide("fade", 1000);
            tooltip_init(); // init
            $('div#Pages-Dialog #datetimepicker').datepicker(); // init
        },
        beforeClose:function(){ $("div#navigation").show("fade",1000); },
        close: function(){
            $(this).remove();
            current_id="";
        },
        buttons:{
            'Отмена': function(){ $(this).dialog("close"); },
            'Продолжить': function(){
                q = location.hash.replace("#","")+"&"+$("div#Pages-Dialog form").serialize()+"&action="+type+"&id="+current_id;
                ajax(q);
                $(this).dialog("close");
            }
        }
    });
    $("div#Pages-Dialog").html(document.getElementById("dialog-"+type).innerHTML.replace("{ID}",current_id));
    $("div#Pages-Dialog").dialog('open');
}

как то так...

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

нуп

Дата 25.8.2011, 22:53 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

Ну это разве рабочий пример? чтобы взять и запустить скрипт?

jone31

Дата 26.8.2011, 16:26 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(нуп @ 25.8.2011, 22:53

)

Ну это разве рабочий пример? чтобы взять и запустить скрипт?

да легко, ниже файл распаковать и запустить. smile

Это сообщение отредактировал(а) jone31 - 26.8.2011, 16:27

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

Untitled_1.rar 1,44 Kb

нуп

Дата 26.8.2011, 17:05 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

Тот же самый пример. Урл не меняется

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
            <link rel="stylesheet" media="all" type="text/css" href="http://www.trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.14.custom.css" />
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
            <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
            <script type="text/javascript" src="http://www.trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js"></script>
</head>
<body>            
    <div id="dialog" >
        <form onsubmit="return false;">
    <input name="date" id="datetimepicker" class="ui-widget-header ui-corner-tl ui-corner-tr ui-corner-br ui-corner-bl" type="text" style="width:150px; background:none; padding:2px 5px; color:black;" maxlength="19" />
        </form>
        </div>    
</body>    
</html>
<script>            
$(document).ready(function() {
    $('#dialog').dialog( {
       open: function(){
            $('#datetimepicker').datetimepicker();
        }
    });
});
</script>

Это сообщение отредактировал(а) нуп - 26.8.2011, 17:06

jone31

Дата 27.8.2011, 03:08 (ссылка)

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

Загрузка ...

Опытный

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

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

нет, если использовать приведенный код то открыть окно более одного раза не выполняя повторного запроса - не получится!

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

так же заметил что не работают кнопки переключения месяцев и кнопка Now - т.е. пикер вообще не работает.

Это сообщение отредактировал(а) jone31 - 27.8.2011, 03:11

нуп

Дата 27.8.2011, 09:55 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

проблема не в dialog и picker, она у вас в коде

jone31

Дата 27.8.2011, 12:03 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(нуп @ 27.8.2011, 09:55

)

проблема не в dialog и picker, она у вас в коде

да нет никакого моего кода, только то что нужно для запуска этих двух плагинов - без какой либо правки.

проблемма в том что пикер не хочет правильно работает с только что созданным дивом и всё...

Это сообщение отредактировал(а) jone31 - 27.8.2011, 12:03

нуп

Дата 27.8.2011, 12:10 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

Не верю. У меня же работает.

jone31

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

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

Загрузка ...

Опытный

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

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

Цитата(нуп @ 27.8.2011, 12:10

)

Не верю. У меня же работает.

а что тут верить? я в файле выше приложил код из документации к этому плагину, разницу только в том что используется созданный на лету див и всё...

нуп

Дата 27.8.2011, 12:34 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33

Вы открывали этот файл через firebug какой-то, просто посмотреть ошибки?

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