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

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

    Да вы батенька извращенец
    <!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 отрабатывал?

    Если я правильно понял то диалог у вас вызывает вот эта функция
    (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 комментарий
  • Как сделать похожее?

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

    PS: с тебя пясот рубле
    Ответ написан
    Комментировать
  • Отправка формы, по заполнению?

    на сколько я помню политика безопасности браузера вам не даст отпарвить форму таким способом, имитирую клик или же отправку.
    тут вам в руки примерно такой код
    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 код который вам необходимо выполнить
    Ответ написан
    Комментировать
  • ГДе можно найти вот такой простенький слайдер?

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