Заглавная страница: различия между версиями

Материал из wiki innovation station ss14
Нет описания правки
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
<imagemap>
<div id="image-map-container">
Image:Заглавная-Страница.png|frameless|1160px
    <div id="image1" style="display: block;">
rect 117 450 660 504 [[Правила проекта]]
        <imagemap>
rect 117 510 660 564 [[Новички]]
        Image:Заглавная-Страница.png|frameless|1160px
rect 117 569 660 630 [[Конституция СССП]]
        rect 117 450 660 504 [[Правила проекта]]
rect 117 636 660 694 [[Кодекс законов о труде]]
        rect 117 510 660 564 [[Новички]]
rect 117 699 660 761 [[Должности]]
        rect 117 569 660 630 [[Конституция СССП]]
rect 113 766 660 822 [[Канцелярская работа]]
        rect 117 636 660 694 [[Кодекс законов о труде]]
rect 113 828 660 886 [[История]]
        rect 117 699 660 761 [[Должности]]
rect 113 766 660 950 [[Контрабанда]]
        rect 113 766 660 822 [[Канцелярская работа]]
rect 113 956 660 1006 [[Шкала квалификаций]]
        rect 113 828 660 886 [[История]]
</imagemap>
        rect 113 766 660 950 [[Контрабанда]]
        rect 113 956 660 1006 [[Шкала квалификаций]]
        rect 50 50 150 100 [[#]] <!-- Добавляем область для переключения -->
        </imagemap>
    </div>
    <div id="image2" style="display: none;">
        <imagemap>
        Image:wikitwo.png|frameless|1160px
        rect 163 250 780 436 [https://discord.gg/ Ссылка на Discord]
        rect 50 50 150 100 [[#]] <!-- Добавляем область для переключения -->
        </imagemap>
    </div>
</div>


<imagemap>
<script>
Image:wikitwo.png|frameless|1160px
document.querySelectorAll('area').forEach(function(area) {
rect 163 250 780 436 [https://discord.gg/ Ссылка на Discord]
    area.addEventListener('click', function(event) {
</imagemap>
        // Определяем клик по области переключения
        if (area.getAttribute('href') === '#') {
            event.preventDefault(); // Предотвращаем переход
            const image1 = document.getElementById('image1');
            const image2 = document.getElementById('image2');
            if (image1.style.display === 'none') {
                image1.style.display = 'block';
                image2.style.display = 'none';
            } else {
                image1.style.display = 'none';
                image2.style.display = 'block';
            }
        }
    });
});
</script>

Версия от 22:15, 2 января 2025

Ошибка: неверная ссылка в конце строки 12

<script> document.querySelectorAll('area').forEach(function(area) {

   area.addEventListener('click', function(event) {
       // Определяем клик по области переключения
       if (area.getAttribute('href') === '#') {
           event.preventDefault(); // Предотвращаем переход
           const image1 = document.getElementById('image1');
           const image2 = document.getElementById('image2');
           if (image1.style.display === 'none') {
               image1.style.display = 'block';
               image2.style.display = 'none';
           } else {
               image1.style.display = 'none';
               image2.style.display = 'block';
           }
       }
   });

}); </script>