Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Исправить всплывающее окно Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Исправить всплывающее окно Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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

Перейти вниз

Решено Исправить всплывающее окно

Сообщение автор ShMaster Июль 14th 2011, 09:06

Доброго утра всем )))

А проблема вот в чём - хочу установить всплывающее по клику окошко к себе на форум. 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" />

Но ничего не работает (((
Помогите пожалуйста, думаю что проблема в том, что что-то неправильно я сделал с кнопкой scratch

Кстати FireBug нигде ошибок в кодах не выдаёт почему-то О_о
ShMaster
ShMaster
 

Мужчина

Сообщения : 74
Возраст : 35
Регистрация : 2010-11-13
Благодарности : 8

Без предупреждений

http://naruto-baseur-rpg.forum2x2.ru/

Вернуться к началу Перейти вниз

Решено Re: Исправить всплывающее окно

Сообщение автор gorezcaid Июль 14th 2011, 13:06

Нужно добавлять сам скрипт а не ссылку на него.

Давайте с начала:
1)Откройте файл mootools-1.2.1.js и скопируйте его на форум в "Управление кодами Javascript"
2) Потом Mootools Javascript
Mootools Javascript:
3)Далее CSS со своими путями к картинкам
CSS:
4)Потом html код из примера в виджет, и рядом ссылку на его открытие
Код:
<a href="#" id="fb-trigger">Открыть</a>

Я не проверял, но должно работать.
gorezcaid
gorezcaid
 

Мужчина

Сообщения : 1806
Возраст : 81
Регистрация : 2010-08-18
Благодарности : 783

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Решено Re: Исправить всплывающее окно

Сообщение автор ShMaster Июль 14th 2011, 16:27

Всё сделал заново, ссылку лишнюю убрал, скрипт собственно и был уже загружен, потом заменил:
Код:
<input type="button" value="Open" name="Open" id="fb-trigger" />

на:
Код:
<a href="#" id="fb-trigger">Открыть</a>

При нажатии на "Открыть" меня перекидывает в верх форума, но ни каких окон не открывается нигде (((

И ещё мне нужно, чтобы не по ссылке открывалось окно, а по кнопке, и чтобы никаких виджетов даже скрытых )
ShMaster
ShMaster
 

Мужчина

Сообщения : 74
Возраст : 35
Регистрация : 2010-11-13
Благодарности : 8

Без предупреждений

http://naruto-baseur-rpg.forum2x2.ru/

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения