Не работает External в IE если флэшка со свойством visible "hiden"

Yunkidze · 13.03.2013, 19:52

Всем привет, подскажите что не так, на третьем скрипте флэшка обращается экстерналом к яваскрипт, во всех браузерах работает кроме IE, при условии что CSS свойство visible для флэшки изначально стоит hiden

mooncar · 13.03.2013, 20:02

Может быть такое, что-то смутно помню - были такие от IE неприятности, как-то иначе работает EI в IE в случае, если флешка невидима.
Решение: блок с флешкой не скрывайте с помощью hidden, а уводите за область видимости окна. Например, изначально position:absolute; top:-1000px, а когда происходит нужное событие, надо выставляйте свойство top правильно, т.е. куда надо.
Помнится, я так поборол этот момент и делаю при случае сейчас так.

Nooob · 13.03.2013, 23:57

visible:hidden не будет работать в ie. position:absolute; top:-1000px не будет работать в ff (давно проверял, возможно ситуация изменилась). способ который работает везде: назначить размеры ширины и высоты в 1px

Yunkidze · 14.03.2013, 12:20

Спасибо, отличный способ, так и сделаю

Добавлено через 3 часа 8 минут
Сделал, но как то странно работает, на одном компе в IE9 ваще ничего, (External-ом не вызываются функции JS), а на другом работает.

viclight · 14.03.2013, 19:51

position:absolute; top:-1000px не будет работать в ff (давно проверял, возможно ситуация изменилась).
Уже работает!!!
Вообще позиционирование за экран, наиболее удобный способ, на мой взгляд....

ZicoRio · 15.03.2013, 00:42

Не знаю поможет ли, но вообще-то такого CSS свойства просто нет.
visible:hidden - это неверно

Верно вот такое
visibility:hidden

AlexCooper · 15.03.2013, 01:00

Я никуда ничего не переносил. Просто ресайзил флешку.

Код:

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  <script type="text/javascript" src="/fb/js/FacebookInterface.js"></script>
  <style type="text/css">
  	#swf-game {
		width:0;
		height:0;
		margin:0px;
		padding:0px;
		overflow:hidden;
	}
  </style>

 </head>

Код:

<center>
    <div id="gameContainer">
		<!-- Game swf -->
		<div id='gameCont'>
			<div id="swf-game">
			</div>
		</div>
		
		<div id="swf-yt-parent">
			<div id="youtubeIframe">
			</div>
		</div>

		<div id="swf-preloader">
			<!-- Alternative content for people who don't have an up-to-date Flash install
			<div id="noFlashDiv">
				<img alt="You need an updated Adobe Flash Player to play SongPop!" src="/static/facebook/canvas/error_flash.jpg" width="400" height="316" />
				<p>Click here to get the latest version of Adobe Flash Player</p>
				<a href="//get.adobe.com/flashplayer/" title="Get Flash Player!" id="getFlashBtn" target="_blank">
					<img alt="Update!" src="/static/facebook/canvas/error_flashButton.jpg" />
				</a>   -->
			</div>
		</div>

	</div>
</center>

<script type="text/javascript">

	function ResizeFlash(newWidth,newHeight){
	        if(newWidth){
	            $("#swf-game").css("width",newWidth);
	        }
	        if(newHeight){
	            $("#swf-game").css("height",newHeight);
	        }
	}

	// Load the game swf
	var gameSwfUrl = <?php echo $application; ?>;
	var preloaderSwfUrl = <?php echo $preloader; ?>;
	
	var flashVars = {
		"version": "001.003.049",
		"gameUrl": "https://apps.facebook.com/---/",
		"accessToken": "AAAEmTvC0RfQBAAnlMjq1rF9GQPCdcA64TmYy5hZBind7DdTvk0qCcoYwR1ZCuv4aAB9qZAIwUMNQA8sRZC9BQocQqNZAnp2ADUNw5fXHmmKldcxQiZBNMl",
		"ogDirectory": "https://----facebook/opengraph/",
		"appNamespace": "---"
	};
	
	var requiredFlashVersion = "10.2.0";

	// Preloader swf
	swfobject.embedSWF(
		preloaderSwfUrl, // SWF URL
		"swf-preloader", // Replacement element ID
		'750', '640', // Dimensions
		requiredFlashVersion,
		"", // Flash requirement and express install URL
		{}, // Flash vars
		{
			quality			: 'high',
			pluginspage		: 'http://www.macromedia.com/go/getflashplayer',
			wmode			: 'opaque',
			devicefont		: 'false',
			allowFullScreen	: 'true',
			allowScriptAccess	: 'always',
		},
		{name:"swf-preloader"} // Embedded object attributes
	);

	function removePreloader() {
		console.log("removePreloader");

		var preloader = document.getElementById("swf-preloader");
		preloader.parentNode.removeChild(preloader);
		
		ResizeFlash(750, 1005);
	}

	// Game swf
	swfobject.embedSWF(
		gameSwfUrl,//gameSwfUrl, // SWF URL
		"swf-game", // Replacement element ID
		'750', '1005', // Dimensions
		requiredFlashVersion,
		"", // Flash requirement and express install URL
		flashVars, // Flash vars
		{
			quality			: 'high',
			pluginspage		: 'http://www.macromedia.com/go/getflashplayer',
			wmode			: 'opaque',
			devicefont		: 'false',
			allowFullScreen	: 'true',
			allowScriptAccess	: 'always',
		},
		{name:"swf-game"} // Embedded object attributes
	);

        ResizeFlash(0,0);
		
</script>

Hauts · 15.03.2013, 09:31

AlexCooper,
ResizeFlash(newWidth,newHeight)

->

resizeFlash(newWidth,newHeight)

По теме: самое простое — ресайзить флэшку. Если не ошибаюсь, некоторые браузеры не создают экземпляр флэшки на странице до тех пор, пока хотя бы пиксель этой флэшки не попадет в отображаемую браузером область.

AlexCooper · 15.03.2013, 15:53

Цитата:

Сообщение от Hauts

Если не ошибаюсь, некоторые браузеры не создают экземпляр флэшки на странице до тех пор, пока хотя бы пиксель этой флэшки не попадет в отображаемую браузером область.

Не знал об этом. Можно тогда однопиксельную сделать.