вопрос
Здравствуйте. Помогите пожалуйста подправить код модального окна.
Вот сам код:
А вот код страницы:
Но так как у меня на главной странице много материалов, то вызов этого окна по "#DLE111" для каждого материала не подходит. Мне нужно применить вместо id class.
Проще говоря нужно чтобы при нажатии на текущий материал "ВЫЗОВ МОДАЛЬНОГО ОКНА" выводило "СОДЕРЖИМОЕ МОДАЛЬНОГО ОКНА" относящее к этому материалу.
Заранее спасибо за любую помощь!
Вот сам код:
<script type="text/javascript">
function showBlock() {
$(function(){
$('#DLE111').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 300,
buttons: {
"Закрыть" : function() {
$(this).dialog("close");
}
}
});
});
}
</script>
А вот код страницы:
<div id="DLE111" title="Плеер" style="display:none;">
СОДЕРЖИМОЕ МОДАЛЬНОГО ОКНА
</div>
<div id="top-pole-player"style="cursor:pointer"onclick="showBlock(); return false;">
ВЫЗОВ МОДАЛЬНОГО ОКНА
</div>
Но так как у меня на главной странице много материалов, то вызов этого окна по "#DLE111" для каждого материала не подходит. Мне нужно применить вместо id class.
Проще говоря нужно чтобы при нажатии на текущий материал "ВЫЗОВ МОДАЛЬНОГО ОКНА" выводило "СОДЕРЖИМОЕ МОДАЛЬНОГО ОКНА" относящее к этому материалу.
Заранее спасибо за любую помощь!
Как то так:
n0wheremany: шаблон видимо короткой новости
<script type="text/javascript">
function showBlock{news-id}() {
$(function(){
$('#DLE111{news-id}').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 300,
buttons: {
"Закрыть" : function() {
$(this).dialog("close");
}
}
});
});
}
</script>
<div id="DLE111{news-id}" title="Плеер" style="display:none;">
СОДЕРЖИМОЕ МОДАЛЬНОГО ОКНА
</div>
<div id="top-pole-player"style="cursor:pointer"onclick="showBlock{news-id}(); return false;">
ВЫЗОВ МОДАЛЬНОГО ОКНА
</div>n0wheremany: шаблон видимо короткой новости
