← Вернуться в раздел «Web-программирование»

» вопросы по javascript

Автор: Cheery
Дата сообщения: 07.09.2013 20:30

L_S_V

Цитата:

На iPad я не вижу ни одного столбца, в том числе и соседние(они без colspan).

при чем тут colspan, если код для iframe?

Цитата:

для всех браузеров кроме тех которые запущены на iPad

safari себе ставили?

Автор: portal12
Дата сообщения: 08.09.2013 07:34

Уважаемые форумчане!
Помогите пожалуйста новичку исправить код (ошибки показаны в скрине станицы)
Необходимо, чтобы при ВКЛЮЧЕНИИ другого плейера ВЫКЛЮЧАЛСЯ певый.
Исходники в файле (закачан на ядиск 9,2 Mb)
http://yadi.sk/d/Sgd2QLB28rX4U

Автор: L_S_V
Дата сообщения: 08.09.2013 08:06

Цитата:

safari себе ставили?

Да, safari на винде запускает сайт нормально, а если это iPAD, то и в safari и в chome видно только шапку сайта.
В остальном на линуксе и на винде это работает в firefox,safari,opera,chrome, IE 8.0.

Автор: Cheery
Дата сообщения: 08.09.2013 08:47

L_S_V
ну тогда извиняйте - iPadа нет (не переношу продукты Apple вообще), поэтому и в чем причина не скажу.

portal12

Цитата:

Помогите пожалуйста новичку исправить код (ошибки показаны в скрине станицы)

"ошибки" или вы хотите, чтобы за вас весь код написали?
а то звучит так - "задание"..
и по коду в .html файле видно, что тот, кто его "писал", не понимал вообще что делает.

Автор: portal12
Дата сообщения: 08.09.2013 09:01

Цитата:

"ошибки" или вы хотите, чтобы за вас весь код написали?

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

Автор: Cheery
Дата сообщения: 08.09.2013 09:50

portal12
Да хоть так
[more]
Код: <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Как создать адаптивный аудио-плеер для сайта | Демонстрация для сайта s-sd.ru</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" content="Responsive & Touch-Friendly Audio Player" />
        <meta name="author" content="Osvaldas Valutis, www.osvaldas.info" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:400,700" />
        <link rel="shortcut icon" href="../favicon.ico">
        <link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/demo.css" />
        <link rel="stylesheet" href="css/audioplayer.css" />
        <script src="js/jquery.js"></script>
        <script src="js/audioplayer.js"></script>
        <script>
            /*
                VIEWPORT BUG FIX
                iOS viewport scaling bug fix, by @mathias, @cheeaun and @jdalton
            */
            (function(doc){var addEvent='addEventListener',type='gesturestart',qsa='querySelectorAll',scales=[1,1],meta=qsa in doc?doc[qsa]('meta[name=viewport]'):[];function fix(){meta.content='width=device-width,minimum-scale='+scales[0]+',maximum-scale='+scales[1];doc.removeEventListener(type,fix,true);}if((meta=meta[meta.length-1])&&addEvent in doc){fix();scales=[.25,1.6];doc[addEvent](type,fix,true);}}(document));
        </script>
        <script>
        $(document).ready(function(){
            $('audio').audioPlayer();
            $('audio').on('play', function(){
                $('.audioplayer-playing').not($(this).parents('.audioplayer-playing')).find('.audioplayer-playpause').trigger('click');
            });
        });
        </script>
    </head>
    <body>

    <div align=center>
Песня строить и жить помогает
        <div id="wrapper">
            <audio preload="auto" controls>
                <source src="audio/BlueDucks_FourFlossFiveSix.mp3">
            </audio>
        </div>
Песня строить и жить помогает
        <div id="wrapper">
            <audio preload="auto" controls>
                <source src="audio/04Sambadi.mp3">

            </audio>
        </div>
</div>
</body>
</html>

Автор: portal12
Дата сообщения: 08.09.2013 11:00

Огромное Вам спасибо. Писал на многие форумы, а только здесь получил самый полный ответ, на который даже не расчитывал.

Автор: L_S_V
Дата сообщения: 17.09.2013 05:05

