Функция javascript при изменении не работает

Функция javascript при изменении не работает ⇐ CSS

1 сообщение • Страница 1 из 1

Гость

Функция javascript при изменении не работает

Цитата

Сообщение Гость » 02 мар 2024, 09:57

Страница продукта /* Базовое оформление */ HTML, тело { высота: 100%; ширина: 100%; маржа: 0; семейство шрифтов: «Робото», без засечек; } .контейнер { максимальная ширина: 1200 пикселей; маржа: 0 авто; отступ: 15 пикселей; дисплей: гибкий; } /* Столбцы */ .левая колонка { ширина: 65%; положение: относительное; } .правая колонка { ширина: 35%; поле сверху: 60 пикселей; } /* Левый столбец */ .левая колонка img { ширина: 100%; позиция: абсолютная; слева: 0; верх: 0; непрозрачность: 0; переход: все 0,3 секунды легкости; } .left-column img.active { непрозрачность: 1; } /* Правый столбец */ /* Описание продукта */ .Описание продукта { нижняя граница: сплошная 1 пиксель #E1E8EE; поле внизу: 20 пикселей; } .product-description интервал { размер шрифта: 12 пикселей; цвет: #358ED7; межбуквенный интервал: 1 пиксель; преобразование текста: верхний регистр; текстовое оформление: нет; } .product-description h1 { вес шрифта: 300; размер шрифта: 52px; цвет: #43484D; межбуквенный интервал: -2px; } .product-description p { размер шрифта: 16 пикселей; вес шрифта: 300; цвет: #86939E; высота строки: 24 пикселей; } /* Конфигурация продукта */ .продукт-цветовой диапазон, .cable-config интервал { размер шрифта: 14 пикселей; вес шрифта: 400; цвет: #86939E; поле внизу: 20 пикселей; отображение: встроенный блок; } /* Конфигурация кабеля */ .cable-выберите { поле внизу: 20 пикселей; } .cable-кнопка выбора { граница: сплошная 2 пикселя #E1E8EE; радиус границы: 6 пикселей; отступ: 13 пикселей 20 пикселей; размер шрифта: 14 пикселей; цвет: #5E6977; цвет фона: #fff; курсор: указатель; переход: все 0,5 с; } Кнопка .cable-choose: наведите курсор, Кнопка выбора кабеля: активна, Кнопка .cable-choose: фокус { граница: 2 пикселя, сплошная #86939E; контур: нет; } .кабель-конфигурация { нижняя граница: сплошная 1 пиксель #E1E8EE; поле внизу: 20 пикселей; } .cable-config а { цвет: #358ED7; текстовое оформление: нет; размер шрифта: 12 пикселей; положение: относительное; поле: 10 пикселей 0; отображение: встроенный блок; } .cable-config a:before { содержание: "?"; высота: 15 пикселей; ширина: 15 пикселей; граница-радиус: 50%; граница: 2 пикселя сплошной rgba(53, 142, 215, 0,5); отображение: встроенный блок; выравнивание текста: по центру; высота строки: 16 пикселей; непрозрачность: 0,5; поле справа: 5 пикселей; } /* Цена продукта */ .цена продукта { дисплей: гибкий; выровнять-элементы: по центру; } .продукт-цена интервала { размер шрифта: 26 пикселей; вес шрифта: 300; цвет: #43474D; поле справа: 20 пикселей; } .btn { отображение: встроенный блок; цвет фона: #FFB6C1; радиус границы: 6 пикселей; размер шрифта: 16 пикселей; цвет: #FFFFFF; текстовое оформление: нет; отступ: 12 пикселей 30 пикселей; переход: все 0,5 с; } .btn:наведите { цвет фона: #ff5733; } /* Адаптивный */ @media (максимальная ширина: 940 пикселей) { .контейнер { гибкое направление: столбец; поле сверху: 60 пикселей; } .левый столбец, .правая колонка { ширина: 100%; } .левая колонка img { ширина: 300 пикселей; правильно: 0; верх: -65 пикселей; слева: начальный; } } @media (максимальная ширина: 535 пикселей) { .левая колонка img { ширина: 220 пикселей; верх: -85 пикселей; } } {% для p в продуктах %}

{{p.vendor}} {{p.title}} {{p.description}}
{% конец для %} Цвет {% для c в цветах %} {% конец для %} Размеры {% для s в размерах %} {{s.name}} {% конец для %} {% для p в продуктах %} Наша цена:{{p.price}} Рекомендуемая розничная цена: {{p.old_price}} Добавить в корзину Купить сейчас {% конец для %} Сопутствующие товары {% для p в продуктах %}

Скидка на {{ p.get_percentage|floatformat:0 }}%
{{ p.category }} {{ p.title }}
{{ p.price }}
{{ p.old_price }} Добавить в корзину {% конец для %} {% для i в цветах %} функция colorID(){ window.location.href =window.location.pathname + `?color=${{i.id}}` } {% конец для %}
В разделе скрипта идентификатор цвета принимает одинаковое значение для каждого флажка

http://127.0.0.1:8000/product/prdcadfacebaa/?color=$4 Во всех случаях скрипт принимает ?color=$4 значение 4. Вы можете видеть, что в разделе «Ввод» я взял функцию onchange и выполнил Java-скрипт. сделал это href с помощью ?color. И основная проблема здесь. Функция не принимает уникальный идентификатор цвета.

1709362663

Гость


                   Страница продукта                 /* Базовое оформление */         HTML, тело {           высота: 100%;           ширина: 100%;           маржа: 0;           семейство шрифтов: «Робото», без засечек;         }         .контейнер {           максимальная ширина: 1200 пикселей;           маржа: 0 авто;           отступ: 15 пикселей;           дисплей: гибкий;         }         /* Столбцы */         .левая колонка {           ширина: 65%;           положение: относительное;         }         .правая колонка {           ширина: 35%;           поле сверху: 60 пикселей;         }         /* Левый столбец */         .левая колонка img {           ширина: 100%;           позиция: абсолютная;           слева: 0;           верх: 0;           непрозрачность: 0;           переход: все 0,3 секунды легкости;         }         .left-column img.active {           непрозрачность: 1;         }         /* Правый столбец */         /* Описание продукта */         .Описание продукта {           нижняя граница: сплошная 1 пиксель #E1E8EE;           поле внизу: 20 пикселей;         }         .product-description интервал {           размер шрифта: 12 пикселей;           цвет: #358ED7;           межбуквенный интервал: 1 пиксель;           преобразование текста: верхний регистр;           текстовое оформление: нет;         }         .product-description h1 {           вес шрифта: 300;           размер шрифта: 52px;           цвет: #43484D;           межбуквенный интервал: -2px;         }         .product-description p {           размер шрифта: 16 пикселей;           вес шрифта: 300;           цвет: #86939E;           высота строки: 24 пикселей;         }         /* Конфигурация продукта */         .продукт-цветовой диапазон,         .cable-config интервал {           размер шрифта: 14 пикселей;           вес шрифта: 400;           цвет: #86939E;           поле внизу: 20 пикселей;           отображение: встроенный блок;         }         /* Конфигурация кабеля */         .cable-выберите {           поле внизу: 20 пикселей;         }         .cable-кнопка выбора {           граница: сплошная 2 пикселя #E1E8EE;           радиус границы: 6 пикселей;           отступ: 13 пикселей 20 пикселей;           размер шрифта: 14 пикселей;           цвет: #5E6977;           цвет фона: #fff;           курсор: указатель;           переход: все 0,5 с;         }         Кнопка .cable-choose: наведите курсор,         Кнопка выбора кабеля: активна,         Кнопка .cable-choose: фокус {           граница: 2 пикселя, сплошная #86939E;           контур: нет;         }         .кабель-конфигурация {           нижняя граница: сплошная 1 пиксель #E1E8EE;           поле внизу: 20 пикселей;         }         .cable-config а {           цвет: #358ED7;           текстовое оформление: нет;           размер шрифта: 12 пикселей;           положение: относительное;           поле: 10 пикселей 0;           отображение: встроенный блок;         }         .cable-config a:before {           содержание: "?";           высота: 15 пикселей;           ширина: 15 пикселей;           граница-радиус: 50%;           граница: 2 пикселя сплошной rgba(53, 142, 215, 0,5);           отображение: встроенный блок;           выравнивание текста: по центру;           высота строки: 16 пикселей;           непрозрачность: 0,5;           поле справа: 5 пикселей;         }         /* Цена продукта */         .цена продукта {           дисплей: гибкий;           выровнять-элементы: по центру;         }         .продукт-цена интервала {           размер шрифта: 26 пикселей;           вес шрифта: 300;           цвет: #43474D;           поле справа: 20 пикселей;         }         .btn {           отображение: встроенный блок;           цвет фона: #FFB6C1;           радиус границы: 6 пикселей;           размер шрифта: 16 пикселей;           цвет: #FFFFFF;           текстовое оформление: нет;           отступ: 12 пикселей 30 пикселей;           переход: все 0,5 с;         }         .btn:наведите {           цвет фона: #ff5733;         }         /* Адаптивный */         @media (максимальная ширина: 940 пикселей) {           .контейнер {             гибкое направление: столбец;             поле сверху: 60 пикселей;           }           .левый столбец,           .правая колонка {             ширина: 100%;           }           .левая колонка img {             ширина: 300 пикселей;             правильно: 0;             верх: -65 пикселей;             слева: начальный;           }         }         @media (максимальная ширина: 535 пикселей) {           .левая колонка img {             ширина: 220 пикселей;             верх: -85 пикселей;           }         }                                             {% для p в продуктах %}                         
[img]{{p.image.url}}[/img]
                                                         {{p.vendor}}           {{p.title}}           {{p.description}}
                  {% конец для %}                                                                Цвет             {% для c в цветах %}                                                                     {% конец для %}                                                                    Размеры             {% для s в размерах %}                            {{s.name}}                                         {% конец для %}                                                              {% для p в продуктах %}                        Наша цена:{{p.price}}             Рекомендуемая розничная цена: {{p.old_price}}                                   [url=#]Добавить в корзину[/url]             [url=#]Купить сейчас[/url]                      {% конец для %}                                                                              Сопутствующие товары                               {% для p в продуктах %}                                                   
[img]{{ p.image.url }}[/img]
                     
Скидка на {{ p.get_percentage|floatformat:0 }}%
                                                       [url=#]{{ p.category }}[/url]                     [url=#]{{ p.title }}[/url]                                              
{{ p.price }}
                         {{ p.old_price }}                                          [url=#]Добавить в корзину[/url]                                           {% конец для %}               {% для i в цветах %}            функция colorID(){         window.location.href =window.location.pathname + `?color=${{i.id}}`       }          {% конец для %}      
В разделе скрипта идентификатор цвета принимает одинаковое значение для каждого флажка
 
http://127.0.0.1:8000/product/prdcadfacebaa/?color=$4  Во всех случаях скрипт принимает [b]?color=$4[/b] значение 4. Вы можете видеть, что в разделе «Ввод» я взял [b]функцию onchange[/b] и выполнил Java-скрипт. сделал это href с помощью [b]?color[/b]. И основная проблема здесь. Функция не принимает уникальный идентификатор цвета.