вывод полной новости

irbees2008 · 2012-09-08 19:23:12

как сделать вывод полной новости в модальном окне?

FNS · 2012-09-08 19:29:29

Зачем в модальном? Лучше через аякс без перезагрузки страницы.

vip · 2012-09-08 19:32:09

irbees2008, http://docs.jquery.com/UI/API/1.7.2/Dialog

irbees2008 · 2012-09-08 19:49:28

FNS пишет:

Зачем в модальном? Лучше через аякс без перезагрузки страницы.

можно и в аякс,сам вопрос как прописать что бы выводилась полная новость

FNS · 2012-09-08 20:42:28

irbees2008 пишет:

FNS пишет:
Зачем в модальном? Лучше через аякс без перезагрузки страницы.
можно и в аякс,сам вопрос как прописать что бы выводилась полная новость

Блок вывода новости заверни в div , пропиши ему ид, и средствами аякса посылаешь контент этому блоку.

irbees2008 · 2012-09-09 05:47:59

Блок вывода новости заверни в div , пропиши ему ид, и средствами аякса посылаешь контент этому блоку.

про это я тоже знаю,первое и третье я могу сделать ,а вот второе?

Изменено irbees2008 (2012-09-09 12:32:55)

irbees2008 · 2012-09-09 19:46:40

и что никто такого не делал?
нашел для дле но надо поправить

Dev версия:

/**
@param id новости
@param ссылка на полную новость
@param заголовок который будет отображаться в шапке окна
*/
function showModalNews(id, url, title, modal, options)
{

    modal = $('#modal-news-id-'+id);
    
    options = {
        width : 800,
        modal : true,
        buttons: {
                'Закрыть просмотр':function(){
                    $(this).dialog('close');
                }
            }
    };
    
    if(!modal[0])
    {
    ShowLoading('Загружаю новость '+title);
        modal = $('<div>', {'id':'modal-news-id-'+id,'title':title})
                .appendTo('body')
                .hide()
                .load(url+' #news-id-'+id, function(response, status, xhr){
                    console.log(xhr);
                    if(status == 'error')
                    {
                        ShowLoading('Вы всё сломали! Ошибка #'+xhr.status);
                        $(this).remove();
                    } else 
                        $(modal).dialog(options);
                    HideLoading();
                });
    } else    
        $(modal).dialog(options);
}


Min версия:

function showModalNews(a,b,c,d,e){d=$("#mnd"+a);e={width:800,modal:true,buttons:{"Закрыть просмотр":function(){$(this).dialog("close")}}};if(!d[0]){ShowLoading("Загружаю новость "+c);d=$("<div>",{id:"mnd"+a,title:c}).appendTo("body").hide().load(b+" #news-id-"+a,function(a,b,c){console.log(c);if(b=="error"){ShowLoading("Вы всё сломали! Ошибка #"+c.status);$(this).remove()}else $(d).dialog(e);HideLoading()})}else $(d).dialog(e)}


И где то в краткой новости нужно вставить HTML код:
<a href="{full-link}" onclick="showModalNews({news-id}, {full-link}, {title});return false;">Fast view</a>

здесь просто перебрасывает в полную новость

Изменено irbees2008 (2012-09-09 20:44:09)

FNS · 2012-09-09 20:46:25

Ты хочешь в модальное вывести саму новость или всю страницу с полной новостью? И вообще на сколько это будет удобно?

irbees2008 · 2012-09-09 20:48:43

FNS пишет:

Ты хочешь в модальное вывести саму новость или всю страницу с полной новостью? И вообще на сколько это будет удобно?

раз ищу значит надо ,только news.full

Изменено irbees2008 (2012-09-09 20:50:16)

vip · 2012-09-09 21:44:29

irbees2008, ссылку которую я тебе дал не годится?

irbees2008 · 2012-09-10 07:27:56

vip пишет:

irbees2008, ссылку которую я тебе дал не годится?

если бы я там что нибудь понял
походу у меня вообще кроме персонал меню ничего не открывается ни в аяксе ни в модальном,[Хак] Highslide JS тоже открывает картинки в новой вкладке

Изменено irbees2008 (2012-09-10 07:32:33)

vip · 2012-09-10 18:52:29

irbees2008, вот скачай http://jqueryui.com/download архив со скриптом и в архиве есть примеры скриптов и там есть пример диалогового окна если это то что тебе нужно то я подскажу как его настроить

irbees2008 · 2012-09-10 20:49:49

скачал архив ,но ни чего не понял,
vip может набросаешь для шаблона MainSoftware,а то я уже гуглить замучался,и ничего не работает

Изменено irbees2008 (2012-09-10 20:53:43)

vip · 2012-09-10 21:09:39

irbees2008, в архиве есть файл index.html открое его браузером и найди кнопку Open Dialog при нажатии открывается диалог окно

irbees2008 · 2012-09-10 21:26:47

