Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Исправить всплывающее окно
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Исправить всплывающее окно
Доброго утра всем )))
А проблема вот в чём - хочу установить всплывающее по клику окошко к себе на форум. http://ruseller.com/lessons.php?rub=33&id=140
Всё сделал по уроку - в "Управление кодами Яваскрипт" добавил два кода:
Ниже формы быстрого ответа разместил следующий код:
Встала проблема - как вызвать это всплывающее окошко, так как в уроке ничего не сказано, добавил после формы ответа следующий код кнопки:
Но ничего не работает (((
Помогите пожалуйста, думаю что проблема в том, что что-то неправильно я сделал с кнопкой
Кстати FireBug нигде ошибок в кодах не выдаёт почему-то О_о
А проблема вот в чём - хочу установить всплывающее по клику окошко к себе на форум. http://ruseller.com/lessons.php?rub=33&id=140
Всё сделал по уроку - в "Управление кодами Яваскрипт" добавил два кода:
- Код:
<script type="text/javascript" src="http://zakrito.forum3-15.ru/10215.js"></script>
<script type="text/javascript">
window.addEvent('domready',function() {
/* hide using opacity on page load */
$('fb-modal').setStyles({
opacity:0,
display:'block'
});
/* hiders */
$('fb-close').addEvent('click',function(e) { $('fb-modal').fade('out'); });
window.addEvent('keypress',function(e) { if(e.key == 'esc') { $('fb-modal').fade('out'); } });
$(document.body).addEvent('click',function(e) {
if($('fb-modal').get('opacity') == 1 && !e.target.getParent('.generic_dialog')) {
$('fb-modal').fade('out');
}
});
/* click to show */
$('fb-trigger').addEvent('click',function() {
$('fb-modal').fade('in');
});
});
</script>
- Код:
var MooTools={version:"1.2.1",build:"0d4845aab3d9a4fdee2f0d4a6dd59210e4b697cf"};var Native=function(K){K=K||{};var A=K.name;var I=K.legacy;var B=K.protect;
var C=K.implement;var H=K.generics;var F=K.initialize;var G=K.afterImplement||function(){};var D=F||I;H=H!==false;
----------------
длинный длинный код, который дан в приложении к уроку.
----------------
}this.previous=A;var B={};this.elements.each(function(E,D){B[D]={};var C=(D!=A)||(this.options.alwaysHide&&(E.offsetHeight>0));this.fireEvent(C?"background":"active",[this.togglers[D],E]);
for(var F in this.effects){B[D][F]=C?0:E[this.effects[F]];}},this);return this.start(B);}});
Ниже формы быстрого ответа разместил следующий код:
- Код:
<div class="generic_dialog" id="fb-modal">
<div class="generic_dialog_popup" style="top: 125px;">
<table class="pop_dialog_table" id="pop_dialog_table" style="width: 532px;">
<tbody>
<tr>
<td class="pop_topleft"/>
<td class="pop_border pop_top"/>
<td class="pop_topright"/>
</tr></p>
<p> <tr>
<td class="pop_border pop_side"/>
<td id="pop_content" class="pop_content">
<h2 class="dialog_title"><span>David Walsh</span></h2>
<div class="dialog_content">
<div class="dialog_summary">You must be friends with David Walsh to see their full profile.</div>
<div class="dialog_body">
<div class="ubersearch search_profile"></p>
<p> <div class="result clearfix">
<div class="image">
<span><img class="photo" alt="David Walsh" src="http://profile.ak.facebook.com/v222/282/0/n211704301_1944.jpg"/></span>
</div>
<div class="info">
<p>
<b>About David Walsh</b><br />David Walsh, Web Developer
</p>
<p></p>
<p> I'm a 25 year old Web Developer planted in Madison, Wisconsin. I am Founder and Lead Developer for Wynq Web Labs. I don't design the websites, I just make them work.
</p>
</div>
<div class="clear" style="clear:both;"></div>
</div>
</div>
</div>
<div class="dialog_buttons">
<input type="button" value="Close" name="close" class="inputsubmit" id="fb-close" /></p>
<p> </div>
</div>
</td>
<td class="pop_border pop_side"/>
</tr>
<tr>
<td class="pop_bottomleft"/>
<td class="pop_border pop_bottom"/>
<td class="pop_bottomright"/></p>
<p> </tr>
</tbody>
</table>
</div>
</div>
Встала проблема - как вызвать это всплывающее окошко, так как в уроке ничего не сказано, добавил после формы ответа следующий код кнопки:
- Код:
<input type="button" value="Open" name="Open" id="fb-trigger" />
Но ничего не работает (((
Помогите пожалуйста, думаю что проблема в том, что что-то неправильно я сделал с кнопкой
Кстати FireBug нигде ошибок в кодах не выдаёт почему-то О_о
Re: Исправить всплывающее окно
Нужно добавлять сам скрипт а не ссылку на него.
Давайте с начала:
1)Откройте файл mootools-1.2.1.js и скопируйте его на форум в "Управление кодами Javascript"
2) Потом Mootools Javascript
Я не проверял, но должно работать.
Давайте с начала:
1)Откройте файл mootools-1.2.1.js и скопируйте его на форум в "Управление кодами Javascript"
2) Потом Mootools Javascript
- Mootools Javascript:
- Код:
window.addEvent('domready',function() {
/* hide using opacity on page load */
$('fb-modal').setStyles({
opacity:0,
display:'block'
});
/* hiders */
$('fb-close').addEvent('click',function(e) { $('fb-modal').fade('out'); });
window.addEvent('keypress',function(e) { if(e.key == 'esc') { $('fb-modal').fade('out'); } });
$(document.body).addEvent('click',function(e) {
if($('fb-modal').get('opacity') == 1 && !e.target.getParent('.generic_dialog')) {
$('fb-modal').fade('out');
}
});
/* click to show */
$('fb-trigger').addEvent('click',function() {
$('fb-modal').fade('in');
});
});
- CSS:
- Код:
/* from facebook */
.generic_dialog { height:0; left:0; overflow:visible; position:fixed; /*dw*/ top:0; width:100%; z-index:101; }
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }
.generic_dialog .generic_dialog_popup { height:0; overflow:visible; position:relative; }
.generic_dialog div.dialog_loading { background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }
.dialog_body .dialog_content_img { float:left; margin-right:15px; }
.dialog_body .dialog_content_txt { float:left; padding-bottom:5px; width:300px; }
.dialog_body .dialog_content_body { padding-bottom:13px; }
.dialog_body .form_label { padding-right:5px; }
.dark_dialog_overlay { background-image:url(facebook-overlay.png); background-repeat:repeat; }
* html .dark_dialog_overlay { background-color:transparent; background-image:url(blank.gif); }
.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; }
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }
td.pop_topleft { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 0; }
td.pop_topright { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 -10px; }
td.pop_bottomleft { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 -20px; }
td.pop_bottomright { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 -30px; }
td.pop_top, td.pop_bottom { background:transparent url(facebook-pop-dialog-sprite.png) repeat-x scroll 0 -40px; }
td.pop_side { background:transparent url(facebook-pop-dialog-sprite.png) repeat-y scroll -10px 0; }
td.pop_content { background-color:white; direction:ltr; padding:0; }
.pop_dialog_rtl td.pop_content { direction:rtl; }
td.pop_content h2.dialog_title { background:#6D84B4 none repeat scroll 0 0; border:1px solid #3B5998; color:white; font-size:14px; font-weight:bold; margin:0; }
td.pop_content h2.dialog_loading { background:#6D84B4 url(facebook-indicator_white_small.gif) no-repeat scroll 400px 10px; padding-right:40px; }
td.pop_content h2 span { display:block; padding:4px 10px 5px; }
td.pop_content .dialog_content { background:#FFFFFF none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }
td.pop_content .dialog_summary { background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; padding:8px 10px; }
td.pop_content .dialog_buttons { background:#F2F2F2 none repeat scroll 0 0; padding:8px; text-align:right; }
td.pop_content .dialog_buttons input { margin-left:5px; }
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }
/* david walsh custom */
#fb-modal { display:none; }
#fb-close { cursor:pointer; }
.info { width:280px; float:left; font-size:11px; color:#666; }
.info b { color:#000; }
.image { width:200px; float:left; margin-right:10px; }
- Код:
<a href="#" id="fb-trigger">Открыть</a>
Я не проверял, но должно работать.
Re: Исправить всплывающее окно
Всё сделал заново, ссылку лишнюю убрал, скрипт собственно и был уже загружен, потом заменил:
на:
При нажатии на "Открыть" меня перекидывает в верх форума, но ни каких окон не открывается нигде (((
И ещё мне нужно, чтобы не по ссылке открывалось окно, а по кнопке, и чтобы никаких виджетов даже скрытых )
- Код:
<input type="button" value="Open" name="Open" id="fb-trigger" />
на:
- Код:
<a href="#" id="fb-trigger">Открыть</a>
При нажатии на "Открыть" меня перекидывает в верх форума, но ни каких окон не открывается нигде (((
И ещё мне нужно, чтобы не по ссылке открывалось окно, а по кнопке, и чтобы никаких виджетов даже скрытых )
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения