Незнайка

JavaScript - передача ссылки по средсвам JavaScript и перезагрузка плеера

Незнайка posted a question in HTML Coding

Вот хороший человек написал мне скрипт: <table class="boxTable_right"><tr><th><h3>Список TV</h3></th></tr><tr><td class="boxContent"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <style type="text/css"> #menu li { display:inline; margin:10px; } li.hasUl { list-style-image:url(plus.gif); } li.hasUl li { list-style-image:none; } #list1 { display:block; } #list2 { display:none; } </style> <ul id="menu"> <li class = "menu_tv" id ="menu1"><a href="#">По странам</a></li> <li class = "menu_tv" id ="menu2"><a href="#">По рубрикам</a></li> </ul> <ul id="list1"> <li class="hasUl"><img alt="Онлан ТВ / Online TV - Россия / Russa" src="/Flag/ru.gif" />Россия <ul> <li><a href="#"><img alt="Онлан ТВ / Online TV - Россия / Russa - МИР / MIR" src="/Flag/ru.gif" />МИР</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Россия / Russa - МИР / MIR" src="/Flag/ru.gif" />RTViM</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Россия / Russa - МИР / MIR" src="/Flag/ru.gif" />РБК</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Россия / Russa - МИР / MIR" src="/Flag/ru.gif" />РБК рынки </a></li> <li><a href="http://ontv.at.ua/index/vesti/0-13"><img alt="Онлан ТВ / Online TV - Россия / Russa - МИР / MIR" src="/Flag/ru.gif" />Вести</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Россия / Russa - МИР / MIR" src="/Flag/ru.gif" />Первый бизнесс канал</a></li> </ul> </li> <li class="hasUl"><img alt="Онлан ТВ / Online TV - Украина / Ukraine " src="/Flag/ua.gif" />Украина <ul> <li><a href="#"><img alt="Онлан ТВ / Online TV - Украина / Ukraine - 1 плюс 1 / 1 plus 1" src="/Flag/ua.gif" />1 plus 1 (1 плюс 1, 1+1)</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Украина / Ukraine - 1 плюс 1 / 1 plus 1" src="/Flag/ua.gif" />ICTV</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Украина / Ukraine - 1 плюс 1 / 1 plus 1" src="/Flag/ua.gif" />СТБ (STB)</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Украина / Ukraine - 1 плюс 1 / 1 plus 1" src="/Flag/ua.gif" />Перший (УТ-1)</a></li> </ul> </li> <li class="hasUl"><img alt="Онлан ТВ / Online TV - Белоруссия / Byelorussia " src="/Flag/by.gif" />Беларусь <ul> <li><a href="#"><img alt="Онлан ТВ / Online TV - Белоруссия / Byelorussia - Беларусь ТВ / Belarus TV" src="/Flag/by.gif" />Беларусь ТВ </a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Белоруссия / Byelorussia - Первый канал / Belarus TV" src="/Flag/by.gif" />Первый канал</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Белоруссия / Byelorussia - TCM / TCM" src="/Flag/by.gif" />TCM (Беларусский музыкальный канал)</a></li> <li><a href="#"><img alt="Онлан ТВ / Online TV - Белоруссия / Byelorussia - Первый музыкальный / Belarus TV" src="/Flag/by.gif" />Первый музыкальный</a></li> </ul> </li> </ul> <ul id="list2"> <li class="hasUl">Item 4 <ul> <li>Item 4.1</li> <li>Item 4.2</li> <li>Item 4.3</li> <li>Item 4.4</li> </ul> </li> <li class="hasUl">Item 5 <ul> <li>Item 5.1</li> <li>Item 5.2</li> <li>Item 5.3</li> <li>Item 5.4</li> </ul> </li> <li class="hasUl">Item 6 <ul> <li>Item 6.1</li> <li>Item 6.2</li> <li>Item 6.3</li> </ul> </li> <li>Item 7</li> </ul> <script> if(document.getElementsByClassName) { getElementsByClass = function(classList, node) { return (node || document).getElementsByClassName(classList) } } else { getElementsByClass = function(classList, node) { var node = node || document, list = node.getElementsByTagName('*'), length = list.length, classArray = classList.split(/\s+/), classes = classArray.length, result = [], i,j for(i = 0; i < length; i++) { for(j = 0; j < classes; j++) { if(list[i].className.search('\\b' + classArray[j] + '\\b') != -1) { result.push(list[i]) break } } } return result } } function addEvent(elem, type, handler){ if (elem.addEventListener){ elem.addEventListener(type, handler, false) } else { elem.attachEvent("on"+type, function() { handler.call(elem)}) } } function preprocess($this) { for (var i = 0; i < liElements.length; i++) { if ($this != liElements[i]) { var style; if (window.getComputedStyle) { style = window.getComputedStyle(liElements[i], null); } else { style = liElements[i].currentStyle; } if (style.listStyleImage != 'url("http://localhost/html/plus.gif")') { var li = liElements[i].getElementsByTagName("li"); for (var k = 0; k < li.length; k++) li[k].style.display = "none"; liElements[i].style.listStyleImage = 'url("http://localhost/html/plus.gif")' } } } } function processLi(event) { preprocess(this); event = event || window.event; var target = event.target || event.srcElement; if (this == target) { var childs = this.getElementsByTagName('li'); var style; for (var i = 0; i < childs.length; i++) { if (childs[i].style.display == "none") { childs[i].style.display = "block"; if (i == childs.length - 1) this.style.listStyleImage = "url(minus.gif)" } else { childs[i].style.display = "none"; if (i == childs.length - 1) this.style.listStyleImage = "url(plus.gif)" } } } } function processFirstList() { preprocess(this); var list1 = document.getElementById("list1"); var list2 = document.getElementById("list2"); var style; if (window.getComputedStyle) { style = window.getComputedStyle(list1, null); } else { style = list1.currentStyle; } if (style.display == "none") { list2.style.display = "none"; list1.style.display = "block"; } } function processSecondList() { preprocess(this); var list1 = document.getElementById("list1"); var list2 = document.getElementById("list2"); var style; if (window.getComputedStyle) { style = window.getComputedStyle(list2, null); } else { style = list2.currentStyle; } if (style.display == "none") { list1.style.display = "none"; list2.style.display = "block"; } } addEvent(document.getElementById("menu1"), "click", processFirstList); addEvent(document.getElementById("menu2"), "click", processSecondList); var liElements = getElementsByClass("hasUl"); for (var i = 0; i < liElements.length; i++) { addEvent(liElements[i], "click", processLi); var li = liElements[i].getElementsByTagName('li'); for (var k = 0; k < li.length; k++) li[k].style.display = "none"; } </script> </td></tr></table> Все отлично работает ! Подскажите как мне при нажатие на Item 4.1 заменить в плеере ссылку src="mms://media.eurotv.lv/eurotv" на любую другую и что бы плеер начал воспроизводить другую ссылку без перезагрузки страниц! <div id="divcontent"> <object id="MediaPlayer" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6, 4, 5, 715" width="490" height="370" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <param name="FileName" value="http://www.vesti.ru/video1.asx?vid=onair"> <param name="TransparentAtStart" value="true"> <param name="wmode" value="transparent"> <param name="AutoStart" value="true"> <param name="AnimationatStart" value="false"> <param name="ShowStatusBar" value="true"> <param value="false" name="enableContextMenu"> <param name="ShowControls" value="true"> <param name="autoSize" value="false"> <param name="displaySize" value="false"> <param name="ShowAudioControls" value="true"> <param name="ShowPositionControls" value="true"> <param name="windowlessVideo" value="false"> <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="mms://media.eurotv.lv/eurotv" /*- вот ее нужно заменить на другой поток видео, и что бы плеер начал воспроизводить видео без перезагрузки страницы*/ name="MediaPlayer" width="490" height="370" transparentatstart="1" wmode="transparent" autostart="1" animationatstart="1" showcontrols="1" showaudiocontrols="1" showpositioncontrols="1" autosize="0" showstatusbar="1" displaysize="false" windowlessVideo="true"> </object>

