Я хочу добавить небольшой квадрат рядом с вопросом в форме, которую я прошу, когда при нажатии появится окно с текстом для получения справки по вопросу. Как я могу добавить скрипт java для создания всплывающего окна, которое будет отображаться при нажатии, а не при помощи мыши надКак создать всплывающее окно справки
Создайте его как хотите.
Обратите внимание: вы можете добавить несколько всплывающих подсказок. Просто добавьте class="help" и title, содержащий текст справки.
var helpBox = document.getElementById("helpBox");
var helpElements = document.getElementsByClassName("help");
for (var i = 0; i < helpElements.length; i++) {
helpElements[i]._helpText = helpElements[i].title;
helpElements[i].removeAttribute("title");
helpElements[i].onclick = function(e) {
helpBox.style.display = "block";
helpBox.innerHTML = "<span id='close' title='Close'>X</span>" +
e.target._helpText;
helpBox.children[0].onclick = function() {
helpBox.style.display = "none";
}
}
}body {
background-color: #f4f4f4;
font-family: sans-serif;
}
.help {
cursor: help;
}
#helpBox {
position: absolute;
top: 100px;
display: none;
width: 300px;
left: 50%;
margin-left: -150px;
border: 1px solid gray;
padding: 10px;
background-color: white;
z-index: 1000;
}
#helpBox #close {
float: right;
cursor: pointer;
background-color: red;
color: white;
padding: 0 6px;
}<span class="help" title="Help text">Help</span>
<div id="helpBox"></div>
Итак, вы хотите, чтобы показать всплывающее окно по щелчку? –
Как если бы вы хотели его сосредоточиться? При этом он будет показывать всплывающее окно при нажатии, а затем исчезает, когда вы нажимаете в другом месте. Ты согласен с этим? –