Как я могу сохранить изменения css из jQuery

Здравствуйте, я изменил цвет div с помощью javascript, используя css. У меня есть div в репитере. Как мне сохранить изменения навсегда. Как будто цвет был желтый. После того, как даже пользователь перейдет в автономный режим и снова подключится к сети, в div отобразится желтый цвет. как я могу использовать это с базой данных? Я плохо разбираюсь в кодах JQuery. Из-за этого мне нужна ваша помощь. Спасибо.

мой код, который мне нужно сохранить:

$(document).ready(function () {
              $(".divsec").on("click", function () {
                  $(this).css("background", "red");
              });
          });

мой код cs:

public static void InsertData(string Color)
{
    OleDbConnection con = new OleDbConnection(Utility.GetConnection());
    con.Open();
    OleDbCommand cmd = new OleDbCommand("INSERT INTO Temsilci(color) values(@color)", con);
    cmd.Parameters.Add("color", Color);
    cmd.ExecuteNonQuery();
    con.Close();
}

и код JS для сохранения цвета в базе данных:

$(document).ready(function () {
    var color = '';
    var clicks = 0;
    $(".divsec").on("click", function () {
        if (clicks == 1) {
            $(this).css("background", "red");

        }
        else if (clicks == 2) {
            $(this).css("background", "green");
        }
        else if (clicks == 3) {
            $(this).css("background", "yellow");
        }
        else {
            clicks = 0;
            $(this).css("background", "transparent");
        }
        ++clicks;
        var x = $(this).css('backgroundColor');
        hexc(x);
        alert(color);

        $.ajax({
            url: 'default.aspx/InsertData',
            type:'POST',
            contentType: 'application/json;charset=utf-8',
           dataType: 'json',
           data: "{Color:'" + color + "'}",
            success: function () {
                alert("Başarıyla kaydedildi");
            },
            error: function () {
                alert("ERROR");
            }
        });


    });
    function hexc(colorval) {
        var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
        delete (parts[0]);
        for (var i = 1; i <= 3; ++i) {
            parts[i] = parseInt(parts[i]).toString(16);
            if (parts[i].length == 1) parts[i] = '0' + parts[i];
        }
        color = '#' + parts.join('');
    }


});

он работает нормально, но он отправляет ошибку, когда вы хотите вставить в базу данных значение COLOR. И даже если он это прекрасно сделает. Я хочу сохранить цвет каждого div, который изменил пользователь. как я могу захватить и сохранить все значения с репитера?

Я думаю, вы ищете "тему". Если вы позволите пользователю выбрать «тему» ​​CSS и сохранить эту переменную в вашей базе данных, это может сэкономить вам много кода вместо проверки одного или нескольких свойств CSS. Если вы не ищете «сохранение темы CSS», не могли бы вы пояснить, что вы имеете в виду?

Virginia 16.12.2018 16:07

@Virginia, например, мне нужно сохранить красный цвет на div в базе данных. если пользователь щелкает и div становится красным. я должен вставить в цветовой столбец базы данных «красную» строку. но с использованием jQuery я не знаю, как это сделать. по этой причине я прошу вас здесь.

Metin Birdal 16.12.2018 16:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
39
1

Ответы 1

Невозможно сохранить изменение навсегда. Сказав это, также стоит упомянуть, что вы можете использовать localStorage, но он также будет удален, как только пользователь очистит кеш браузера, и изменения, сохраненные в одном браузере, не повлияют на другой браузер.

я не могу использовать для этого базу данных? почему я не могу спасти вечно? как другие сайты?

Metin Birdal 16.12.2018 16:15

@MetinBirdal ты можешь

brk 16.12.2018 16:19

какие коды я должен использовать для подключения к базе данных на jquery? пожалуйста, помогите мне :)

Metin Birdal 16.12.2018 16:27

Вы не можете подключить базу данных с помощью jquery. Вы можете использовать jquery ajax, но для чтения операции записи вам нужен язык, подобный java или python, или проверьте этот stackoverflow.com/questions/857670/…

brk 16.12.2018 16:33

Другие вопросы по теме