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

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

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

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

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

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

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

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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Вчера в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

[решено]Подскажите скрипт

Участников: 3

Перейти вниз

[решено]Подскажите скрипт Empty [решено]Подскажите скрипт

Сообщение автор Gamatos Июль 21st 2011, 11:01

Где нажимаешь на изображения и выходит поп окно в котором заранее я написал там html


Последний раз редактировалось: Gamatos (Июль 26th 2011, 00:21), всего редактировалось 2 раз(а)
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Irbis Июль 21st 2011, 20:47

Не совсем окно, но смысл тот же
Код:
<img src="ССЫЛКА НА КАРТИНКУ" onclick="wopen();" id="img_wcontrol">
<div id="open_content" style="display: none; position: absolute; z-index: 999; border: 1px solid gray; padding: 10px;">

   ЛЮБОЙ HTML, ТЕКСТ И т.д.

</div>
<script type="text/javascript">
function wopen(){
   $("#open_content").css({opacity: 0, display: "block"});
   $("#open_content").animate({opacity: 1}, 1000);
   document.getElementById("img_wcontrol").onclick = wclose;
}
function wclose(){
   $("#open_content").animate({opacity: 0}, 1000);
   $("#open_content").css({display: "none"});
   document.getElementById("img_wcontrol").onclick = wopen;
}
</script>
А скрипты окон уже есть, воспользуйтесь поиском
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

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

https://help.forum2x2.ru/u849

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Gamatos Июль 22nd 2011, 01:25

Извени но не работает поставил так:

Код:
<img src="http://illiweb.com/fa/admin/icones/act-html.png" onclick="wopen();" id="img_wcontrol">
    <div id="open_content" style="display: none; position: absolute; z-index: 999; border: 1px solid gray; padding: 10px;">

      ЛЮБОЙ HTML, ТЕКСТ И т.д.

    </div>
    <script type="text/javascript">
    function wopen(){
      $("#open_content").css({opacity: 0, display: "block"});
      $("#open_content").animate({opacity: 1}, 1000);
      document.getElementById("img_wcontrol").onclick = wclose;
    }
    function wclose(){
      $("#open_content").animate({opacity: 0}, 1000);
      $("#open_content").css({display: "none"});
      document.getElementById("img_wcontrol").onclick = wopen;
    }
    </script>
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Gamatos Июль 23rd 2011, 21:28

Вот на этом сайте http://www.creativestation.ru/index.php? нажмите что я тут https://i.imgur.com/a631t.jpg стрелкой показываю иммено этот эфект ищу.
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Домовой Июль 23rd 2011, 22:54

Может такой вариант устроит?
В ПА - Модули - Управление кодами Javascript
Создай новый Javascript
Дай ему название
Расположение : по усмотрению
Код Javascript * : поставь следующее:

Код:
jQuery(document).ready(function(){
  jQuery('.pupbutton').click(function(){
      jQuery(this).parent().children('div.pupCont').slideToggle('slow');
      return false;
    });
  });
Сохрани.
Далее установи сам контейнер туда куда надо его поставить

Код:
<div class="pup"><div class="pupbutton"><img src="http://www.creativestation.ru/public/style_images/restyleipb3/feed.png" title="" alt=""></div><div style="display: none; position: absolute;" class="pupCont">

ЗДЕСЬ СОДЕРЖИМОЕ

</div></div>
Теперь зададим стиль всплывающему окну.
В CSS
Код:
.pup {
position:relative;
width:16px; /*ширина кнопки*/
height:16px; /*высота кнопки*/
}

.pup div.pupCont {
position:absolute;
width:200px; /*ширина всплывающего окна*/
background-color:#FFFFFF !important; /*фон окна*/
z-index: 999;
margin-top:6px;
border:1px solid #B38000; /*стиль рамки окна*/
padding:5px;
}
Пример в приветствии
http://test-063.forum777.com/

По такому принципу у меня на форуме сделан каталог туториалов.
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Gamatos Июль 24th 2011, 02:00

Спасибо огромное вы меня выручили!!! yes
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Домовой Июль 24th 2011, 10:01

Не за что.
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Домовой Июль 24th 2011, 11:40

Gamatos? могу предложить ещё такой вариант
http://12345.forum777.com/

Мне кажется он более интересен)))
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Gamatos Июль 24th 2011, 14:22

Вау,да если не трудно дай пожалуйсто.
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Домовой Июль 24th 2011, 15:02

В ПА - Модули - Управление кодами Javascript

Код:
$(function () {
  $('.bubbleInfo').each(function () {
    // options
    var distance = 10;
    var time = 500;
    var hideDelay = 800;
    var toppos, leftpos;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
   
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
               
        leftpos=(trigger.width()-popup.width())/2+trigger.position().left;
        toppos=-trigger.height()-popup.height();
        popup.css({top: toppos, left: leftpos, display: 'block'});
        if(popup.offset().left<0) leftpos=0;
        if(popup.offset().left+popup.width()+30>$(window).width()) leftpos=$(window).width()-popup.width()-30;
        if(popup.offset().top<0) toppos=trigger.position().top+trigger.height();
   
        // reset position of popup box
        popup.css({
          top: toppos,
          left: leftpos,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
     
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

Контейнер с содержимым ставь куда надо

Код:
<div class="bubbleInfo">
  <div class="trigger"><img src="http://www.creativestation.ru/public/style_images/restyleipb3/feed.png" title="" alt=""></div>
  <div class="popup">

СОДЕРЖИМОЕ

</div>
</div>
В CSS
Код:
  .bubbleInfo{
position: relative;
width:16px; /*ширина кнопки*/
height:16px; /*высота кнопки*/
}
 .popup{
position: absolute;
width:150px; /*ширина всплывающего окна*/
background-color:#FFFFFF !important; /*фон окна*/
z-index: 999;
border:1px solid #B38000; /*стиль рамки окна*/
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
box-shadow:0 0 10px 3px #FFDEAD;
-webkit-box-shadow:0 0 10px 3px #FFDEAD;
-moz-box-shadow:0 0 10px 3px #FFDEAD;
padding:10px 15px 10px 15px;
}
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Gamatos Июль 24th 2011, 16:25

Спасибище!!А можно и то и это сразу иметь на форуме?
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

[решено]Подскажите скрипт Empty Re: [решено]Подскажите скрипт

Сообщение автор Домовой Июль 24th 2011, 17:24

Можно
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

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

- Похожие темы

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