HTML Coding

29,542 questions in this forum

1. Анимация SVG средствами JS

   Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в…

   Asked by ioprst, March 19, 2018

   • js
   • svg
   0 votes
   2 answers
2. Корзина и карточка товаров

   Подскажите,сделал страницу на html, там таблица (table) c ячейками - в ячейке карточка товара из "divов", подскажите,могу ли я сделать так, чтоб информация о товарах в каждой карточке загружалась из exel таблицы или чего то в этом духе. Подскажите хоть куда копать. Спасибо!

   Asked by mikhail.troshin, March 19, 2018

   • html
   • php
   • сайт
   • корзина
   0 votes
   5 answers
3. Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

   Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…

   Asked by Омск, February 27, 2018

   0 votes
   4 answers
4. JS фукция для округления чисел при помощи Math и его методов

   Здравствуйте. Я только изучаю JS и столкнулся с очень интересной проблемой, не знаю как решить. Суть: Задача была написать функцию которая принимает два параметра. 1. Массив, состоящий из чисел с дробями. 2. Метод округления "round", "ceil" или "floor". На выходе функция должна выводить этот же массив, но при этом все элементы массива, должны быть округлены с помощью указанного во втором параметре метода объекта Math. Казалось бы, что задача пустяковая и решается за одну минуту. Так оно и было бы, если бы я не решил проверить решение запустив три раза подряд написанную мной функцию для 3 разных методов. В результате я получил все три раза скругление по методу ro…

   Asked by breca, March 18, 2018

   • js
   • функция
   • math
   0 votes
   4 answers
5. Как сделать такую форму?

   Приветствую! Я наверно вам уже надоел, но нужно набраться терпение. Верхнее поле - это имя, а нижние номер телефона. Забыл добавить информацию в дивы, ладно это не важно, важно следующие: Как реализовать, чтобы пользователь при нажатие на поле мог вести свои данные и при нажатие на кнопку отправить, эти данные приходили мне на почтовый ящик.

   Asked by Нуб, March 18, 2018

   0 votes
   1 answer
6. Как сделать счетчик?

   Доброго дня! Как сделать вот такой счетчик: Т.е.чтобы время шло в обратном отсчете от окончания даты.

   Asked by Нуб, March 17, 2018

   0 votes
   8 answers
7. Я криворукий или матрикс?

   Делаю так: Загрузил видео на ютуб, всё прошло успешно, на ютуб всё проигрывается нормально. Хочу чтобы на моей странички воспроизводилось видео при запуски.

   Asked by Нуб, March 14, 2018

   0 votes
   10 answers
8. Как сделать такой нижний border или что это ?

   Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?

   Asked by Agony741, March 17, 2018

   • кнопка
   • верстка
   0 votes
   6 answers
9. машинка поднимается на один уровень

   Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? portfoliox.ru

   Asked by начинающий верстаг, March 17, 2018

   • адаптивная верстка z-index
   0 votes
   1 answer
10. DLE denwer

    Даже не знаю как объяснить.... Устанавливал все версии от 9 до 12.1 все как будто без доступа к CSS ..... может кто знает в чем проблема?

    Asked by Smail, March 16, 2018

    • dle denwer
    0 votes
    1 answer
