Ответы пользователя по тегу HTML
  • Как сделать появление второго select при выборе значения в первом html\php?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    Есть пример для трёх взаимосвязанных селектов:
    Страна: <select id="country_id" class="StyleSelectBox">
        <option value="0">- выберите страну -</option>
        <option value="1">Россия</option>
        <option value="2">Украина</option>
        <option value="3">Белорусь</option>
    </select>
    <br /><br />Регион:
    <select id="region_id" disabled>
        <option value="0">- Выберите регион -</option>
    </select></td><td>
    <br /><br />Город:
    <select id="city_id" disabled>
        <option value="0">- Выберите город -</option>
    </select>

    var all_regions=[];
    var all_cites=[[],[],[]];
      
    all_regions[0]=["московская обл","ростовская обл","саратовская обл"];
    all_regions[1]=["киевская обл","львовская обл","харьковская обл"];
    all_regions[2]=["минская обл","брестская обл","гроднинская обл"];
      
    all_cites[0][0]=["Москва","Химки","Калуга"];
    all_cites[0][1]=["Такой-то город","Такой-то город","Калуга"];
    all_cites[0][2]=["Такой-то город","Такой-то город","Такой-то город"];
      
    all_cites[1][0]=["Киев","Жмеринка","Бердычев"];
    all_cites[1][1]=["Львов","Сокаль","Стрый"];
    all_cites[1][2]=["Харьков","Полтава","Пирятин"];
      
    all_cites[2][0]=["Минск","Такой-то город","Такой-то город"];
    all_cites[2][1]=["Брест","Такой-то город","Такой-то город"];
    all_cites[2][2]=["Гродно","Такой-то город","Вильно"];
      
    country_id.onchange=function(){
        region_id.disabled=false;
        region_id.innerHTML="<option value='0'>- Выберите регион -</option>";
        myregion=this.value-1;
        if(myregion!=-1){
            for(var i=0;i<all_regions[myregion].length;i++){
                region_id.innerHTML+='<option value="'+(i+1)+'">'+all_regions[myregion][i]+'</option>';
            }
        }else{
            region_id.disabled=true;
            city_id.disabled=true;
        }
    }
      
    region_id.onchange=function(){
        city_id.disabled=false;
        city_id.innerHTML="<option value='0'>- Выберите город -</option>";
        var mycite=this.value-1;
        if(mycite!=-1){
            for(var i=0;i<all_cites[myregion][mycite].length;i++){
                city_id.innerHTML+='<option value="'+(i+1)+'">'+all_cites[myregion][mycite][i]+'</option>';
            }
        }else{
            city_id.disabled=true;
        }
    }
    Ответ написан
    2 комментария
  • Как изменить формат в миллисекундах в плеере?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    var ds = Math.floor(music.duration % 60);
    ds = ds < 10 ? '0' + ds : ds;
     // ... 
    var cs = Math.floor(music.currentTime % 60);
    cs = cs < 10 ? '0' + cs : cs;
    Ответ написан
    Комментировать
  • Как сделать вывод значения ползунка в поле input?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    Начальное значение:
    <input id=r1 type=range value=20 oninput='n1.value = this.value' />
    <input id=n1 type=number value=20 oninput='r1.value = this.value' /><br /><br />
    
    Конечное значение:
    <input id=r2 type=range value=80 oninput='n2.value = this.value' />
    <input id=n2 type=number value=80 oninput='r2.value = this.value' />
    Ответ написан
    Комментировать
  • Как сделать, что бы при нажатии на фото воспроизводилась музыка?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    <audio id=audio src="sound.mp3" controls></audio>
    <img id=img src="image1.jpg" />
    <button id=btn onclick="playPause()"> play </button>
    const playPause = _ => {
       if(audio.paused){
          audio.play();
          btn.textContent = " pause ";
          img.src = "image2.jpg";
       }else{
          audio.pause();
          btn.innerText = " play ";
          img.src = "image1.jpg";
       }
    }
    Ответ написан
    Комментировать
  • Можно ли сделать так, чтобы ссылка срабатывала на событие mousedown, а не onclick?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    <a href="http://www.site.com" onmousedown='this.click()'>Ссылка</a>
    Ответ написан
    Комментировать
  • Как убрать кнопку скачать из аудио html?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    Это реализация скрытия значка звук и меню из трёх точек для Хрома и Оперы с наложением:
    <style>
    .contayner{
    	position: absolute;
    }
    audio{
    	position: absolute;
    	width: 400px;
    }
    #zaslonka{
    	position: absolute;
    	width: 60px;
    	height: 32px;
    	top: 11px;
    	background: rgb(241, 243, 244);
    }
    </style>
    <center>
    <div class=contayner>
    	<audio id=audio src='http://tolmatux.strana.de/audio/sol.mp3' controls></audio>
    	<div id=zaslonka></div>
    </div>
    <script>
    zaslonka.style.left = parseInt(window.getComputedStyle(audio).width) - 73 + 'px';
    </script>

    Но с помощью консоли всё равно можно это обойти и скачать.
    Ответ написан
    Комментировать
  • Вывод контента на страницу средствами JS. Как лучше реализовать?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    Целесообразно, ссылку на portfolio.html формируем так: portfolio.html?id=1&name=mytovar, а вот метод location.search устарел, в этом случае сейчас извлекают так:
    var url = new URL(location.href);
    var id = url.searchParams.get("id");
    var name = url.searchParams.get("name");
    console.log(id + ", " + name);
    Ответ написан
    Комментировать
  • Как скопировать сайт?

    Okujava-script
    @Okujava-script
    Веб-программист с абсолютным слухом и композитор
    По одному общему сообщению трудно что либо сказать, нужно в консоли каждую ошибку исправлять по отдельности, обращая особое внимание на несуществующие пути к графическим и другим файлам, необъявленные переменные и функции и др.
    Ответ написан
    Комментировать