Well, if you need to be quick, I'd be in the forehead personally.Client - first requestThe server is the answer "ok, request accepted,"The client (on the first reply) goes to the cycle, and once in X seconds asks the server "what is it?"The server responds to "nothing, wait," or "first stage is ready" (then the client responds to stage one, and goes back to the cycle, but is waiting for phase two) etc.For this reason, the long-lost processor on the server has to leave the infu about the status of the request (e.g. processing status) and the crypt that accepts the requests "Nothing there" simply looks at the status and says "this is the stage."Well, if it's on the mind, the crypt that accepts the first (initiating) request should not be processed by itself, but in turn, put and maintain the status of "nothing done," but the processing should be done by a single demon, or a separate crypt, which wrestling around the crown, does some volume and will dry.

Yes, you are. But instead of blocking the whole screen, the appropriate block(s) can be blocked.function asyncRequest(callback) { // асинхронная операция, например, ajax-запрос setTimeout(callback, 2000); } // событие при клике на кнопку $('.load').click(function() { var $preloader = $(this).parent().find('.modal__preloader'); $preloader.show(); // показываем прелоадер asyncRequest(function() { $preloader.hide(); // после загрузки данных, скрываем }); });.modal { background: #333; padding: 10px; width: 150px; height: 150px; position: relative; float: left; margin: 5px; } .modal__preloader { display: none; opacity: 0.8; position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="modal"> <button class="load">load</button> <div class="modal__preloader"></div> </div> <div class="modal"> <button class="load">load</button> <div class="modal__preloader"></div> </div>

Check whether the function is mail(). If you don't get a message or use a library, for example https://github.com/PHPMailer/PHPMailer

Try this. $("#button").on("click", function (e){ e.preventDefault(); var message = $("#text").val(); $.ajax ({ url: "iframe.php", type: "POST", data: {message}, dataType: "html" }); }); $("#button").on("click", function (e){ e.preventDefault(); $.ajax({ url: "chat.html", cache: false, success: function(html){ $("#content").html(html); } }); });

Iframe API and event onStateChange♪ Event onStateChange He'll return 0 when the reproduction is over. Truth is, if you need a user to look at all the videos, there's no rewear, that's, like, 0 coming back when the video reaches the end, it doesn't matter if it's overwhelmed by the user or not.The details of the Iframe API and the events can be read here:API - https://developers.google.com/youtube/js_api_reference?hl=ru Developments - https://developers.google.com/youtube/js_api_reference?hl=ru#EventHandlers // Загружаем Iframe API var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); //Добавляем видео в элемент с ID player var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '390', width: '640', videoId: 'M7lc1UVf-VE', events: { 'onReady': onReady //Функция, которая вызовется когда видео загружено } }); } function onReady() { //Событие onStateChange вернет 0 когда воспроизведение окончено player.addEventListener('onStateChange', function(e) { console.log('State is:', e.data); if(e.data == 0){ //Выполняем нужные действия } }); }<div id="player"></div>

Yours. input'a is the identifier. id='text'And you're begging him. Put it in the variable to the variable. $.ajax:var msg = $('#text').val(); $.ajax ({ ... data: msg, ... Only dataType writes a format in which data will be sent to the server, in your case json:dataType: "json"

var elements = $("ul li:lt(3)"); $('ul').html(elements);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>lt - selects all elements with a index less than the index among those already selected.jQuery(':lt(index)') index - Element index, zero.Another option, cut through http://jquery.page2page.ru/index.php5/%D0%9F%D0%BE%D0%B8%D1%81%D0%BA_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2_%D1%81_%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B0%D0%BC%D0%B8_%D0%B8%D0%B7_%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%BD%D0%BE%D0%B9_%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D0%B8 And then the result is to shove it back in. ulvar sliceCount = 3; var els = $('ul li').slice(0, sliceCount); $('ul').html(els);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>The simplest option:$('ul li:gt(2)').remove();<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> http://jquery.page2page.ru/index.php5/%D0%AD%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_%D1%81_%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%BE%D0%BC_%D0%BF%D0%BE%D1%81%D0%BB%D0%B5_n - Filter the set of selected elements, leaving only those whose index exceeds n. Don't forget that indexing begins at 0.

If you look at the list of parameters:"navContainer": "", // Selector: Where auto generated controls should be appended to, default is after the <ul>I see. navContainer - it's a container, to be added the reservoired navigation♪ i.e. navigation Always. And the only thing you can choose is a container. wherever It will be added. There is no possibility of adding his navigation instead of default.And this is from JS:if (options.navContainer) { $(settings.navContainer).append($pager); } else { $this.after($pager); } If navContainer If not, it's default.

This list is generated by the slider himself. If you open https://github.com/viljamis/ResponsiveSlides.js/blob/master/responsiveslides.js , there will be the following lines:if (settings.pager && !settings.manualControls) { var tabMarkup = []; $slide.each(function (i) { var n = i + 1; tabMarkup += "<li>" + "<a href='#' class='" + slideClassPrefix + n + "'>" + n + "</a>" + "</li>"; }); $pager.append(tabMarkup); ... }

Crossbrowserity is chrome, but how can I suggest that:P. S.: Considering that only one select-select2 On the page. If more, they'll all have that scroll.$(document).ready(function() { $(".js-example-basic-single").select2(); });.select2-container { width: 200px !important; margin-left: 15px } .sss { width: 200px !important; max-height: 50px; overflow: scroll; margin-left: 15px } div { width: 100px; max-height: 150px; overflow: scroll; float: left; } .select2-results__options::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px; } .select2-results__options::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } .select2-results__options::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148))); } .mul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; border-radius: 10px; } .mul::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } .mul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #FFF; background-image: -webkit-linear-gradient(top, #99f5fc 0%, #ffa8f9 50%, #9fb8ef 51%, #2ac0ed 100%); }<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> <link href="http://buzinas.github.io/simple-scrollbar/simple-scrollbar.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> <script src="http://buzinas.github.io/simple-scrollbar/simple-scrollbar.min.js"></script> <select class="js-example-basic-single"> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> </select> <select class="sss"> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> </select> <div class='mul'> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> <option>Wyoming</option> <option>Alabama</option> </div>

Each reference to the page should have its id, e.g. reference to page1.php it will be id="page1"♪Now you just write:$('#page1').click() { //если нажали на page1.php } $('#page2').click() { //если нажали на page2.php }

First, remove the reloading jQuery. Right now. <head> It's worth it.<script src="/media/jui/js/jquery.min.js"></script> a before </body>:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> Try commenting or removing the line before </body>♪ It's likely enough.

What do you have? var y = name_arr[y];? If you use jquery (gate listed), it's about that.var name_arr = new Array("me", "you", "they"); var z; if (confirm("would you download this file?")) { z = prompt("who are you?", "me"); if ($.inArray(z, name_arr) != -1){ //проверяем наличие введенного значения в массиве alert("hello " + z); } else { alert("user not found"); } }<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

digs = $('.num').html(); $('.cont>div').each(function() { if (!digs.match($(this).attr('id'))) { $(this).addClass('hide'); } });.hide { display: none; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="num">145</div> <div class="cont"> <div id="1">1</div> <div id="2">2</div> <div id="3">3</div> <div id="4">4</div> <div id="5">5</div> </div>

You don't have an event on your shipment button. submit♪ Add.<button type="submit" class="form-button">Перезвоните мне</button>

var func = window.setInterval(start, 2000), els = $("div"), cnt = 0; function start() { cnt = (cnt === els.length) ? 0 : cnt; els.removeClass("active"); els.eq(cnt++).addClass("active") }.q-1, .q-2, .q-3, .q-4, .q-5, .q-6, .q-7 { background: #ccc; position: relative; display: inline-block; height: 145px; width: 40px; border-bottom: solid 2px red; font: bold 1em sans-serif; } .q-1.active:after, .q-2.active:after, .q-3.active:after, .q-4.active:after, .q-5.active:after, .q-6.active:after, .q-7.active:after { position: absolute; left: 15px; top: 10px; } .q-1.active:after{ content:"1"; } .q-2.active:after{ content:"2"; } .q-3.active:after{ content:"3"; } .q-4.active:after{ content:"4"; } .q-5.active:after{ content:"5"; } .q-6.active:after{ content:"6"; } .q-7.active:after{ content:"7"; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="q-1"></div> <div class="q-2"></div> <div class="q-3"></div> <div class="q-4"></div> <div class="q-5"></div> <div class="q-6"></div> <div class="q-7"></div>

Asp.net default handles construction (escapewhich you're recording in view in any way other than @Html.Raw()♪ Try this:$("#tabContainer").html("@Html.Raw(Model.Description)");

I slapped and found out that you just have a simple "unsuccess crypt." As it happens, when you move from service to insurance, the reference has an index.html#insurance. The reference is quite working, but the violin that is being processed by the posting of the page. And even more, the violin processes NAJATEY (click) on the element, and when you're on the page, you're not pushing the element - you're uploading the page. There's no way she's downloaded. The solution is simple enough to put down the downloading of the page that will process the url. If there's an irisurance in the urn, then you've got to make the crypt you wrote on the question. Example of an event that starts your code after DOM downloads-- $(document).ready(function()

$(".menu_btn").click(function() { $(".header").toggleClass("open_menu"); }); $(document).mouseup(function(e) { var $target = $(e.target); if ($target.closest(".nav").length == 0) { $(".header").removeClass("open_menu"); } });</code></pre><pre class="snippet-code-css lang-css prettyprint-override"><code>.nav{ width:250px; } .header{ display:none; } .open_menu{ display:block; border:2px solid red; background:#ccc; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class='nav'> <button class='menu_btn'>Click me</button> <ul class='header'> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> </ul> </div>UPD$(".menu_btn").click(function() { $(".header").toggleClass("open_menu"); }); $(document).mouseup(function(e) { var $target = $(e.target); if ($target.closest(".header").length == 0 && $target.closest(".menu_btn").length == 0) { $(".header").removeClass("open_menu"); } });.header { display: none; } .open_menu { display: block; border: 2px solid red; background: #ccc; width: 250px; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class='menu_btn'>Click me</button> <ul class='header'> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> <li>1111111111111111111111</li> </ul>

The solution to the question appears to be harmless. Freimvor Materialize has the possibility of closing the menu on the button. http://materializecss.com/side-nav.html ♪$(".button-collapse").sideNav(); $(".btn-close").click(function() { $('#slide-out').sideNav('hide'); });.side-nav .btn-close { font-size: 30px; }<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script> <ul id="slide-out" class="side-nav"> <li><a class="btn-close" href="#close"><i class="zmdi zmdi-close-circle"></i></a></li> <li> <div class="userView"> <div class="background"> <img src="http://materializecss.com/images/office.jpg"> </div> <a href="#!user"><img class="circle" src="http://materializecss.com/images/yuna.jpg"></a> <a href="#!name"><span class="white-text name">John Doe</span></a> <a href="#!email"><span class="white-text email">jdandturk@gmail.com</span></a> </div> </li> <li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li> <li><a href="#!">Second Link</a></li> <li><div class="divider"></div></li> <li><a class="subheader">Subheader</a></li> <li><a class="waves-effect" href="#!">Third Link With Waves</a></li> </ul> <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>