Опрос

Вернешься к нам?
Да
Нет
Все возможно
Голосовать Результаты опроса

Партнеры

  • Место свободно
  • Место свободно
  • Место свободно
  • Место свободно

Наш архив :)

Онлайн

    Всего на сайте: 1
    Гостей: 0
    Пользователи: - отсутствуют
    Роботы: Arraycrawl Bot
    Администраторов: 1
    Редакторов: 0
    Журналистов: 1
    Модераторов: 0
    Дизайнеры: 0
    VIP: 0
    Пользователей: 5262 [+1]

Переходы

123

Реклама
На сайте
Меня один пользователь спросил можно ли сделать такую кнопку в которой через модальное окно можно было бы вывести какой нибудь текст... я ему ответил Да и решил написать этот небольшой урок, так как если эта идея возникла у одного, то когда то такая же идея возникнет и у другого (а может уже и возникала у кого та, но он просто не знал и не знает как это реализовать) так как вещь эта очень полезная. Если эту статью читает знающий человек то он подумает, что я придуряк biggrin это очень легко зачем писать статью по этому поводу..., ну так вот не все такие профи как вы))) не забывайте про начинающих...

Ну что ж начнем урок:

1. В шаблоне вставляем яваскрипт для окна:
<script type="text/javascript">
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' - это эфекты появления и скрытия окна


2. В нужное место вставим кнопку:
<div>
<a onclick="TextPrimer()">Нажмите на эту кнопку и откроется модальное окно. </a>
</div>

Заметьте onclick="TextPrimer()" оно взято с яваскрипта который мы писали
function showTextPrimer() {


3. Написать то что будет открываться в окне:
<div id="TextPrimer" title="Пример модального окна с любым текстом" style="display:none; " >
Ну а это сообщение в самом окне)))
</div>

Заметьте div id="TextPrimer" тоже взято с яваскрипта который мы писали выше $('#TextPrimer').dialog({


Усе ваше окно готово.
Надеюсь поняли мой глупый урок biggrin ...
Автор урока: GUGA
Сайт автора: Dvigov.COM

Надеюсь поймете то что я написал))), Но если не поняли то нажмите кнопку обсудить на форуме... и задавайте ваши вопросы...


Своё Спасибо, еще не выражали.
Рейтинг:
 (голосов: 4)
Комментариев: 13 | Просмотров: 2349
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Рекомендуем также:
Репутация: 0
капитошка
Коммент. №1
Группа: Пользователи
Регистрация: 24.11.2010
Комментариев: 18
Публикаций: 6
Статус:Оффлайн
24 января 2011 01:44
ok молодец...=)
Репутация: 0
Slap
Коммент. №2
Группа: Пользователи
Регистрация: 1.12.2010
Комментариев: 77
Публикаций: 10
Статус:Оффлайн
24 января 2011 01:48
еще б без ошибок орфографии... dash


--------------------
Не думай о том, что будет завтра;
Думай о том, что есть сегодня.
Репутация: 1
770change
Коммент. №3
Группа: Администраторы
Регистрация: 19.10.2010
Комментариев: 208
Публикаций: 302
Статус:Оффлайн
24 января 2011 02:18
Кто по ней ставил и не получилось заново поставьте по этой инструкции, я ее обновил... была ошибка в коде...
Репутация: 0
tamerlan
Коммент. №4
Группа: Пользователи
Регистрация: 20.11.2010
Комментариев: 8
Публикаций: 0
Статус:Оффлайн
24 января 2011 03:18
В функции небольшая ошибка


<script type="text/javascript">
function showTextPrimer() {
$(function(){

    $('#TextPrimer').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 400,
        height: 200,
    });
});
}
</script>


в этой строчке стираем show
должно получится так
function TextPrimer()


тогда все будет работать.
Репутация: 1
770change
Коммент. №5
Группа: Администраторы
Регистрация: 19.10.2010
Комментариев: 208
Публикаций: 302
Статус:Оффлайн
24 января 2011 03:27
tamerlan,
Нечего не нужно стирать... все работает)))
Репутация: 0
ExxstyLe
Коммент. №6
Группа: Пользователи
Регистрация: 22.09.2010
Комментариев: 49
Публикаций: 5
Статус:Оффлайн
24 января 2011 12:40
Спасибо) щас попробуем Laie


--------------------
=)
Репутация: 0
czar931
Коммент. №7
Группа: Пользователи
Регистрация: 3.12.2010
Комментариев: 7
Публикаций: 0
Статус:Оффлайн
24 января 2011 15:31
гуга,я даже не думал что ты таким делом займешся....Я конешно полностью на твоей стороне но просто уже есть модальное окно,или это чем-то отличается?если отличаеться,то извини плиз drink
Репутация: 0
ExxstyLe
Коммент. №8
Группа: Пользователи
Регистрация: 22.09.2010
Комментариев: 49
Публикаций: 5
Статус:Оффлайн
24 января 2011 21:40
йа туда чат сунул для форума dance