и опять я тут.
почему setbox выполняется аж 2 раза при клике на чекбокс или лейбел к нему?

Код:
<script type="text/javascript">
var url="";
function onloadbody(seturl){
url = window.location.href;
url += "&";
url += seturl;
alert(url);
}

function setbox(ulica){
alert(url+"&q="+ulica);
}
</script>
...
<label class="setit" onclick="javascript:setbox('value');">
<INPUT value="value" type=checkbox name=ds>value</label>

Автор: Cheery
Дата сообщения: 17.09.2013 06:22

L_S_V
воспроизводите примеры на jsfiddle.net, к примеру

Цитата:

и еще, почему в этой функцие, если я проверяю чекбокс то проверятся только когда он set, в противном случае url должен отредактироваться, но не редактируется по split.

потому что вы проверяете не чекбокс, а лейбл к нему

Цитата:

setbox выполняется аж 2 раза при клике на чекбокс или лейбел к нему

где?
http://jsfiddle.net/w2QEp/

Автор: L_S_V
Дата сообщения: 17.09.2013 06:43

да, вроде все нормально, наверно на onloadbody алект срабатывал

Добавлено:
но не работает unset, если галочка уже поставлена, то после унсета нет алерта.

Код:
if (this.checked){
url = url.split("q="+ulica)[0] + url.split("q="+ulica)[1];
alert(url);
}else{
//works
}

Автор: Cheery
Дата сообщения: 17.09.2013 19:57

L_S_V

Цитата:

но не работает unset, если галочка уже поставлена, то после унсета нет алерта.

this не имеет отношение к html тегу.
вам нужно передать объект аргументом функции.

setbox('value', this)

будет объектом только в случае функций обработчиков событий описанных не через "onclick="

Автор: BennyBlanco
Дата сообщения: 17.09.2013 20:19

$(document).ready(function(){ $('#2').click(function(){ var data = ($(this).attr('data-555')); var newHtml = '<iframe src="'+data+'" width="607" height="360" frameborder="0"></iframe>'; $(this).html(newHtml); }); })

<div id="0" >
<div id="1" >
<div id="2" data-555="http://vk.com/video_ext.php?oid=-47971976&id=164058165&hash=1131edf5cc7c4217" >
<div id="3" ></div>
</div>
</div>
</div>

при нажатии на див 2 происходит замена кода на

<div id="0" >
<div id="1" >
<div id="2" data-555="http://vk.com/video_ext.php?oid=-47971976&id=164058165&hash=1131edf5cc7c4217" >
<iframe src="http://vk.com/video_ext.php?oid=-47971976&id=164058165&hash=1131edf5cc7c4217" width="607" height="360" frameborder="0"></iframe>
</div>
</div>
</div>

как сделать тоже самое только чтобы div id="2" тоже убирался, то есть чтоб уже не срабатывал .click и было так:

<div id="0" >
<div id="1" >

<iframe src="http://vk.com/video_ext.php?oid=-47971976&id=164058165&hash=1131edf5cc7c4217" width="607" height="360" frameborder="0"></iframe>

</div>
</div>

Надеюсь понятно объяснил что нужно )

Автор: Cheery
Дата сообщения: 17.09.2013 20:22

BennyBlanco
1) id не может начинаться с цифры
2) .replaceWith http://api.jquery.com/replaceWith/

Автор: BennyBlanco
Дата сообщения: 17.09.2013 20:24

Cheery
это для примера чтоб понятно было

Добавлено:
iframe тоже для примера, .click и так с ним не срабатывает, а вот если с object, то срабатывает, вот и пытаюсь сделать..

Добавлено:
куда .replaceWith вставлять?

Автор: Cheery
Дата сообщения: 17.09.2013 21:31

BennyBlanco

Цитата:

куда .replaceWith вставлять?

ну, Семен Семеныч.. такие то вопросы спрашивать - там же и примеры есть

Цитата:

$(this).replaceWith(newHtml);

Автор: BennyBlanco
Дата сообщения: 17.09.2013 21:46

Cheery
ну я не волшебник, я только учусь пытаюсь )

Цитата:

$(this).replaceWith(newHtml);

