Ищу выдвигающееся окно с контролем потока данных

[laimas]

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

[Infinity178]

Что именно?

[laimas]

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

[Infinity178]

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

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

[laimas]

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

[Infinity178]

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

[dmax34]

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

Вот пример информера

<!-- 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]

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

[dmax34]

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

[dmax34]

Всем привет!
Ребята, помогите, демо с 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>

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