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

Шаров Дмитрий

Ответы пользователя по тегу CSS

  • Контент следующий за прилипающем меню прячется под само меню на старте скролла, как это исправить?

    vlom88
    @vlom88
    для блока с контентом добавляй/удаляй padding-top: 100px
    Ответ написан
    Комментировать
    Комментировать

  • Фон по высоте блока?

    vlom88
    @vlom88
    Да вы батенька извращенец
    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        html, body{
            padding: 0;
            margin: 0;
            min-height: 100%;
        }
        .clear{
            clear: both;
        }
        .wrapper{
            width: 940px;
            margin: 0 auto;
        }
        .content{
            width: 630px;
            background: #afd9ee;
            height: 300px;
            border-radius: 0 0 5px 0;
            float: left;
        }
        .sidebar{
            margin-left: 20px;
            width: 290px;
            height: 300px;
            float: left;
            background: rgb(37, 141, 231);
        }
        footer{
            margin-top: 20px;
            text-align: center;
            background: #0055cc;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="content">
        Блок с контентом
    </div>

    <div class="sidebar">
        Сайдбар
    </div>
    <div class="clear"></div>
    <footer>
        Футер
    </footer>
</div>
</body>
</html>
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать, что бы скрипт с jquery отрабатывал?

    vlom88
    @vlom88
    Если я правильно понял то диалог у вас вызывает вот эта функция 
    (function() {
    var dlgtrigger = document.querySelector( '[data-dialog]' ),
        somedialog = document.getElementById( dlgtrigger.getAttribute( 'data-dialog' ) ),
        dlg = new DialogFx( somedialog );

    dlgtrigger.addEventListener( 'click', dlg.toggle.bind(dlg) );

    return false;
})();


    В конец добавьте return false, дожно все заработать, так как увас происходит переход по ссылке
    Ответ написан
    1 комментарий
    1 комментарий

  • Как сделать похожее?

    vlom88
    @vlom88
    UPD https://jsfiddle.net/fjmrwuz9/4/

    PS: с тебя пясот рубле
    Ответ написан
    Комментировать
    Комментировать

  • Отправка формы, по заполнению?

    vlom88
    @vlom88
    на сколько я помню политика безопасности браузера вам не даст отпарвить форму таким способом, имитирую клик или же отправку.
    тут вам в руки примерно такой код
    getJson('/form/action/url', $('#formId').serialize());
function getJson(actionUrl, rgData){
    $.ajax({
        url: actionUrl,
        type: 'POST',
        dataType: "json",
        timeout: 60000,
        data: rgData,
        beforeSend: function(){
            $('body').append('<div class="loader"><div class="animation"></div><div class="bg"></div></div>');
            setTimeout('', 5000);
        },
        success: function(data){
            if(typeof(data.callback) != 'undefined') {
                var callback = data.callback; delete data.callback;
            }
            else
                var callback = [];

            $.each(data, function( elementId, item ){

                var selector = '#' + elementId;

                switch( item[1] == undefined ? 'rewrite' : item[1] ){
                    case 'rewrite':
                        $( selector ).html( item[0] );
                        break;

                    case 'before':
                        $( selector ).prepend( item[0] );
                        break;

                    case 'after':
                        $( selector ).append( item[0] );
                        break;

                }

            });
            $.each(callback, function(key, item){ eval(item); });
        },
        complete: function (){
            $('.loader').remove();
        },
        error: function (data){
            if(data.responseText){
                var rgData = JSON.parse(data.responseText);
                $('#ui-dialog-title-dialog-modal').text(rgData.error.type);
                $('.message_error').text(rgData.error.message);
                $('.file_error').html('<b>' + rgData.error.file + '</b> in line ' + rgData.error.line);
                $('#dialog-modal').dialog('open');
            }
        }
    });
    return false;
}

    на стороне серера обрабатываете данные как они пришли к вам если бы вы отправили форму стандартным способом.
    можно вернуть данные и функция их обработает.
    echo json_encode([
['idContainerHtml'] => ['возвращаемый контент', 'rewrite'],
['callback'] => [
  'alert("Форма отправлена")',
  'location.href="/redirect/url"'
]
]);

    указываете контейнер в который нужно вернуть данные (rewrite - перезапишет, aftere - добавить в конец, before - добавить в начало).
    в массив callback запихиваем весь js код который вам необходимо выполнить
    Ответ написан
    Комментировать
    Комментировать

  • ГДе можно найти вот такой простенький слайдер?

    vlom88
    @vlom88
    jQuery Carousel
    Ответ написан
    Комментировать
    Комментировать