открыл,появляется окошко, вот надо чтобы окошко с полной новостью

Изменено irbees2008 (2012-09-10 21:30:17)

vip · 2012-09-10 22:05:20

вот сам код делал вслепую но должен работать
<script type="text/javascript">
function newsfull{news-id}() {
$(function(){
$('#newsfull{news-id}').dialog({
width: 500,
resizable: false,
});
});

}
</script>
<div id="newsfull{news-id}" title="{title}" style="display:none;">{short-story}{full-story}</div>

вот ссылка вызова окна
<a href="#" id="newsfull{news-id}">открыть окно</a>

вот стили окна которые я удалил при адаптации этого шаблона

.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
.ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget { font-size: 11px; }
.ui-widget-content { background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-widget-header {
	background: #cccccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
	color: #000;
	font-weight: bold;
}
.ui-widget-header a { color: #fff; }
.ui-state-default, .ui-widget-content .ui-state-default {
	background: #eaeaea url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
	border: 1px solid #cfcfcf;
	color: #868686;
	font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
	border: 1px solid #a7a7a7;
	color: #4e4e4e;
	font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {
	background: #d0e5f5 50% 50% repeat-x;
	border: 1px solid #a7a7a7;
	color: #e17009;
	font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }

.ui-state-error {
	background: #fef1ec 50% 50% repeat-x;
	border: 1px solid #dedede;
	color: #cd0a0a;
}
.ui-widget-header .ui-icon { background-image: url(../images/ui-icons.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_h.png); }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-button .ui-button-text { display: block; line-height: 1.4em; }
.ui-button-text-only .ui-button-text { padding: .4em .8em; }
input.ui-button { padding: .4em 1em; }
.ui-button-set { margin-right: 7px; }
.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-dialog {
	overflow: hidden;
	padding: .2em;
	position: absolute;
	width: 300px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close {
	height: 18px;
	margin: -10px 0 0 0;
	padding: 1px;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content {
	background: none;
	border: 0;
	overflow: hidden;
	padding: .5em 1em;
	position: relative;
	zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
	background-image: none;
	border-width: 1px 0 0 0;
	margin: .5em 0 0 0;
	padding: .3em 1em .5em .4em;
	text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	float: right;
	line-height: 1.4em;
	margin: .5em .4em .5em 0;
	overflow: visible;
	padding: .2em .6em .3em .6em;
	width: auto;
}
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

irbees2008 · 2012-09-11 06:54:14

не работает.
1.скрипт в хеад
2 див перед /body
3 ссылку в news.short
4 css в stile.css

вот шаблонhttp://fotohosting.ucoz.kz/MainSoftware1.zip

Изменено irbees2008 (2012-09-11 11:20:03)

vip · 2012-09-11 15:29:17

irbees2008, сам скрипт вставляется в news.short

irbees2008 · 2012-09-11 15:47:12

vip пишет:

irbees2008, сам скрипт вставляется в news.short

вставлял ,не работает,просто перекидывает на http://127.0.0.1/#

Изменено irbees2008 (2012-09-11 15:54:17)

vip · 2012-09-11 16:20:32

irbees2008, все дело было в кнопке вот исправленная кнопка <a onclick=newsfull{news-id}(); return false;">открыть окно</a>

Изменено vip (2012-09-11 16:21:12)

irbees2008 · 2012-09-11 16:30:03

спасибо,заработало

Next Generation CMS :: Форум поддержки

Объявление

#1 2012-09-08 19:23:12

вывод полной новости

#2 2012-09-08 19:29:29

Re: вывод полной новости

#3 2012-09-08 19:32:09

Re: вывод полной новости

#4 2012-09-08 19:49:28

Re: вывод полной новости

#5 2012-09-08 20:42:28

Re: вывод полной новости

#6 2012-09-09 05:47:59

Re: вывод полной новости

#7 2012-09-09 19:46:40

Re: вывод полной новости

#8 2012-09-09 20:46:25

Re: вывод полной новости

#9 2012-09-09 20:48:43

Re: вывод полной новости

#10 2012-09-09 21:44:29

Re: вывод полной новости

#11 2012-09-10 07:27:56

Re: вывод полной новости

#12 2012-09-10 18:52:29

Re: вывод полной новости

#13 2012-09-10 20:49:49

Re: вывод полной новости

#14 2012-09-10 21:09:39

Re: вывод полной новости

#15 2012-09-10 21:26:47

Re: вывод полной новости

#16 2012-09-10 22:05:20

Re: вывод полной новости

#17 2012-09-11 06:54:14

Re: вывод полной новости

#18 2012-09-11 15:29:17

Re: вывод полной новости

#19 2012-09-11 15:47:12

Re: вывод полной новости

#20 2012-09-11 16:20:32

Re: вывод полной новости

#21 2012-09-11 16:30:03

Re: вывод полной новости

Подвал раздела