Суббота, 18.01.2025, 04:50
Приветствую Вас Гость | RSS
Главная | "Подсказки и комментарии" | Регистрация | Вход
Меню сайта
Наш опрос
Оцените мой сайт
Результаты | Архив опросов
Всего ответов: 78
Форма входа
Календарь новостей
«  Январь 2025  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Поиск
Друзья сайта
JavaScript
Подсказка в поле формы
 
<html>
<head>
<title>Подсказка в поле формы.</title>
<script>
function ftext(n){
val=new Array("Scriptic.ru","Studia.scriptic.ru","GLidia.narod.ru")
document.mainform.NAME.value=val[n];
}
</script>
</head>
<body>
<form name="mainform">
<input style="color: #00ff99; background-color: #000000;  border-color: #00cc00;" name="NAME" size="20">
</form>
<a href="http://scriptic.ru" onmouseout="ftext(0)" onmouseover="ftext(1)">Scriptic.u</a>
<a href="http://studia.scriptic.ru" onmouseout="ftext(0)" onmouseover="ftext(2)">Studia.Scriptic.ru</a><br>
</body>
</html>
 
 
Обычная подсказка с измененным цветом фона и цветом текста.
 
<html>
<head>
<title>Обычная подсказка с измененным цветом фона и цветом текста.</title>
<script>
//detecting mouse objects
var ns=(document.layers)
var ie=(document.all)
//capturing events
if (ns){document.captureEvents(Event.MOUSEMOVE)}
document.onmousemove = mouseMove
//x,y cordinates
function mouseMove(el) {
 if (ns) {x=el.pageX; y=el.pageY;TheLength=document.layers.length}
 if (ie) {x=event.x; y=event.y;TheLength=document.all.length}
 
for (i=1; i<TheLength; i++) {
 if (ns) {whichEl = document.layers[i];var whichMove=whichEl}
 if (ie) {whichEl = document.all[i];whichMove=document.all[i].style}
 if (whichEl.id.indexOf("child")!= -1) {
  whichMove.left=x+5
  whichMove.top=y+3
} } }
//show the layer when mouseover
function sign(el,c) {
if (ns){
 document.layers["child"+c].visibility="show";
 }else{
 document.all["child"+c].style.visibility="visible";
 }
document.onmousemove = mouseMove
}
//hide the layer when mouseout
function hide(c) {
 if (ns){
 document.layers["child"+c].visibility="hide";
 }else{
 document.all["child"+c].style.visibility="hidden";
 }
 //release event when hiding layer
 if (ns){releaseEvents(Event.MOUSEMOVE)}
 document.onmousemove=""
}
</script>
</head>
<body>
<div id="Parent1"><a href="http://script.ru/index.htm" onmouseover="sign('parent1',1)" onmouseout="hide(1)">Script.ru<br></a></div>
<div id="parent2"><a href="http://script.ru/javascript.htm" onmouseover="sign('parent2',2)" onmouseout="hide(2)">JavaScript<br></a></div>
<div id="parent3"><a href="http://script.ru/forma.htm" onmouseover="sign('parent3',3)" onmouseout="hide(3)">Контакты<br></a></div>
<div id="child1" style="position:absolute;background-color:#006600;visibility:hidden">Scriptic. - JavaScript - HTML - CSS...</div>
<div id="child2" style="position:absolute;background-color:#006600;visibility:hidden">Коллекция JavaScript скриптов</div>
<div id="child3" style="position:absolute;background-color:#006600;visibility:hidden">info@scriptic.ru</div>
</body>
</html>
 
Выпадающая подсказка, при офомлении могут быть использованы таблици,
картинки и другие элементы.
 
<html>
<head>
<title>Выпадающая подсказка, при офомлении могут быть использованы таблици, картинки и другие элементы.</title>
<script language="JavaScript">
if (parseInt(navigator.appVersion)>= 4)
{
if (navigator.appName == "Netscape")
{
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function show(layerName)
{
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
}
function cls(layerName){
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
}
</script>
</head>
<body>
<div align="center" id="text1" style="HEIGHT: 80px; LEFT: 10px; TOP: 15px; WIDTH: 250px">
<table border="0" width="100%" bgcolor="#000000" cellspacing="1" cellpadding="2">
<TBODY>
<tr>
<td align="middle" bgcolor="#FFFFE1"><p align="center"><font face="Fixedsys"
color="#FF0000">Всплывающая подсказка</font></p>
<p align="left"><font face="MS Sans Serif" size="1">   А вот
собственно и сама всплывающая подсказка...<br>
Она удобна тем что:<br>
1. Она не исчезает в самый неподходящий момент
(она исчезнет только после того, как вы уберёте
курсор с ссылки);<br>
2. Всплывающую подсказку можно добавлять не
только к графической ссылке, но и к обычному
тексту;<br>
3. Здесь можно менять шрифты;<br>
4. Можно менять цвета шрифтов;<br>
5. Сюда можно вставлять рисунки и т.д.</font></td>
</tr>
</TBODY>
</table>
<a href="#" onmouseout="cls('text1');" onmouseover="show('text1');"><img src="images/buttonvp.gif" border="0" width="78" height="24"></a>
</body>
</html>
 
Подсказка в любом месте страници, можно вставлять таблици и картинки.
 
<html>
<head>
<title>Подсказка в любом месте страници, можно вставлять таблици и картинки.</title>
</head>
<body>
<script>
<!--
var content=new Array()
content[0]='<br><strong>Java Scripts</strong><br><img src="../img/bal1.gif">Коллекция JavaScript в примерах, полезные вещи (поиск на стороне клиента и д.р.) и игры (большая коллекция)...'
content[1]='<br><strong>Web-дизайн</strong><br><img src="../img/bal2.gif">Создание сайтов, баннеров, услуги по продвижению в сети internet.'
content[2]='<br><strong>Реклама</strong><br><img src="../img/bal3.gif"> Сайтов на сайтах scriptic.ru и studia.scriptic.ru, а также обмен рекламой, баннерами, ссылками, новостями.'
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function changetext(whichcontent){
if (document.all)
descriptions.innerHTML=''+whichcontent+''
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana">'+whichcontent+'</font>')
document.d1.document.d2.document.close()
}
}
//-->
</script>
<strong>
<a href="http://scriptic.ru" onMouseover="changetext(content[0])">Java Scripts</a>    <a href="http://studia.scriptic.ru" onMouseover="changetext(content[1])">Web-дизайн</a>    <a href="http://studia.scriptic.ru" onMouseover="changetext(content[2])">Реклама</a><br>
</strong>
<ilayer id="d1" width="155" height="155">
<layer id="d2" width="155" height="155">
<table width="460"><tr><td><div id="descriptions" align="left"><br> <br> <br> </div>
<!-- зарезервировали строчки чтобы содержимое не прыгало. Лучше всего изпользовать место заданной ширины как в примере. -->
</td></tr></table>
</ilayer>
</layer>
</body>
</html>
Конструктор сайтов - uCoz Copyright MyCorp © 2025