• Как правильно составить AJAX запрос с serialize?

    Напомню, код:

    $(".sended-param").click(function(){
    	$(".sended-param").find("input[type=radio]").attr('checked', false);
    	$(this).find("input[type=radio]").attr('checked', true);
    	$.ajax({
    		type: "post",
    		url: "/filter",
    		data: $(".filter form").serialize(),
    		success: function(data) {
                console.log("Hello world!");
            }
    	});
    });


    Разберем:
    $(".sended-param").find("input[type=radio]").attr('checked', false);

    Зачем? нашли радио, поставили свойство checked в false.

    $(this).find("input[type=radio]").attr('checked', true);

    Зачем? Нашли радио в $(this) (что есть элемент с классом .sended-param, то есть тоже самое, что и первая строка), поставили свойство checked в true.

    И как это понимать?

    А по поводу serialize():
    Encode a set of form elements as a string for submission.

    Ключевое слово Form. То есть мы можем применить serialize функцию только к форме.
    Ваш код:
    $.ajax({
    		type: "post",
    		url: "/filter",
    		data: $(".filter form").serialize(),
    		success: function(data) {
                console.log("Hello world!");
            }

    показывает, что применяете вы данные к форме, но что эта за форма не понятно.

    Вывод:
    Разберитесь, что хотите сделать первыми двумя строками.
    Отредактируйте пост и добавьте нужный HTML код. Где форма, где радио баттоны и т.п.
    Ответ написан
    8 комментариев
  • Что обязан знать системный/веб-программист?

    По сабжу... И у меня был такой вопрос. Как спрашивают в магазине мясном "какой кусочек на вас смотрит?" — дак вот какая сфера вам больше по душе? Веб-разработка? Мобильная разработка? Для начала займитесь тем, куда душа больше лежит. Если это не понравится, то соответственно начнете заниматься чем-то другим.

    Опять же... Скажите какой язык... Часто бывает такое, что один язык используется в разных сферах. Например, С семейство: и драйвера, и визуальное программирование, и игровая сфера, и сайты на нем можно писать (и наверное можно еще очень много чего на нем писать)... Или мобильная разработка: можно писать игры и заниматься графикой, а можно писать приложения и заниматься data-mining. И таких примеров можно привести еще не мало.

    К чему я подвожу? К тому, что правильнее задать вопрос: в какую IT-сферу лучше податься? Это уже более правильный вопрос. Но на него никто не сможет ответить кроме вас.

    Чтобы понять что вам больше по душе, где-то видел совет реализовать известный алгоритмы на разных языках. Я к совету не прислушался, но позже непреднамеренно получилось, что реализовал на С++, Pascal (Delphi Builder), PHP, JavaScript. Конечно следующий вывод основывается только на моих скудных знаниях программирования, но мне больше всего понравилось это делать на JavaScript. Удобно задать граф и код в итоге получился в 30 строк в общем (при общем объеме алгоритма Дейкстры ~10. Реализовать что-то простенькое это да... Но по хорошему, чтобы понять куда душа больше лежит надо писать что-то реальное на этом языке. Как-то так.

    И куда без оффтопа:
    кроме английского, так как владею на хорошем уровне, и поддерживаю его?


    Мощное заявление :) в 17 лет все помнят ШКОЛЬНЫЙ английский и отлично им владеют (или так считают). Сейчас еще до второго курса будет английский — там тоже такое заблуждение будет. А вот потом, когда он кончится, вот тогда и увидите насколько хорошо знаете английский (я, например, орал от темпов его забывания — год назад девчонок клеил в Финляндии на английском, а после того как практика пропала (хотя бы на школьном уровне с преподом хорошим), 2 слова еле мог связать).
    Для того, чтобы знать английский на хорошем уровне и поддерживать его нужно постоянно в этом вертеться и говорить на английском очень много.
    Ответ написан
    6 комментариев
  • Как оригинально поздравить девушку с днем рождения программисту?

    :) уже сама идея поздравить по-программистки оригинальная — главное не переборщите, может ей хватит уже одной идеи :)))

    А она сама как к этому относится? С компьютерами как?
    Ответ написан
  • Как реализовать увеличение изображения при клике на превьюшку?

    как реализовать увеличение изображения в модальном окне при клике на него...

    В этом поможет ColorBox Plugin.

    чтобы еще можно было листать их

    Листать открывшееся модальное окно тоже умеет. Смотрите примеры.

    Это — то, что нужно? Юзайте Colorbox Plugin тогда (ну или что-то подобное, дадено для примера).
    Ответ написан
    Комментировать
  • Почему тормозит google play?

    i5-3550+16gb, FF, немного притормаживает при первой загрузке (подгружается контент). При скроле по уже прогруженной странице проблем нет.
    Ответ написан
  • Как передать "указатель" на форму, в которой был вызван onsubmit?

    Именно ваш код не работает (не видит функцию ajaxForm — пример), предложу немного другие варианты.

    1. Присвоить всем формам ID и, затем, указать все эти ID в селекторе в JS:

    $("#form1, #form2").submit(function () {
        console.log($(this)); // <-- в $(this) содержится указатель на форму
        return false;
    });

    Пример тут

    Если не хочется писать кучу ID в jQuery (хотя по-моему ничего в этом нет, а так и надо сделать, как в 1 методе), то...

    2. Присвоить форме класс (это не подразумевает, что нужно в css делать стиль под него и т.п.), но не id, так как ID должен быть уникальным:
    $(".handleMe").each(function () {
        $(this).submit(function () { // <-- в $(this) содержится указатель на форму
            console.log($(this)); // <-- в $(this) содержится указатель на форму
            return false;
        });  
    });

    Пример здесь

    P.S.: Пример для работы с span с классом ajaxContent именно той формы, которую мы отправили:
    $("#form1, #form2").submit(function () {
        console.log($(this)); // <-- в $(this) содержится указатель на форму
        $("#"+$(this).attr('id')+" .ajaxContent").html('bro');
        return false;
    });

    Добавилась строка
    $("#"+$(this).attr('id')+" .ajaxContent").html('bro');
    . С помощью $(this).attr('id') получим id текущей формы (которую отправили). С помощью полученного id формируем селектор, который даст нам span текущей формы. В него и пишем что-то:
    $("#"+$(this).attr('id')+" .ajaxContent").html('bro');

    Сам пример лежит тут.
    Ответ написан
    8 комментариев