Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Ищу выдвигающееся окно с контролем потока данных (https://javascript.ru/forum/jquery/54679-ishhu-vydvigayushheesya-okno-s-kontrolem-potoka-dannykh.html)

laimas 27.03.2015 15:49

Да нет, я не докапываюсь, беседуйте, я к тому, чтобы это не стало привычкой. ;)

Infinity178 27.03.2015 15:49

Что именно?

laimas 27.03.2015 16:13

Искать в сети и подключать плагины по каждому поводу )

Infinity178 27.03.2015 16:17

а)) полностью поддерживаю. но если человек не заинтересован в развитии знаний, то лучше и не вникать :)

А если нужно не решение а метод то https://api.jquery.com/ :victory:

laimas 27.03.2015 16:22

А почему вы решили, что он не заинтересован в развитии знаний?

Infinity178 27.03.2015 17:31

Прошу прощения, если кого затронул. Но я не имел ввиду конкретно автора, а просто подчеркнул положительную сторону Google и плагинов.

dmax34 27.03.2015 23:12

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

Вот пример информера
<!-- TradingView Widget BEGIN -->
<div id="tv-miniwidget-986f7"></div>
<script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>
<script type="text/javascript">
new TradingView.MiniWidget({
  "container_id": "tv-miniwidget-986f7",
  "tabs": [
    "Equities",
    "Commodities",
    "Bonds",
    "Forex"
  ],
  "symbols": {
    "Equities": [
      [
        "S&P500",
        "SPX500"
      ],
      [
        "NQ100",
        "NAS100"
      ],
      [
        "Dow30",
        "DOWI"
      ],
      [
        "Nikkei225",
        "JPN225"
      ],
      [
        "Apple",
        "AAPL "
      ],
      [
        "Google",
        "GOOG"
      ]
    ],
    "Commodities": [
      [
        "Emini",
        "ES1!"
      ],
      [
        "Euro",
        "E61!"
      ],
      [
        "Gold",
        "GC1!"
      ],
      [
        "Oil",
        "CL1!"
      ],
      [
        "Gas",
        "NG1!"
      ],
      [
        "Corn",
        "ZC1!"
      ]
    ],
    "Bonds": [
      [
        "US 2YR",
        "TUZ2015"
      ],
      [
        "US 10YR",
        "TYZ2015"
      ],
      [
        "US 30YR",
        "US1!"
      ],
      [
        "Euro Bund",
        "FX:BUND"
      ],
      [
        "Euro BTP",
        "EUREX:II1!"
      ],
      [
        "Euro BOBL",
        "EUREX:HR1!"
      ]
    ],
    "Forex": [
      "FX:EURUSD",
      "FX:GBPUSD",
      "FX:USDJPY",
      "FX:USDCHF",
      "FX:AUDUSD",
      "FX:USDCAD"
    ]
  },
  "gridLineColor": "#E9E9EA",
  "fontColor": "#83888D",
  "underLineColor": "#dbeffb",
  "trendLineColor": "#4bafe9",
  "activeTickerBackgroundColor": "#EDF0F3",
  "large_chart_url": "https://www.tradingview.com/e/",
  "noGraph": false,
  "width": 300,
  "height": 400
});
</script>
<!-- TradingView Widget END -->

Infinity178 28.03.2015 14:33

можно так (ДЕМО):
http://learn.javascript.ru/play/Xrh8j

dmax34 30.03.2015 11:25

Infinity178, спасибо, работает) то что и надо было)

dmax34 29.05.2015 09:34

Всем привет!
Ребята, помогите, демо с 18 поста с рабочим примером пропало, и в итоге я нашел другое модальное окно, но в нем такой функции нет, как загрузка информера после открытия и остановка поступления данных после закрытия...
Помогите сделать это уже в новом модальном окне, я его уже установил в нескольких местах на сайте, и только этой функции не хватает...

Вот само окно:
$(document).ready(function() { // вся магия после загрузки страницы
	$('a#go').click( function(event){ // ловим клик по ссылки с id="go"
		event.preventDefault(); // выключаем стандартную роль элемента
		$('#overlay').fadeIn(400, // сначала плавно показываем темную подложку
		 	function(){ // после выполнения предъидущей анимации
				$('#modal_form') 
					.css('display', 'block') // убираем у модального окна display: none;
					.animate({opacity: 1, top: '50%'}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
		});
	});
	/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
	$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
		$('#modal_form')
			.animate({opacity: 0, top: '45%'}, 200,  // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
				function(){ // после анимации
					$(this).css('display', 'none'); // делаем ему display: none;
					$('#overlay').fadeOut(400); // скрываем подложку
				}
			);
	});
});


<p><a href="#" id="go">Ссылка с окном</a></p>
<div id="modal_form">
	<span id="modal_close">X</span>
тут информер которому нужно загружаться только после открытия...
</div>
<div id="overlay"></div>


Заранее большое спасибо!


Часовой пояс GMT +3, время: 05:12.