X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Что то наподобие TABS (JQuery) но с помощью Javascript
Золотова Ангелин...
Золотова Ангелин...
Topic Starter сообщение 25.12.2012, 20:58; Ответить: Золотова Ангелина
Сообщение #1


Здравствуйте, хочу всех поприветствовать я у вас в первые и сразу же хотела задать вопрос.

У меня есть скрипт который при нажатии на кнопку вертикально раздвигает сайт в определенном месте и выводит там фильм пример мегого.нет

Вот он :
<script type="text/javascript">
$(function() {
var state = true;
$( "#OnlinePlay" ).click(function() {
if ( state ) {
$( "#OnlinePlayr" ).animate({
width: 990,
height: 500,
opacity: 1
}, 1000 );
} else {
$( "#OnlinePlayr" ).animate({
width: 990,
height: 0,
opacity: 0
}, 1000 );
}
state = !state;
});
});
</script>

<div id="Player" class="FullstoryPlayer">
<div id="OnlinePlayr">
тут плеер
</div>
</div>
[/xfgiven_namba]


и кнопка которая открывает и закрывает этот плеер
<a href="#Player" id="OnlinePlay" class="OnlinePlayPoster">Плеер</a>


Возможно ли реализовать вторую кнопку с другим плеером что бы она закрывала текущий открытый плеер и открывала соответствующий который я нажала ?

Буду рада услышать любые ответы так как я в этом деле впервые :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 25.12.2012, 21:48; Ответить: Galen
Сообщение #2


Можно так попробовать:
<script type="text/javascript">
$(function() {
$("a.OnlinePlayPoster").click(function() {
var cur = $(this);
if(!cur.hasClass("opened")) {
$(cur.attr("href")).animate({
width: 990,
height: 500,
opacity: 1
}, 1000);
cur.addClass("opened");
var opened = $("a.opened");
if(opened.length) {
$(opened.attr("href")).animate({
width: 990,
height: 0,
opacity: 0
}, 1000);
opened.removeClass("opened");
}
} else {
$(cur.attr("href")).animate({
width: 990,
height: 0,
opacity: 0
}, 1000);
cur.removeClass("opened");
}
return false;
});
});
</script>

<div id="Player1" class="FullstoryPlayer">
<div id="OnlinePlayr">
тут плеер 1
</div>
</div>
<div id="Player2" class="FullstoryPlayer">
<div id="OnlinePlayr2">
тут плеер 2
</div>
</div>
<a href="#Player1" id="OnlinePlay1" class="OnlinePlayPoster">Плеер 1</a>
<a href="#Player2" id="OnlinePlay2" class="OnlinePlayPoster">Плеер 2</a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 25.12.2012, 23:08; Ответить: Arks
Сообщение #3


Я бы в первую очередь смотрел не на jquery.animate а на то как правильно управлять плеером. Например та же флешка с фильмом не захочет потенциально так уже просто закрыться потому что работает не в браузере а в виртуальной машине в ОС. Её надо сначала остановить через ExternalInterface. Ну и т.д, в зависимости от используемых решений и требований к кроссбраузерности. Если используется какое-нибудь API, типа youtube'а надо смотреть на API которое позволяет(или не позволяет - тоже возможно) управлять плеером стороннего разработчика.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Золотова Ангелин...
Золотова Ангелин...
Topic Starter сообщение 26.12.2012, 10:55; Ответить: Золотова Ангелина
Сообщение #4


Arks и Galen спасибо что попробовали помочь ,Galen но с вашим скриптом ситуация происходит следующая, при нажатии на любую из кнопок окно открывается и сразу же закрывается, может в скрипте сделать так то что бы он независимо от текущего положения окна выполнял функцию закрытия и сразу открытия ?