--------------------
=)
Репутация: 0
DizZzeL
Коммент. №9
Группа: Пользователи
Регистрация: 27.11.2010
Комментариев: 2
Публикаций: 0
Статус:Оффлайн
25 января 2011 01:01
Гуга вопрос ,кто не вкурсе объясни че вы не поделили ,если база у тебя---? То что кто делал?
Репутация: 1
770change
Коммент. №10
Группа: Администраторы
Регистрация: 19.10.2010
Комментариев: 208
Публикаций: 302
Статус:Оффлайн
25 января 2011 10:43
DizZzeL,
Ты про двиг.нет?

Цитата: czar931
Я конешно полностью на твоей стороне но просто уже есть модальное окно,или это чем-то отличается?если отличаеться,то извини плиз

То что есть не знаю как там но нечего там непонятно... вот решил своим языком как я знаю и как я делаю так написать...Думаю поймут этот урок многие новички)))
Репутация: 0
qawazarre4789
Коммент. №11
Группа: Пользователи
Регистрация: 1.11.2014
Комментариев: 34
Публикаций: 0
Статус:Оффлайн
26 января 2015 20:30
http://loco.digitalzones.com
http://descno.digitalzones.com
http://nighri.fcpages.com
http://eler.digitalzones.com/53799.html
http://nirea.fcpages.com
http://terpvi.fcpages.com/32753.html
http://giona.digitalzones.com/2166.html
http://rodlao.digitalzones.com/6397.html
http://mibar.digitalzones.com/9423.html
http://ractpu.fcpages.com/58339.html
http://vasil.fcpages.com/97440.html
http://ines.fcpages.com/22751.html
http://prevev.fcpages.com/32483.html
http://atneu.digitalzones.com
http://biro.digitalzones.com/43021.html
http://mifen.digitalzones.com/1974.html
http://enquai.fcpages.com
http://siotful.digitalzones.com/43242.html
http://memmost.digitalzones.com/12985.html
http://sackfill.digitalzones.com
http://ninglo.digitalzones.com
http://roadiss.fcpages.com/87045.html
http://grecos.fcpages.com


http://repdo.digitalzones.com
http://tconout.freehostyou.com
http://countre.digitalzones.com/53148.html
http://propti.freehostyou.com/84149.html
http://ener.fcpages.com/68341.html
http://rafea.freehostyou.com/71969.html
http://seglei.freehostyou.com
http://storal.fcpages.com
http://snagin.freehostyou.com/23140.html
http://pievern.digitalzones.com/72339.html
http://sticcomp.fcpages.com
http://able.digitalzones.com
http://lange.freehostyou.com/48657.html
http://riaswar.freehostyou.com
http://erhe.digitalzones.com
http://terpvi.fcpages.com
http://smarkids.digitalzones.com
http://scofcom.freehostyou.com
http://forja.digitalzones.com
http://liti.freehostyou.com/1788.html
http://ener.fcpages.com/68341.html
http://racamp.digitalzones.com
http://ines.fcpages.com/22751.html
Репутация: 0
qawazarre4789
Коммент. №12
Группа: Пользователи
Регистрация: 1.11.2014
Комментариев: 34
Публикаций: 0
Статус:Оффлайн
27 января 2015 15:35
http://undot.freehostyou.com
http://enta.fcpages.com/61086.html
http://ninggul.digitalzones.com/97001.html
http://fasttal.digitalzones.com/36535.html
http://handpho.freehostyou.com/89573.html
http://buri.fcpages.com
http://raccoff.fcpages.com/29717.html
http://descno.digitalzones.com/57817.html
http://sporra.digitalzones.com
http://nabpa.digitalzones.com
http://ciefu.fcpages.com
http://handpho.freehostyou.com/89573.html
http://sticcomp.fcpages.com/33677.html
http://atneu.digitalzones.com/62445.html
http://dollma.fcpages.com/69655.html
http://statgua.fcpages.com/73923.html
http://stilci.freehostyou.com/91790.html
http://pothos.freehostyou.com
http://loco.digitalzones.com
http://starthe.fcpages.com
http://veyneu.fcpages.com
http://gaidur.fcpages.com
http://funrea.fcpages.com/65766.html


