Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.10.2014, 16:16
Интересующийся
Отправить личное сообщение для kirill1989 Посмотреть профиль Найти все сообщения от kirill1989
 
Регистрация: 17.06.2013
Сообщений: 13

Проблема скрытие блока
Всем доброго времени суток! Есть код который при наведение на картинку всплывает блок с выбором радио станций для проигрывания на сайте, все работает но при том когда увожу мышку с картинки исчезает блок( так и надо ) но с блоком исчезает музыка. Как можно это поправить что бы блок исчезал а музыка проигрывалась далее? Вот сам код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>


</head>

<body>


<!--НАЧАЛО БЛОКА РАДИО ОНЛАЙН-->
<style type="text/css">



.click{
	background:url(hack/radio-image.png);
	width:46px;
	height:46px;
	}
.click .overlay{display: none; top: 0; left: 0;  opacity: 0.5;
width: 160px;
border: 2px solid;
border-color: #ff339a;
background-color: #fff;






}
.click:hover .overlay{display: block; padding-left:25px;}




#ro_block h2 { background: #800000; padding: 10px; margin: 0; line-height: 100%;}
#ro_block h2 a { background: #800000; color: #ffffff; font: normal bold 16px Arial, Verdana; text-decoration: none;}
#ro_block h2 a:hover { text-decoration: underline;}
</style>







<div id="ro_block" align="center">
<div id ="ro_h2"></div>

<div class="click">
     <div class="overlay">
       
<div id="ro_player"></div><div id="ro_img">

</div>

</div>
</div></div>

<script type="text/javascript">var roMyRad = "2,7,9,6,5,10", roBlockWidth = 230, roImgKol = 3;</script>


<!--КОНЕЦ БЛОКА РАДИО ОНЛАЙН-->
<!--<script type="text/javascript" src="http://radio-online.com.ua/scripts/rns.js" charset="windows-1251"></script>-->

[JS]<script type="text/javascript">
var sU='http://radio-online.com.ua/',pF='',pN='player.swf',iF='rad_img/',xyz=false,roBlock=document.getElementById('ro_block'),roH2=document.getElementById('ro_h2'),roPlayer=document.getElementById('ro_player'),roImg=document.getElementById('ro_img'),roMyRads=roMyRad.split(","),HtmlH2=roH2.innerHTML,ahref='<a href="'+sU+'" target="_blank">',HtmlH2_1=ahref+'Радио онлайн</a>',HtmlH2_2=ahref+'Онлайн радио</a>',HtmlH2_3=ahref+'Слушать радио онлайн</a>',HtmlH2_4=ahref+'Слушать онлайн радио</a>';if(HtmlH2!==HtmlH2_1||HtmlH2!==HtmlH2_2||HtmlH2!==HtmlH2_3||HtmlH2!==HtmlH2_4||'\v'!=='v'){xyz=true;}if(roMyRads.length>12){xyz=false;}function setOpacity(n){for(var i=0;i<roMyRads.length;i++){imgOpasity = document.getElementById('rad_'+roMyRads[ i ]+'_img');if(imgOpasity){if('\v'=='v'){imgOpasity.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity=100)';}else{imgOpasity.style.opacity=1;}}}imgOpasity=document.getElementById('rad_'+n+'_img');if(imgOpasity){if('\v'=='v'){imgOpasity.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity=30)';}else{imgOpasity.style.opacity=0.3;}}}function playRadio(rN){w1=roBlockWidth*0.5;h1=Math.floor(w1/13);var flVars1='',flVars2 ='';if(rN!=''){flVars1="<param name='flashVars' value='t="+rN+"'>";flVars2="flashVars='t="+rN+"'";}roPlayer.innerHTML="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='"+w1+"' height='"+h1+"' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0'><param name='movie' value='"+sU+pF+pN+"'><param name='quality' value='high'>"+flVars1+"<embed src='"+sU+pF+pN+"' quality='high' "+flVars2+" pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='"+w1+"' height='"+h1+"'></embed></object>";if(rN==''){roH2.innerHTML = HtmlH2;}else{roH2.innerHTML='';}}function printBlock(){if(xyz){playRadio('');roBlock.style.width=roBlockWidth+'px';w2=Math.floor(roBlockWidth/roImgKol);h2=Math.floor(w2*8/15);if(w2>75&&w2<81){w2=75;h2=40;}var promezh="";for(var i=0;i<roMyRads.length;i++){promezh+='<a href="#" onclick="playRadio('+roMyRads[i]+');setOpacity('+roMyRads[i]+');return false;" id="rad_'+roMyRads[i]+'"><img src="'+sU+iF+roMyRads[i]+'.jpg" id="rad_'+roMyRads[i]+'_img" width="'+w2+'px" height="'+h2+'px" style="border: 0;"></a>';}roImg.innerHTML=promezh;}}printBlock();





</script>[/JS]


  



</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 27.10.2014, 17:28
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Видимо display:none вырубает флешку.
Попробуй вместо display:none использовать visibility:hidden
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 27.10.2014, 17:41
Интересующийся
Отправить личное сообщение для kirill1989 Посмотреть профиль Найти все сообщения от kirill1989
 
Регистрация: 17.06.2013
Сообщений: 13

Заработало СПАСИБО
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрытие одного блока и показать другой Гугл-мен jQuery 6 03.03.2013 05:45
Как организовать скрытие блока при уменьшении окна? tempofnick Events/DOM/Window 1 11.02.2012 22:32
Скрытие блока div и его составляющих pomuk123 Events/DOM/Window 6 14.02.2011 09:31
Скрытие, показ определённого div блока. Flashton Events/DOM/Window 5 11.04.2010 22:44
Скрытие блока после потери фокуса Nubi jQuery 2 06.02.2009 21:58