Кстати попробовала так
[JS]<script type="text/javascript">
$(function() {
$("a.OnlinePlayPoster").click(function() {
var cur = $(this);
if(!cur.hasClass("opened")) {
$(cur.attr("href")).animate({
width: 990,
height: 0, // обратить внимание тут
opacity: 0 // обратить внимание тут
}, 1000);
cur.addClass("opened");
var opened = $("a.opened");
if(opened.length) {
$(opened.attr("href")).animate({
width: 990,
height: 590, // обратить внимание тут
opacity: 1 // обратить внимание тут
}, 1000);
opened.removeClass("opened");
}
} else {
$(cur.attr("href")).animate({
width: 990,
height: 0,
opacity: 0
}, 1000);
cur.removeClass("opened");
}
return false;
});
});
</script>[/JS]

тесть теперь он сначало закрывает а потом открывает, но почемуто плеер не отображается , вот код плеера если его вставить в любой HTML то он нормально открывается
<object classid="clsid:net-pl" width="980" height="590"><param name="data" value="http://video.namba.kz/swf/player/3.2.10/flowplayer-3.2.10.swf"><param name="allowfullscreen" value="true"><param name="wmode" value="opaque"><param name="allowscriptaccess" value="always"><param name="src" value="http://video.namba.kz/swf/player/3.2.10/flowplayer-3.2.10.swf"><param name="flashvars" value="config=http://video.namba.kz/flashvars-3.2.10.php?i=38566511_38566481__5259701"><embed type="application/x-shockwave-flash" width="980" height="590" src="http://video.namba.kz/swf/player/3.2.10/flowplayer-3.2.10.swf" flashvars="config=http://video.namba.kz/flashvars-3.2.10.php?i=38566511_38566481__5259701" allowscriptaccess="always" wmode="opaque" allowfullscreen="true"></object>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 26.12.2012, 14:57; Ответить: Galen
Сообщение #5


Да, ошибся немного, чтобы сразу не закрывалось после открытия надо сделать так:
<script type="text/javascript">
$(function() {
$("a.OnlinePlayPoster").click(function() {
var cur = $(this);
if(!cur.hasClass("opened")) {
var opened = $("a.opened");
if(opened.length) {
$(opened.attr("href")).animate({
width: 990,
height: 0,
opacity: 0
}, 1000);
opened.removeClass("opened");
}
$(cur.attr("href")).animate({
width: 990,
height: 500,
opacity: 1
}, 1000);
cur.addClass("opened");
} else {
$(cur.attr("href")).animate({
width: 990,
height: 0,
opacity: 0
}, 1000);
cur.removeClass("opened");
}
return false;
});
});
</script>

<div>
<a href="#Player1" id="OnlinePlay1" class="OnlinePlayPoster">Плеер 1</a>
<a href="#Player2" id="OnlinePlay2" class="OnlinePlayPoster">Плеер 2</a>
</div>
<div id="Player1" class="FullstoryPlayer">
<div id="OnlinePlayr">
тут плеер 1
</div>
</div>
<div id="Player2" class="FullstoryPlayer">
<div id="OnlinePlayr2">
тут плеер 2
</div>
</div>


Пробовал вставить ваш код плеера - по крайней мере сам плеер у меня показывается при скрытии/открытии. А при попытке просмотра видео начинаются проблемы о которых писал Аркс.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Во что сегодня инвестировать?
Делимся своими приносящими прибыль вариантами
69 traveliver 4445 25.3.2024, 6:48
автор: Skyworker
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВо что Вы играете?
399 Vmir 67499 23.3.2024, 12:51
автор: Alexand3r
Открытая тема (нет новых ответов) Раскройте свой потенциал заработка с помощью 2x2 Media Network — вашего пути к выгодным предложениям CPA!
Присоединяйтесь к 2x2 Media Network, вашему надежному партнеру в мире
9 2x2MediaLimited 2794 20.3.2024, 4:33
автор: 2x2MediaLimited
Горячая тема (нет новых ответов) Проверка позиций сайтов в поисковых системах с помощью Positon.ru
Мониторинг продвижения сайтов
182 Positon 178934 23.2.2024, 9:53
автор: Positon
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1188 5.2.2024, 14:06
автор: kuz999


 



RSS Текстовая версия Сейчас: 28.3.2024, 13:13
Дизайн