© artsss-web.ru 2010 - 2012
{dotcat}
Автор: 770change | 24-01-2011, 01:36
Меня один пользователь спросил можно ли сделать такую кнопку в которой через модальное окно можно было бы вывести какой нибудь текст... я ему ответил Да и решил написать этот небольшой урок, так как если эта идея возникла у одного, то когда то такая же идея возникнет и у другого (а может уже и возникала у кого та, но он просто не знал и не знает как это реализовать) так как вещь эта очень полезная. Если эту статью читает знающий человек то он подумает, что я придуряк 
это очень легко зачем писать статью по этому поводу..., ну так вот не все такие профи как вы))) не забывайте про начинающих...
Ну что ж начнем урок:
1. В шаблоне вставляем яваскрипт для окна:
2. В нужное место вставим кнопку:
3. Написать то что будет открываться в окне:
Усе ваше окно готово.
Надеюсь поняли мой глупый урок ...
Автор урока: GUGA
Сайт автора: Dvigov.COM
Надеюсь поймете то что я написал))), Но если не поняли то нажмите кнопку обсудить на форуме... и задавайте ваши вопросы...
это очень легко зачем писать статью по этому поводу..., ну так вот не все такие профи как вы))) не забывайте про начинающих...Ну что ж начнем урок:
1. В шаблоне вставляем яваскрипт для окна:
<script type="text/javascript">
function showTextPrimer() {
$(function(){
$('#TextPrimer').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 400,
height: 200,
});
});
}
</script>
function showTextPrimer() {
$(function(){
$('#TextPrimer').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 400,
height: 200,
});
});
}
</script>
Там где написано TextPrimer можете поменять на свое...
width: 400 - это ширина окна
height: 200 - это высота
show: 'fade' и hide: 'fade' - это эфекты появления и скрытия окна
width: 400 - это ширина окна
height: 200 - это высота
show: 'fade' и hide: 'fade' - это эфекты появления и скрытия окна
2. В нужное место вставим кнопку:
<div>
<a onclick="TextPrimer()">Нажмите на эту кнопку и откроется модальное окно. </a>
</div>
<a onclick="TextPrimer()">Нажмите на эту кнопку и откроется модальное окно. </a>
</div>
Заметьте onclick="TextPrimer()" оно взято с яваскрипта который мы писали
function showTextPrimer() {
function showTextPrimer() {
3. Написать то что будет открываться в окне:
<div id="TextPrimer" title="Пример модального окна с любым текстом" style="display:none; " >
Ну а это сообщение в самом окне)))
</div>
Ну а это сообщение в самом окне)))
</div>
Заметьте div id="TextPrimer" тоже взято с яваскрипта который мы писали выше $('#TextPrimer').dialog({
Усе ваше окно готово.
Надеюсь поняли мой глупый урок
...Автор урока: GUGA
Сайт автора: Dvigov.COM
Надеюсь поймете то что я написал))), Но если не поняли то нажмите кнопку обсудить на форуме... и задавайте ваши вопросы...
Своё Спасибо, еще не выражали.
Рейтинг:
Комментариев: 13 | Просмотров: 3025
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Рекомендуем также:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