February 20, 2011

Вёрстка от psywalker:)

Незнайка replied to psywalker's topic in Freelance

Вот задача с каторгой я бился 2 дня Да да задача не сложная(я так думал) . Думал скачаю с инета скрип и дело в шляпе, но не тут то было !!! Такого примера нету, потому что это не простой древовидный список а двойное подменю. Ну короче мне пока не по зубам. Решил обратиться к psywalker, и он не подвёл Спасибо Максу (psywalker) выручил, через пол часа дал идеальный код, даже больше сделал чем я просил! За что я ему и благодарен, отличный специалист!

Древовидный список

Незнайка posted a question in HTML Coding

Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmenu()"> <table width="100%"> <tr> <td valign="top" width="20%"> <a href="java script:menufunc('kRussia')"><img alt="Россия" src="22Russia.png"/>Photoshop</a> <div id="kRussia"> - <a href='/'>Работа в Photoshop</a></br /> - <a href='/'>Photoshop Exchange</a> <br /> </div> <br /> <a href="java script:menufunc('menu2')">Векторные редакторы</a> <div id="menu2"> - <a href='/'>Adobe Illustrator</a><br /> - <a href='/'>Corel Draw</a><br /> </div> <br /> </td> </tr> </table> </body> </html> Прошу помощи, просто уже не знаю в какую степь двигаться!

Sign In

Posts

Joined

Last visited