1

Есть код, который меняет css по клику на кнопку, но при обновлении страницы css естественно становиться прежним. Есть ли возможность сохранить изменение в файл? Просто насколько я знаю, js не работает с файлами, тогда можно ли с помощью php получить данные о нажатии на кнопку, а потом записать в файл?

4
  • скажите конкретно что именно вам нужно... вашу конкретную задачу... может это можно решить другим способом...
    – oneboy
    Commented 7 авг. 2012 в 11:12
  • Есть js код: <script> $(window).load(function(){ $("#social").click(function() { $("#image").animate({ marginLeft: ".1%" }, 1500 ); }); }); </script> нужно что бы изменение margin-left записывалось в файл index.html в тег <style></style>, и при нажатии на кнопку было не просто ".1%" а "(Значение, которое уже есть + .1%"
    – phan
    Commented 7 авг. 2012 в 11:20
  • 1
    ИМХО, аякс + сессия. А названия класса лучше поменять.
    – zenith
    Commented 7 авг. 2012 в 11:42
  • Как это можно реализовать?
    – phan
    Commented 7 авг. 2012 в 11:46

1 ответ 1

5
$(function() {
    var img = $('#image');
    img.css('margin-left', localStorage.getItem('image-pos') || 0);

    $('#social').click(function(e) {
        img.animate({'margin-left': '+=50px'}, 1500, function() {
            localStorage.setItem('image-pos', img.css('margin-left'));
        });
    });
});

Если нужна поддержка старых браузеров, то можно сохранять в куки или сессию.

2
  • Сделал так: $(function() { var img = $('#image'); img.css('margin-left', localeStorage.getItem('image-pos') || 0); $('#social').click(function(e) { img.animate({ marginLeft: "20%" }, 1500, function() { localeStorage.setItem('image-pos', img.css('margin-left')); }); }); }); не работает, в чём может быть ошибка?
    – phan
    Commented 7 авг. 2012 в 12:06
  • Поправил, теперь должно работать. Commented 7 авг. 2012 в 12:39

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.