спасибо, то что и было нужно.

Автор: L_S_V
Дата сообщения: 18.09.2013 13:18

Цитата:

this не имеет отношение к html тегу.
вам нужно передать объект аргументом функции.

setbox('value', this)

будет объектом только в случае функций обработчиков событий описанных не через "onclick="

ну вот измененный
http://jsfiddle.net/w2QEp/6/
не работает, this передается из callback.
но box это тотже this.

Автор: Cheery
Дата сообщения: 18.09.2013 18:00

L_S_V

Цитата:

но box это тотже this.

но не input

Автор: L_S_V
Дата сообщения: 19.09.2013 02:19

как понимать не input?
this во входящих аргументах к функции.

я сделал так как понял, но это не сработало.

Автор: Cheery
Дата сообщения: 19.09.2013 02:52

L_S_V

Цитата:

как понимать не input?

да так и понимать.. вы передаете label в функцию, а не input
добавьте

Код: alert(box.tagName);

Автор: L_S_V
Дата сообщения: 19.09.2013 04:26

да, все понял как.

А вот еще.
Можно ли отследить в JS, действие по нажатию
Open link in a new tab
Open link in a new window
что-бы узнать что юзер хочет открыть ссылку в новом окне.

Автор: Cheery
Дата сообщения: 19.09.2013 05:18

L_S_V

Цитата:

что-бы узнать что юзер хочет открыть ссылку в новом окне

нет. это дело браузера как открыть страницу.

Автор: L_S_V
Дата сообщения: 19.09.2013 07:11

как сделать escape url или того что нужно вырезать?
мне нужно вырезать из урла значение чекбокса
если я делаю первое, то split не находит такое значение и ничего не вырезает.
если 2-ое, то просто урл после нескольки раз unscape-ов становится непонятной кодировки.

Код:
//ulica = escape(ulica); // 1
url = unescape(url); // 2
if(url.split("q="+ulica)[1]) {
url = url.split("q="+ulica)[0] + url.split("q="+ulica)[1];
}else{
url = url.split("q="+ulica)[0];
}

Автор: Cheery
Дата сообщения: 19.09.2013 07:38

Цитата:

как сделать escape url или того что нужно вырезать?

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

Автор: L_S_V
Дата сообщения: 19.09.2013 12:05

да, я собираю строку нормально.
split использую что-бы убрать опцию из ссылки того чекбокса на котором сделали unset.
это делает страничку активной и после onclick на чекбоксе страничка обновляется с новым урл, в зависимости от того поставили чекбокс или удалили.

Автор: Cheery
Дата сообщения: 19.09.2013 18:50

L_S_V
ну так собирайте данные в массив и создавайте строку только тогда, когда вам это уже действительно нужно - перед отправкой на сервер или использовании.

Автор: CoolCmd
Дата сообщения: 26.09.2013 21:32

на youtube файлы js "упакованы" для уменьшения своего размера. там часто встречаются такие конструкции:

Код: (0,m.Dm)("/upload")

Автор: Cheery
Дата сообщения: 26.09.2013 21:40

CoolCmd

Цитата:

какой смысл в (0,m.Dm) , почему не оставить только m.Dm

потому что у функции может быть 2 аргумента и нужно передать второй.
полностью кусок кода покажите.

Автор: vs6262
Дата сообщения: 30.09.2013 06:55

в Java EE есть Methode getTime() - которая берет серверное время с 01.01.1970 00:00 в милисекундах.

1. есть ли аналог getTime() в PHP ?

2. хочу сделать с пом. JS и AJAX так чтобы серверное время бралось каждую минуту.

как с пом. JS проще реализовать пересчет этих выше названных милисекунд в нормальный формат с GMT корректировкой ?

Автор: Cheery
Дата сообщения: 30.09.2013 07:02

vs6262

Цитата:

есть ли аналог getTime() в PHP ?

тема о js, не php

time()

Цитата:

хочу сделать с пом. JS и AJAX так чтобы серверное время бралось каждую минуту.

зачем каждую минуту? взяли один раз и хватит.

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

Предыдущая тема: jQuery: Перемещение якоря на верх страницы

Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.