Страница 3 из 3

Re: javascript в html элементе сцены

Добавлено: Вт дек 12, 2017 11:51 am
nick7zmail
Vovix писал(а): и потом, я не уверен, но...
jquery у нас уже подключен, зачем вы снова это?
Верно. Его подключение не обязательно.

Re: javascript в html элементе сцены

Добавлено: Вт дек 12, 2017 10:20 pm
denis
Vovix писал(а): у меня появилась одна мысль...
попробуйте код вставлять в сцену не непосредственно, а через какое-нибудь свойство!
т.е. как %вашОбъект.свойство%
Ура! Заработало! (с) )
Спасибо Vovix за направление мысли. Для теста взял простой код - при первоначальной загрузке нужно добавить в список "select_01" еще один элемент и затем выбрать другой (это просто для теста писалось).

Код: Выделить всё

<script>

$(function() {
  //DOM-дерево готово
  alert ('begin');
    $("#select_01").prepend( $('<option value="0">zero</option>'));  // lдобавляем элемент списка 'zero' 
    $("#select_01").find("option:contains('11')").first().attr("selected", "selected"); // выбираем элемент списка содержащий "11"
  alert ('end');
});
</script>

  <div class="dropdown">
    <select id="select_01">
      <option value="">нач</option>    
      <option value="09">09</option>
      <option value="10">10</option>
      <option value="11">11</option>
    </select>
  </div>

Создал свойство в которое вставил этот код, потом на сцену добавил элемент куда вставил это свойство. Причем разбивать отдельно Javascript и Html не нужно, все работает и так. Vovix просто волшебник :-)

Re: javascript в html элементе сцены

Добавлено: Вт дек 12, 2017 11:35 pm
immortal
и таймер вот такой код не помог
SPOILERSPOILER_SHOW

Код: Выделить всё

setTimeout(function() {

            //Сохраняем нужные элементы в перменных
            var slider  = $('#slider'),
                tooltip = $('.tooltip');

            //Скрываем подсказку в начале
            tooltip.hide();

            //Вызываем слайдер
            slider.slider({
                //Конфигурация
                range: "min",
                min: 1,
                value: 35,

                start: function(event,ui) {
                    tooltip.fadeIn('fast');
                },

                //Событие слайдреа
                slide: function(event, ui) { //При пермещении слайдера

                    var value  = slider.slider('value'),
                        volume = $('.volume');

                    tooltip.css('left', value).text(ui.value);  //Выравниваем подсказку соответственно

                    if(value <= 5) { 
                        volume.css('background-position', '0 0');
                    } 
                    else if (value <= 25) {
                        volume.css('background-position', '0 -25px');
                    } 
                    else if (value <= 75) {
                        volume.css('background-position', '0 -50px');
                    } 
                    else {
                        volume.css('background-position', '0 -75px');
                    };

                },

                stop: function(event,ui) {
                    tooltip.fadeOut('fast');
                },
            });

        }, 3000);  
и

Код: Выделить всё

jQuery(function($) {
...
}); 
не помогло

Re: javascript в html элементе сцены

Добавлено: Ср дек 13, 2017 8:21 am
Vovix
immortal писал(а):и таймер вот такой код не помог
SPOILERSPOILER_SHOW

Код: Выделить всё

setTimeout(function() {

            //Сохраняем нужные элементы в перменных
            var slider  = $('#slider'),
                tooltip = $('.tooltip');

            //Скрываем подсказку в начале
            tooltip.hide();

            //Вызываем слайдер
            slider.slider({
                //Конфигурация
                range: "min",
                min: 1,
                value: 35,

                start: function(event,ui) {
                    tooltip.fadeIn('fast');
                },

                //Событие слайдреа
                slide: function(event, ui) { //При пермещении слайдера

                    var value  = slider.slider('value'),
                        volume = $('.volume');

                    tooltip.css('left', value).text(ui.value);  //Выравниваем подсказку соответственно

                    if(value <= 5) { 
                        volume.css('background-position', '0 0');
                    } 
                    else if (value <= 25) {
                        volume.css('background-position', '0 -25px');
                    } 
                    else if (value <= 75) {
                        volume.css('background-position', '0 -50px');
                    } 
                    else {
                        volume.css('background-position', '0 -75px');
                    };

                },

                stop: function(event,ui) {
                    tooltip.fadeOut('fast');
                },
            });

        }, 3000);
и

Код: Выделить всё

jQuery(function($) {
...
});
не помогло
setTimeout - и не сможет помочь!
увы!