Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

Ответ
 
Опции темы
Старый 12.01.2019, 16:56   #1
Александр121
Форумчанин
 
Регистрация: 18.09.2017
Сообщений: 265
Репутация: -75
По умолчанию Изменение параметры 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 в 07:02.
Александр121 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нажатие на кнопку при определенном условии soundsound Общие вопросы Delphi 5 29.11.2016 20: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


23:06.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru