Персональный сайт - "Подсказки и комментарии"

Воскресенье, 05.05.2024, 05:41
Приветствую Вас Гость | RSS

Главная | "Подсказки и комментарии" | Регистрация | Вход

Меню сайта

Наш опрос

Форма входа

Календарь новостей

Поиск

Друзья сайта

Статистика

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>

</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