17 октября 2010 в 18:13
Доброго всем времени суток.
Столкнулся с такой проблемой. Уже который день пытаюсь прикрутить Jquery dialog на сайт, а именно для вывода формы комментария в popup окно. В яве не силен, поэтому пользовался уже существующим постом http://www.drupal.ru/node/29612". Сделал все как там сказано, подогнал под jquery 1.7, сверился с примером использования этого скрипта на оф. сайте, но все равно не работает.
Вот код с моего сайта
$(function(){
// Dialog Link
$('#comment-form').dialog({
autoOpen: false,
zIndex: 1000,
width: 720,
height: 470,
minWidth: 470,
minHeight: 470
});
$('#comment_dialog_link').click(function(){
$('#comment-form').dialog('open');
return false;
});
$('#comment_dialog_link').hover(
function() { $(this).addClass('ui-hover-state'); },
function() { $(this).removeClass('ui-hover-state'); }
);
});
//--><!]]>
Вот код с примера.
// Dialog
$('#dialog').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() {
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
Код в моем файле template.php, в котором переопределил ф-цию :
<?php
function vidi_comment_wrapper($content, $node) {
$content .= '<p><a href="#" id="comment_dialog_link" class="ui-default-state">Поднять форму ответа</a></p>';
drupal_add_js(path_to_theme() . '/ui/ui.js');
drupal_add_js(path_to_theme() . '/ui/ui.min.js');
drupal_add_css(path_to_theme() . '/ui/ui.css');
drupal_add_js("
$(function(){
// Dialog Link
$('#comment-form').dialog({
autoOpen: false,
zIndex: 1000,
width: 720,
height: 470,
minWidth: 470,
minHeight: 470
});
$('#comment_dialog_link').click(function(){
$('#comment-form').dialog('open');
return false;
});
$('#comment_dialog_link').hover(
function() { $(this).addClass('ui-hover-state'); },
function() { $(this).removeClass('ui-hover-state'); }
);
});
"
,'inline');
if (!
$content || $node->type == 'forum') {
return '<div id="comments">'. $content .'</div>';
}
else {
return '<div id="comments"><h2 class="comments">'. t('Comments') .'</h2>'. $content .'</div>';
}
}?>Пробовал и так и этак, в итоге ноль на массу.
Буду очень благодарен хоть за какую-нибудь подсказку.
