Электронная библиотека
Программисту веб-дизайнеру
Другие материалы
Библиотека: скачать готовые скрипты Javascript
Открывает второе вспомогательное окно по требованию пользователя
Посмотрите на работу этого удобного скрипта на отдельной веб-странице (персональный компьютер).
При помощи приводимого ниже клиентского сценария - скрипта Javascript - можно открывать второе вспомогательное окно по требованию пользователя, например, для комментариев и уточнений по требованию пользователя. Законный скрипт.
Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место. Параметры изменяются очень легко.
<script language="javascript"> <!-- function winop() { windop = window.open("URL-новый","mywin","height=250,width=350"); } function wincl() { windop.close(); } --> </script> <form id="win" action=""> <input type="button" value="Открыть новое окно" onclick="winop();" /> <input type="button" value="Закрыть новое окно" onclick="wincl();" /> <form>
Посмотрите на работу второго удобного скрипта на отдельной веб-странице (персональный компьютер).
В отличие от первого скрипта, окошко открывается при подведении мышки к ссылке и закрывается, когда мышка уводится от ссылки. Пользователь имеет возможность отключать и включать данный скрипт.
Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место. Параметры изменяются очень легко. Можно прописывать любые свои команды (в том числе ссылки и переадресации на другие страницы).
<script language="javascript">
<!--//
var tooltip_window = null;
function tooltip(mensaje, status)
{
if(document.forma.ett.checked)
{
if(status != 0)
{
if(tooltip != null) tooltip.focus();
else
{
var tooltip = open('', 'Заголовок', 'width='+ (mensaje.length * 8) + ',height=10');
tooltip_window = tooltip;
tooltip.document.open();
tooltip.document.writeln('<html><head><title>Заголовок</title></head><body text=black bgcolor="#DDEEFF">'); // цвета и параметры
tooltip.document.writeln('<p style="text-align: center">' + mensaje + '</p>');
tooltip.document.writeln('</body></html>');
tooltip.document.close();
}
}
else
{
if(tooltip_window != null) tooltip_window.close();
}
}
}
//-->
</script>
<form id="forma">
<p><input type="checkbox" id="ett" checked value="ON" />Функция вкл./выкл.</p>
</form>
<a href="URL-ссылки" onMouseover="tooltip('Текст Вашего комментария к ссылке', 1)" onMouseout="tooltip('', 0)">
<p>Подведите мышку к этой ссылке и подержите ее, не нажимая</a>
<br />Возможно, нужно немножко подождать
Посмотрите на работу третьего удобного скрипта на отдельной веб-странице (персональный компьютер).
В отличие от второго скрипта, окошко открывается при кликаньи мышкой на кнопке и закрывается по требованию пользователя.
Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место. Параметры изменяются очень легко.
<script language="javascript">
<!-- //
function winop(){
windop=window.open("","mywin","width=300,height=120"); // размеры нового окна
windop.document.open();
windop.document.write("<html><head><title>Дополнительное окно</title>");
windop.document.write("</head><body>");
windop.document.write("<p style="text-align: center"><strong>Дополнительное окно</strong></p>");
windop.document.write("<p style="text-align: center"><form><input type='button' value='Закрыть окно' onClick='window.close()' /></form></p>")
windop.document.write("</body></html>");
windop.document.close();
}
// -->
</script>
<input type="button" value="Открыть окно" onclick="winop();">