Задать вопрос

Олег

HTML,CSS,JS,PHP
Ответы пользователя по тегу JavaScript

  • Как сделать так чтобы при клике не на текущий элемент его класс удалялся?

    @lolzqq
    HTML,CSS,JS,PHP
    Ищем класс .element (если он у нас один такой уникальный):
    let element=document.querySelector('.element');
if(element!=null){ // если нашёлся, то будет не null
   element.classList.remove('element'); // удаляем класс из списка классов элемента
}
    Ответ написан
    Комментировать
    Комментировать

  • Как передать путь к картинке через скрипт?

    @lolzqq
    HTML,CSS,JS,PHP
    Вместо вот этого 
    var src = ($('.clientAvatar').attr("src") === "<?php bloginfo('template_url') ?>/img/client.png")?"<?php bloginfo('template_url') ?>/img/teamMemberTwo.png":"<?php bloginfo('template_url') ?>/img/teamMemberOne.png" ;

    вам надо
    $.ajax({
  url: ' /*адрес страницы или скрипта,
 откуда вы хотите получить url-новой картинки*/ ',
  success: function(data){
   var src=$(data).find( /*чего вам надо найти*/ ).text();
  }
});

    Вот, почитайте:
    Ссылка на http://jquery.page2page.ru/index.php5/Aj...
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли как то подгрузить модули по url?

    @lolzqq
    HTML,CSS,JS,PHP
    Почитайте статью про document.createElement(tag)

    Создаёте тэг <script>, браузер сам грузит скрипт, в конце тела подгружаемого скрипта зарегистрируйте переменную, а на самой странице, куда грузите, периодически спрашивайте наличие этой переменной, если она зарегистрирована - значит скрипт загрузился и далее выполняете то, что вам хотелось.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как перенести результат html в переменную javascript?

    @lolzqq
    HTML,CSS,JS,PHP
    var pip="<span>Hello World!</span>" - вы хотите хранить строку
    Ответ написан
    2 комментария
    2 комментария

  • Как передать HTML объект аяксом в php-скрипт?

    @lolzqq
    HTML,CSS,JS,PHP
    Аякс запрос передаёт строковые данные. Потому вам нужно получать не объект, и не объект jquery, пытаясь его передать на сервер! а получить строковые данные, и присваивать их как значения к ключам. Которые вы уже передадите в вашем POST запросе.
    var data="";
data="name="+encodeURIComponent($("ваш_блок").prop("outerHTML"));
data+="content="+encodeURIComponent($("ваш_другой_блок").prop("outerHTML"));
$.ajax({
  url: url,
  type: "POST",
  data: data,
  success: function(){ /*обработчик вашей функции*/}
)}


    Вам ещё в настройках PHP на сервере надо будет проверить значение переменной post_max_size и увеличить её под ваши нужды.
    Ответ написан
    Комментировать
    Комментировать

  • Что изменить в функции, что бы блоки работали отдельно?

    @lolzqq
    HTML,CSS,JS,PHP
    Ваше
    $('.hill-btn').click(function() {
		random();
	});
});

    Замените на:
    $(document).find('.hill-btn').each(function(){
   $(this).click(function(){
      random();
   };
});

    P.S. ищет в документе блоки с классом hill-btn и каждому отдельно назначает выполнение вашей функции
    Ответ написан
    3 комментария
    3 комментария

  • Как отправить данные с другого input без использования тега form?

    @lolzqq
    HTML,CSS,JS,PHP
    в html-код вашей кнопки добавьте параметр accesskey="Enter" - тогда на нажатие Энтер - будет происходить нажатие кнопки вашей.
    далее jquery.ajax
    $(document).ready(function(){

  $("#кнопка").click(function(){
     $.ajax({
        type: 'POST',
        url: "адрес куда вы отправляете данные",
        // в кавычки ниже вы указываете строкой переменные и их значения, которые отсылаете серверу
        data: "var_input1=содержимое_блока_инпут1&var_input2=содержимое_блока_инпут2",
        success: function(data){ // в ответ сервер выдаёт вам какие-то данные, например html
        data=String(data);
        var pagetitle=data.replace(/^[\s\S]*<title.*?>|<\/title>[\s\S]*$/ig, ''); // находим заголовок

        var regexp=/<!--([\s\S]*?)-->/mig; // находим данные внутри тэга <body> и преобразуем в объект Jquery.
        data=data.replace(regexp,"");
        data='<div id="root">'+data.replace(/^[\s\S]*<body.*?>|<\/body>[\s\S]*$/ig, '')+'</div>';
        data=$(data);
        // далее вы уже можете внедрить в код вашей страницы детали ответа, если хотите
        }
     })
  });

})


    Если вы хотите передать данные JSON
    то вместо data в $.ajax нужно использовать processData

    "По умолчанию, все передаваемые на сервер данные, предварительно преобразуются в строку (url-формата: fName1=value1&fName2=value2&...) соответствующую "application/x-www-form-urlencoded". Если вам необходимо отправить данные, которые нельзя подвергать подобной обработке (например документ-DOM), то следует отключить опцию processData. " jquery.page2page.ru/index.php5/Ajax-%D0%B7%D0%B0%D...
    Ответ написан
    1 комментарий
    1 комментарий

  • Как ограничить изменения css кода в javacript?

    @lolzqq
    HTML,CSS,JS,PHP 
    // регулярное выражение для поиска слова test
var regexp=/test/i;
// переменная, куда будем сохранять текст из найденного блока
var text_content;
$(document).ready(function(){
   // ищем все блоки с классом .primer1
   $("span.primer1").children().each(function(){
     // забираем в переменную текстовое содержимое блока
     text_content=$(this).text();
     // проводим проверку на первое совпадение методом variable.search(regexp)
     if(text_content.search(regexp) !==-1){
        // и если результат не "минус 1" то красим ваш блок
        $(this).css("background-color","red");
     }
   })
})
    Ответ написан
    2 комментария
    2 комментария

  • Как включить кнопку по результатам валидации, если изначально она выключенна?

    @lolzqq
    HTML,CSS,JS,PHP
    В теле скрипта у вас есть :
    jQuery('#validation_status').removeClass('error')
jQuery('#validation_status').addClass('error')

    Нужно сыграть на них
    После выполнения скрипта можно сделать:
    if (jQuery('#validation_status').hasClass('error')!==true){
   //...тут разблокируем вашу кнопку...
   //...как было под комментом в вашем коде...
   swal.enableConfirmButton();
}
    Ответ написан
    Комментировать
    Комментировать

  • Как это реализовать на jquery 1.8.2?

    @lolzqq
    HTML,CSS,JS,PHP
    1. Подключаем jquery
    2. Подключаем скрипт, в модифицированной версии (у меня и на 1.11.0 работает) :
    $(document).ready(function(){
   $("#acting").click(function(){
         $("#zakaz").attr("action", "gesges/gesges.php");
         // для проверки можете вывести в блок, например #zakaz
         $("#zakaz").text( $("#zakaz").attr("action") );
         // или в консоль браузера
        console.log( $("#zakaz").attr("action") );
   })
})


    $(document).ready(function(){ ...содержимое вашей функции... }) - позволяет начать отработку кода после загрузки DOM-дерева веб-страницы.
    Ответ написан
    Комментировать
    Комментировать