Models

Anonymous (anonymous@undisclosed.example.com) — 2019-05-22T22:39:33+00:00

jquery, java-script, plugins, bootstrap

Models

Pjax

Anonymous (anonymous@undisclosed.example.com) — 2015-07-02T14:24:36+00:00

Pjax

Скачать

JQuery Вопросы / Ответы

Anonymous (anonymous@undisclosed.example.com) — 2019-05-22T22:38:48+00:00

jquery, java-script, plugins, bootstrap

JQuery Вопросы / Ответы

Q-A

Как сделать метод в JQuery

(function($) {
jQuery.fn.doSomething = function() {
   return this.each(function() {
      var $this = $(this);
 
      $this.click(function(event) {
         event.preventDefault();
         // Your function goes here
      });
   });
};
})(jQuery);
 
// А так можно бкдет потом вызвать метод
 
$(document).ready(function() {
   $('#div1').doSomething();
   $('#div2').doSomething();
});

$(function() {
 
  // Way 1
  function doosomething()
  {
    //Doo something
  }
 
  // Way 2, equivalent to Way 1
  var doosomething = function() {
    // Doo something
  }
 
  $("div.class").click(doosomething);
 
  $("div.secondclass").click(doosomething);
 
});

Выполнение нескольких запросов AJAX через jQuery .post

http://js-prog.blogspot.com/2012/06/ajax-jquery-post.html

Отправка данных форм ссылкой с помощью js/jquery

<script>
$(document).ready(function(){
   $("#submit").click(function(evt){
      evt.preventDefault();
      $("#form").submit();
   })
})
</script>
<form id="form">
   <a id="submit" href="#">Submit</a>
</form>

Отправить POST с ипользованием Ajax

<form name="myform" id="myform" action="" method="POST">  
<!-- The Name form field -->
    <label for="name" id="name_label">zoom</label>  
    <input type="text" name="zoom" id="zoom" size="30" value=""/>  
    <br>
</select>
<script type="text/javascript">
  $(document).ready(function(){
      $("#myform").submit( function () {    
        $.post(
         'post.php',
          $(this).serialize(),
          function(data){
            $("#results").html(data)
          }
        );
        return false;   
      });   
  });
</script>

Отправить POST с ипользованием Ajax

$('select').change(function(){
  var v = $(this).val();
 
	$.ajax({
	   type: "POST",
	   url: "obr.php",
	   data: "val="+v,
	   success: function(msg){
	     alert( "Data Saved: " + msg );
	   }
	 });
 
});

Модальное окно

    $("body").on("click", ".js-user-confirm-modal", function() {
        var id = $(this).data("id");
        var deal = $(this).data("deal");
        $.ajax({
            method: "GET",
            url: "<?= $get_user_form?>?userId="+id+"&dealId="+deal,
            dataType: "html",
        }).done(function( data ) {
            $(".js-user-modal-content").html(data);
            $("#userConfirm").modal("show");
        });
    });

<h4>Покупатель
    <a href="javascript:void(0)" class="js-user-confirm-modal">
        <span class="glyphicon glyphicon-pencil"></span>
    </a>
</h4>

<div class="modal fade" id="userConfirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content js-user-modal-content">
        ...
        </div>
    </div>
</div>

Triks

Anonymous (anonymous@undisclosed.example.com) — 2019-05-22T22:39:21+00:00

jquery, java-script, plugins, bootstrap

Triks

Клонирование file type='input' http://jsfiddle.net/E8DBZ/2/

CSS

#modal {
    padding: 10px;
    background: #eee;
}

Views

<form id="frm">
    <!-- form can contain plenty of inputs -->
</form>
 
<div id="modal">
    <h2>Modal</h2>
    <div id="file-input-wrapper">
        <input id="modal-file-input" type="file" name="file" />
    </div>
    <br /><br />
    <input id="submit-modal" type="submit" value="submit modal" />
</div>

$('body').on('click', '#submit-modal', function(e) {
    e.preventDefault();
    var $form = $('#frm');
    var $fileInput = $('#modal-file-input');
    var $fakeInput = $fileInput.clone();
 
	$form.append($fileInput);
    $('#file-input-wrapper').append($fakeInput);
});

Ссылки

http://css-tricks.com/snippets/

JQuery UI

Anonymous (anonymous@undisclosed.example.com) — 2019-05-22T22:31:47+00:00

jquery, java-script, plugins, bootstrap

JQuery UI

Демо

http://jqueryui.com/

Библиотека знаний - jquery

Models

Models

Pjax

Pjax

Скачать

JQuery Вопросы / Ответы

JQuery Вопросы / Ответы

Q-A

Как сделать метод в JQuery

Выполнение нескольких запросов AJAX через jQuery .post

Отправка данных форм ссылкой с помощью js/jquery

Отправить POST с ипользованием Ajax

Отправить POST с ипользованием Ajax

Модальное окно

Triks

Triks

Ссылки

JQuery UI

JQuery UI

Демо