Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.01.2019, 15:56   #1
Александр121
Форумчанин
 
Регистрация: 17.09.2017
Сообщений: 265
По умолчанию Изменение параметры css при нажатие на кнопку

возможно ли сделать так чтобы при нажатие на кнопку btn1 вот этот кусок стал показывается на экране,по умолчанию он отключен. <path id="path5419" d="m 627.55727,563.46269 -34.09265,-47.72968 39.14342,27.7792 z"/>

Цитата:
<!DOCTYPE html>
<html lang="en" >
<head>
<canvas id="canvas" width="1000" height="852"></canvas> <!-- полотно где отображается код -->
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="600" viewBox="0 0 700 600">
<path id="path5419" d="m 627.55727,563.46269 -34.09265,-47.72968 39.14342,27.7792 z"/> <!-- нужно чтобы он отображался при нажатие на кнопку -->
</svg>
<script type="text/javascript">



btn1=document.createElement('BUTTON '); // создание кнопки
btn1.id='cmd6'; // id кнопки

btn1.onclick = function(){ // функция при нажатие на кнопку

btn1.parentElement.removeChild(btn1 ); // удаление этой кнопки
}
btn1.textContent ='всем привет'; // текст на кнопке
document.body.appendChild(btn1); // нужно прописывать чтоб кнопка появилась

</script>
</body>



// файл css

svg {
position: absolute;
top: 10px; /* вверх низ */
left: 300px;
display: block;
margin: 0 auto;
display: none;
}

path {
fill: none;
stroke: black;
stroke-width: 4;
stroke-linecap: round;
stroke-linejoin: round;
}


#cmd6{
position: absolute;
top: 10px; /* вверх низ */
left: 300px;

Последний раз редактировалось Александр121; 13.01.2019 в 06:02.
Александр121 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нажатие на кнопку при определенном условии soundsound Общие вопросы Delphi 5 29.11.2016 19:25
Нажатие на кнопку при выполнении условий. spotip Компоненты Delphi 5 04.09.2014 15:47
как сделать при нажатие на кнопку создался новая edit ? alman12 Общие вопросы Delphi 24 13.03.2014 19:21
Закрытие программы при нажатие на кнопку выход. alexkgx1 Общие вопросы Delphi 2 07.12.2012 18:56
как сделать чтоб при нажатие на кнопку число увеличелось nuberod Помощь студентам 1 07.05.2012 11:54