http://sernent.fcpages.com/55180.html
http://systsound.fcpages.com/99403.html
http://arin.digitalzones.com
http://veyneu.fcpages.com
http://seitrog.fcpages.com
http://descno.digitalzones.com
http://nounge.digitalzones.com
http://vingclean.digitalzones.com/30699.html
http://crimer.fcpages.com/54666.html
http://liacam.fcpages.com/3195.html
http://forja.digitalzones.com
http://chiabei.freehostyou.com
http://camsslys.digitalzones.com
http://pacon.freehostyou.com
http://ines.fcpages.com/22751.html
http://amve.fcpages.com/71096.html
http://loco.digitalzones.com
http://atni.digitalzones.com
http://recto.freehostyou.com
http://relil.digitalzones.com/15018.html
http://tiafu.freehostyou.com
http://chekli.freehostyou.com
http://downmorr.freehostyou.com/10305.html
Репутация: 0
qawazarre4789
Коммент. №13
Группа: Пользователи
Регистрация: 1.11.2014
Комментариев: 34
Публикаций: 0
Статус:Оффлайн
28 января 2015 15:05
http://chadu.greatnow.com
http://vigre.freewaywebhost.com/26331.html
http://tergy.freewaywebhost.com
http://tingpu.freewaywebhost.com
http://scanam.freewaywebhost.com
http://skanbo.freewaywebhost.com
http://chlorsem.greatnow.com/27605.html
http://snowchick.greatnow.com/63399.html
http://charwi.freewaywebhost.com
http://meigran.greatnow.com
http://afry.greatnow.com/3058.html
http://afry.greatnow.com
http://dulgu.greatnow.com
http://scanam.freewaywebhost.com
http://dayka.greatnow.com
http://perme.greatnow.com/87861.html
http://fiadisp.greatnow.com/8753.html
http://snowchick.greatnow.com
http://taisi.freewaywebhost.com
http://tergy.freewaywebhost.com/19835.html
http://eril.freewaywebhost.com/93533.html
http://metur.greatnow.com/81218.html
http://sighhyd.greatnow.com/42651.html


http://komlack.freewaywebhost.com/11426.html
http://mathochs.greatnow.com
http://tingpu.freewaywebhost.com/41473.html
http://inplus.greatnow.com/2396.html
http://totou.freewaywebhost.com/75912.html
http://enem.greatnow.com/55182.html
http://perme.greatnow.com
http://buncomp.freewaywebhost.com
http://desys.greatnow.com
http://nacal.greatnow.com/23006.html
http://destto.greatnow.com
http://sozest.freewaywebhost.com
http://rievoi.greatnow.com
http://ovblan.freewaywebhost.com
http://newsla.greatnow.com
http://mainec.freewaywebhost.com
http://tersso.greatnow.com/74864.html
http://fiadisp.greatnow.com/8753.html
http://chauweb.freewaywebhost.com/74752.html
http://hardkuns.greatnow.com/13619.html
http://beertthe.freewaywebhost.com/91394.html
http://bergbeer.greatnow.com/3994.html
http://tabca.greatnow.com/29888.html
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Яндекс Апдейт
↓ Апдейты Яndex тИЦ
19.11.2017
04.11.2017
16.08.2017
↓ Апдейты выдачи Яndexa
18.11.2017
16.11.2017
14.11.2017
↓ Апдейты ЯКаталога
20.11.2017
17.11.2017
15.11.2017
Календарь
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
Чат
НаписалФилипп
26 августа 2017
Добрый день. Презентация http://jersiker.ru/
Ответить
НаписалАнтон
29 июня 2017
Добрый день. Наша презентация http://omelesu.ru/
Ответить
НаписалВиталий
14 июня 2017
Здравствуйте. Не дозвонились до вас, презентация http://majuster.ru/
Ответить
НаписалЕвгений
12 мая 2017
Добрый день. Это презентация, не дозвонились до Вас, посмотрите http://merternas.ru/?activation=9
f8dd061
Ответить
НаписалАнатолий
4 марта 2017
Не дозвонились до Вас, посмотрите презентацию http://advertuper.ru/video?activa
tion=af8e1257
Ответить
НаписалКирилл
11 января 2017
Здравствуйте! Я звонил вам перед праздниками, вы не перезвонили, результат нашей презентации тут http://patrongiis.ru/
Ответить
НаписалСемён
29 ноября 2016
Добрый день! Вам стоит это увидеть, это касается вашей компании! Смотрите в видео http://customerbass.ru/video
Ответить
НаписалВалерий
22 ноября 2016
Добрый день. Вчера договаривались созвонится с Вами в 14:00, но я до Вас не дозвонился, нужно ваше решение по нашему предложению http://comenst.ru/offer293
Ответить
НаписалДанила
24 октября 2016
Это ссылка на презентацию, о которой я говорил http://prescom.ru/
Ответить
НаписалЕгор
6 октября 2016
Добрый день! Я обещал вам прислать ссылку http://plazametrix.ru/
Ответить

   
Популярное
Коментарии
Автор → IraFriene
в новости → "Страница ошибки 404 на DLE"
Автор → dficrgFriene
в новости → Поисковая подсказка
Автор → Snovidenius
в новости → "Страница ошибки 404 на DLE"
Автор → buypropeciaon
в новости → Поисковая подсказка
Автор → gcgdgijhheDhaBB
в новости → "Страница ошибки 404 на DLE"
Автор → buypropecia
в новости → Поисковая подсказка
Автор → MariaFrienr
в новости → Поисковая подсказка
© RIPs.SU DOG
Последние комментарии 2.4
Проследить за всеми новостями мы не можем, так как новости берутся из открытых источников. Если вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.
© artsss-web.ru 2010 - 2012 Яндекс.Метрика

{dotcat}