Модальное окно без HTML
Можно ли сделать скрипт.js (например: букмарклет) на базе jquery использование которого, открывает модальное окно с некой формой для заполнения? И можно ли обойтись без CSS? Желательно привести пример кода.
|
Можно, но это будет не окно а не отформатированный HTML.
|
Цитата:
|
test.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="javascript:window.open('test2.html')";>Ссылка</a>
</body>
</html>
test2.html <!DOCTYPE html> <html> <head> </head> <body> <input type="text" placeholder="Введите ваше имя"><br><br> <input type="password" placeholder="Введите ваш пароль"> </body> </html> без css только такие окна отрывать или prompt! больше ничего в голову не приходит |
Спасибо за пример. Наверное использую такой код. Вот токльо не знаю можно ли там использовать поля для заполнения и создавать кнопки.
var win = window.open("about:blank", null, "width=400,height=300");
var doc = win.document;
doc.open("text/html");
doc.write("text");
doc.close();
|
можно, только вместо about:blank нужна ссылка на реальную страницу а в ней уже и будет форма.
|
Цитата:
var win = window.open("about:blank", null, "width=400,height=300");
var doc = win.document;
doc.open("text/html");
doc.write('<p>Сложение</p>');
doc.write("<input name='pole1' type='text' size='30' placeholder='Поле 1'></br></br>");
doc.write("<input name='pole2' type='text' size='30' placeholder='Поле 2'></br></br>");
doc.write("<input value='Посчитать' onclick=alert('не знаю что вписать') type='button'>");
doc.write('<p>Сумма </p>');
doc.close();
Помогите пожалуйста. Нужно чтоб, когда вводишь цифры в поля 1 и 2 отображалась сумма на последней строчке. |
var win = window.open("about:blank", null, "width=400,height=300");
var doc = win.document;
doc.open("text/html");
doc.write('<p>Сложение</p>');
doc.write("<input name='pole1' type='text' size='30' placeholder='Поле 1'></br></br>");
doc.write("<input name='pole2' type='text' size='30' placeholder='Поле 2'></br></br>");
doc.write("<input value='Посчитать' onclick='summ();' type='button'>");
doc.write('<p>Сумма </p>');
doc.write("<script>function summ(){document.querySelectorAll('p')[1].textContent = document.querySelectorAll('input')[0].value*1+document.querySelectorAll('input')[1].value*1;};<\/script>");
doc.close();
|
Спасибо, очень помогли.
|
Цитата:
document.querySelectorAllПодскажите функцию с использованием jquery. |
| Часовой пояс GMT +3, время: 13:53. |