11. Позиционирование текста.

    Приветствую! index.html: <div class="str1"><span class="cpu">Центра́льный проце́ссор.</span></div> css: .str1 { width: 100%; height: 100px; background-color:#3399ff; background: linear-gradient(130deg, #3399ff 50%, #ffffff 50%); } .cpu {border:0px solid red; color:#3399ff; font-size: 40px; line-height:100px; margin-left: 600px;} ================================================================ При просмотре на разных мониторов с разным разрешением, происходит следующие: На разный текст, не обращайте внимание, нужно как-то правильно оформить , посмотрите код и напишите правильный.

    Asked by Нуб, February 28, 2018

    0 votes
    19 answers
12. Помогите оформить текст. Вставить видео на страничку.

    Приветствую! Помогите оформить текст, подобрать шрифт, ужать текст по горизонтали, но в тоже время чтобы он остался читабильным. Вот как нужно:

    Asked by Нуб, March 14, 2018

    0 votes
    4 answers
13. Передача текста из одного фрейма в другой

    Как передать текст из одного фрейма в другой. Вот у меня две страницы page1.html и page2.html. Как передать текст smile с page2.html, в input page1.html. Мой код работает только когда input и ссылка smile находится на одной странице. Вот сам код: <!-- Главная страница объединяющие фреймы--> <!doctype html> <html lang="en"> <head> <title>Тест</title> </head> <body> <iframe src="page1.html" width="600px" height="800px"></iframe> <iframe src="page2.html" width="200px" height="800px"></iframe> </body> </html> <!-- page1.html--> <!doctype html> <html lang="en"> <head…

    Asked by Katerina23, March 15, 2018

    0 votes
    1 answer
14. Проблема в авторизации php

    Проблема с авторизацией, я так понял, что я не правильно пишу запрос $query = mysqli_query($con, "SELECT * FROM users WHERE login='$e_login'") Фул php код: if(isset($_POST["submit"])){ $username = $_POST['username']; $login = $_POST['login']; $password1 = $_POST['password1']; $password2 = $_POST['password2']; $email = $_POST['email']; if ($password1 == $password2){ $password1 = md5($password1); // $query = mysqli_query($con, "SELECT ('',$username,$login,$password1,$email,'') FROM users ORDER BY id"); $query = mysqli_query($con, "INSERT INTO users VALUES ('','$username','$login','$password1','$email','')"); if ($quer…

    Asked by purple/ocean, March 14, 2018

    0 votes
    1 answer
15. Проблема с движком opencart

    Постоянно вылетает ошибка установки модулей, указывает директорию installers.php не могу понять подскажите что может быть

    Asked by uastend.com, March 14, 2018

    • opencart
    0 votes
    0 answers
16. Верстка накладывающихся изображений друг на друга. Определение градиента

    Здравствуйте! На приведенном изображение хедера лендинга столкнулся с непониманием как на слайде слайдера расположить текст, на него изображение пирожного и тень пирожного под самим изображением. На макете это три разных объекта: Текст, изображение с пирожным и слой с тенью под пирожным. Я склоняюсь к двум вариантам: слить текст и изображения в один объект,и втулить его как background. Или создать блок, в котором центрирую текст, а поверх этого блока абсолютом блок с изображением и тенью под ним...ну и с текстом, и всеми елементами взаимодействия. Хотелось бы узнать как решили бы задачу знающие люди. Ну и вторая часть моего вопроса-как определить градиент на фоне? Сам фо…

    Asked by Super_Saimon, March 13, 2018

    0 votes
    4 answers
17. Растянуть svg на весь экран

    Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну). svg на страничке отображаю следующим образом: <object id="svg_id" type="image/svg+xml" width="1024" height="768" data="svg_name.svg"></object> Также, если кто знает, подскажите, что можно/нужно почитать для решения следующей проблемы: есть на страничке svg, например, на svg нарисована кнопка, и если нажать на эту кнопку, происходит какое-то событие, на которое js реагирует. Спасибо.

    Asked by ioprst, March 13, 2018

    • html
    • svg
    0 votes
    2 answers
18. XMLHttpRequest не работает в chrome

    Привет. Проблема в следующем. Есть одна страничка, на которой две вкладки, на второй вкладке исполняется js. В firefox'e все как надо, запускаю localhost и на какой-бы вкладке изначально я не оказался, анимация svg (js выполняет) работает, после перехода с 2ой вкладки на первую и обратно, анимация также работает. Что происходит в Хроме: Если я запускаю страницу (перезапускаю) и оказываюсь на второй вкладке, то анимация есть, стоит перейти с 2ой вкладки на 1ю и обратно, анимация пропадает. Суть в том, что в хроме при любом переходе между вкладками js перестает работать, либо проблема в XMLHttpRequest. Привожу js код, который исполняется на второй вкладке: var svgDoc; v…

    Asked by ioprst, March 12, 2018

    • xmlhttprequest
    • chrome
    0 votes
    3 answers
19. Настройка ширины блока div.

    Прошу помощи. Есть блок div (красный) у него установлен параметр width: 47% Есть блок div (зеленый) у него задан параметр float: right, параметр width - не задан. При этом, второй блок (зеленый) не хочет принимать ширину на все оставшееся пространство (т.е. оставшиеся 53%). Не могу понять почему. Скриншоты прилагаю. Заранее благодарю за помощь. при увеличении нужного блока параметром width: 50% он уходит вниз. а вообще, хотелось бы, чтобы блок автоматически распостранялся по ширине на оставшееся свободное пространство.

    Asked by shencoff, March 12, 2018

    0 votes
    6 answers
20. правка шаблона на sass

    Имеется шаблон с scss исходниками. Как лучше его править, чтобы в дальнейшем не было проблем с обновлениями шаблона?

    Asked by vip, March 10, 2018

    0 votes
    1 answer
21. Trackbar, ползунок

    Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…

    Asked by purple/ocean, March 12, 2018

    • trackbar
    • ползунок
    0 votes
    4 answers
22. Как лучше реализовать?

    Я надеюсь тут можно задавать вопросы по php, т.к на php-ных форумах все до жути злые. В общем суть, есть модальное окно и в нем надо сделать кнопки при клике на которые информация об этом вносится в БД, суть проблемы в том что я нашел лишь способ который выводит фиксированное количество кнопок из БД. а требуется вывод разного количества кнопок, т.к у меня там страницы, допустим надо чтобы на 1 стр было 4 кнопки, а на второй 2, а у меня получилось сделать лишь чтобы на всех страницах было одинаковое кол-во кнопок. Я прошу от вас лишь совета того что гуглить, желательно именно методы реализации, функцию определенную и тп.

    Asked by purple/ocean, March 11, 2018

    0 votes
    8 answers
23. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst, March 5, 2018

    • html
    • js
    • svg
    0 votes
    9 answers
24. Высота секций лендинга

    Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))

    Asked by Super_Saimon, March 12, 2018

    • css
    0 votes
    2 answers
25. черестрочная окраска

    prtscr для удобства щелканья пользователя по кнопкам, хотелось бы провернуть черестрочную окраску рядов, но у меня упорно продолжает окрашиваться только первая колонка ряда советовали убрать :only-child - но тогда окрасились все delete если убрать онли чайлд html темплейт: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"…

    Asked by despair1, March 8, 2018

    0 votes
    1 answer