Подсказки и комментарии

Подсказка в поле формы
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Подсказка в поле формы.</title>
<script>
function ftext(n){
val=new Array("Scripts.mybb.ru","Помощь по скриптам","Mybb.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="https://scripts.mybb.ru" onmouseout="ftext(0)" onmouseover="ftext(1)">scripts.mybb.ru</a>
<a href="http://mybb.ru" onmouseout="ftext(0)" onmouseover="ftext(2)">mybb.ru</a><br>
</body>
</html>

<endspoiler>
Подсказка в поле формы и расширеный комментарий в другом поле
<spoiler>
Посмотреть

Код:

<script language="JavaScript">
<!--//
function thetext(txt) {
 document.theform.thetext.value = txt
 return true;
}
//-->
</script><script language="JavaScript">
<!--//
function atext(txt) {
 document.aform.atext.value = txt
 return true;
}
//--></script>
<p align="center"><a href="https://scripts.mybb.ru/" onmouseover="thetext(&quot;Помощь по скриптам&quot;); atext(&quot;Здесь вы найдёте много скриптов для сайтов и форумов.&quot;)">Scripts.mybb.ru</a><br>
<a href="http://mybb.ru/" onmouseover="thetext(&quot;Сервис Mybb.ru&quot;); atext(&quot;Здесь можно создать свой форум.&quot;)">Mybb.ru</a></p>
<form name="theform">
<div align="center">
<input type="text" name="thetext" size="30">
</form>
<form name="aform">
<textarea rows="2" cols="30" wrap="virtual" name="atext"></textarea>
</div>
</form>
</body>
</html></textarea></td><td bgcolor="#006600" width="1px"></td>
<td  align="center">

<endspoiler>
Обычная подсказка с измененным цветом фона и цветом текста
<spoiler>
Посмотреть

Код:

<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="https://scripts.mybb.ru/index.htm" onmouseover="sign('parent1',1)" onmouseout="hide(1)">Scripts.mybb.ru<br></a></div> 
<div id="parent2"><a href="https://scripts.mybb.ru/javascript.htm" onmouseover="sign('parent2',2)" onmouseout="hide(2)">Помощь по скриптам<br></a></div> 
<div id="parent3"><a href="http://mybb.ru/" onmouseover="sign('parent3',3)" onmouseout="hide(3)">mybb.ru<br></a></div> 
<div id="child1" style="position:absolute;background-color:#006600;visibility:hidden">Scripts.mybb.ru - помощь по JavaScript</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">Создание форума</div>
</body>
</html>

<endspoiler>
Подсказка у которой можно задать цвета фона, текста, рамки
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Подсказка у которой можно задать цвета фона, текста, рамки.</title>
<style type="text/css">
#Statuszeile{ position: absolute; visibility: hide; width: 50%; top: 0px; left: 50px;}
P.Status{ color: darkblue; background-color: yellow; border: thin solid blue; padding: 4; font-size: 10pt; font-weight: bold;}
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
function zeigen(){}
function verstecken(){}
function initialisieren(){}
// ... Ende Dummy ... -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- ... Quelle Beispiel ...
// Browserabhaengige Informationen
var nn = (navigator.appName == "Netscape") ? true : false
var loaded = false
// Funktionen
function zeigen(lay, text){
with(nn ? document.layers[lay] : document.all[lay]) {
if(nn)  {
   with(document)  {
    open("text/html")
    write("<P CLASS=Status>" + text + "</P>")
    close()  }
   visibility = "show"
  }  else  {
   innerHTML = "<P CLASS=Status ALIGN=CENTER>" + text + "</P>"
   style.visibility = "visible"
  }
 }
}
function verstecken(lay){
 if(nn)
  document.layers[lay].visibility = "hide"
 else
  document.all[lay].style.visibility = "hidden"
}
function positionieren(){
 if(!loaded)
  return
 var posY
 var posX
 if(nn) {
  posX = document.Referenz.x
  posY = document.Referenz.y + document.Referenz.height + 8
 } else {
  posX = Referenz.offsetLeft
  posY = Referenz.offsetTop + Referenz.offsetHeight + 8
 }
 with(nn ? document.Statuszeile : Statuszeile)
 {
  if(nn) {
   left = ((innerWidth / 2) > posX) ? posX : (innerWidth / 2)
   top = posY
  } else {
   style.left = ((document.body.clientWidth / 2) > posX) ? posX : (document.body.clientWidth / 2)
   style.top = posY  }
 }
}
// -->
</SCRIPT>
<A HREF="https://scripts.mybb.ru" TARGET="dummy" onMouseOver="zeigen('Statuszeile', 'Помощь по скриптам')" onMouseOut="verstecken('Statuszeile')">Scripts.mybb.ru</A></P>
<DIV ID="Statuszeile"></DIV>
</center>
</body>
</html>

<endspoiler>
Увеличивающийся комментарий появляется при наведении на ссылку
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Увеличивающийся комментарий появляется при наведении на ссылку.</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">var x,y
var timer
var i_fadestrength=5
var step=1
var maxfontsize=180
var fontsizefactor=maxfontsize/100
var content

function cursorposition(e){
 x=event.clientX+document.body.scrollLeft
 y=event.clientY+document.body.scrollTop
}

function showmessage(whatmessage, whatfont, whatcolor) {
 if (document.all) {
  content="<nobr><font color="+whatcolor+" face="+whatfont+">"+whatmessage+"</font><nobr>"
  ring.innerHTML=content
  resizemessage()
 }
}

function resizemessage() {
if (document.all) {
 ring.filters.alpha.opacity=Math.floor(100-i_fadestrength)
 if (i_fadestrength>=120) {i_fadestrength=0;step=1}
 document.all.ring.style.visibility="visible"
 document.all.ring.style.fontSize=i_fadestrength*fontsizefactor
 document.all.ring.style.posLeft=x-(Math.floor(i_fadestrength/1.3*fontsizefactor))
 document.all.ring.style.posTop=y-(Math.floor(i_fadestrength/1.4*fontsizefactor)) 
 step+=1.5
 i_fadestrength+=step
 timer=setTimeout("resizemessage()",50)
}
}

function hidemessage(e){
if (document.all) {
 clearTimeout(timer)
 document.all.ring.style.visibility="hidden"
 i_fadestrength=5
 step=1
}
}

if (document.all) {
 document.onmousemove=cursorposition;
}

if (document.all) {
 document.write("<DIV id='ring' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")
 document.write("<DIV style='position:relative;'>")
}</script>
<a href="https://scripts.mybb.ru" onMouseOver="showmessage('Заходи!','Verdana','ffff00')" onMouseOut="hidemessage()"> Scripts.mybb.ru</a>
</body>
</html>

<endspoiler>
Подсказка бегущей строкой, поле и текст любого цвета
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Подсказка бегущей строкой, поле и текст любого цвета</title>
<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft= event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop= event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script>
</head>
<body>
<CENTER>
<div id="tooltip2" style="position:absolute; visibility:hidden; clip:rect(0 150 50 0);width:150px; background-color:#006600;">
<layer name="nstip" width=1000px bgColor="Black"></layer>
</div>
<A HREF="http://script.mybb.ru" onMouseover="showtip2(this,event,'Помощь по скриптам')" onMouseout="hidetip2()">Script.mybb.ru</A>
<A HREF="http://mybb.ru" onMouseover="showtip2(this,event,'Создай свой форум')" onMouseout="hidetip2()">mybb.ru</A>
</CENTER>
</body>
</html>

<endspoiler>
Подсказка выползает сверху, поле и текст любого цвета
<spoiler>
Посмотреть

Код:

<style type="text/css">@import ../style-new.css;</style>

<style type="text/css">
.menu{ position: absolute; top:-200; width: 200; padding:5; border-width: 1; border-style: solid; background:#009900; color: Lime;}
.menu1{ position: absolute; top:-200; width: 200; padding:5; border-width: 1; border-style: solid; background:Lime; color: #003300;}
</style>
<script>
var mpos=new Array();
var mdir=new Array();
var maxmenus=2;
var delay=20;
function do_menu(e, menu)
{
 mdir[menu]=-mdir[menu];
 if(mpos[menu]<=-122)
 {
  if(document.layers)
  {
   document.layers["menu"+menu].top=e.pageY-122;
   document.layers["menu"+menu].left=e.pageX;
  } else
  {
   document.all["menu"+menu].style.top=event.y-122;
   document.all["menu"+menu].style.left=event.x;
  }
  move_menu(menu);
 }
 if(mpos[menu]>=0)
  move_menu(menu);
}
function move_menu(menu)
{
 mpos[menu]+=mdir[menu];
 if(document.layers)
 {
  document.layers["menu"+menu].top+=mdir[menu];
  document.layers["menu"+menu].clip.top=-mpos[menu];
 }
 else
 {
  document.all["menu"+menu].style.top=parseInt(document.all["menu"+menu].style.top)+mdir[menu];
  document.all["menu"+menu].style.clip="rect("+(-mpos[menu])+",auto,auto,auto)";
 }
 if(mpos[menu]>-122 && mpos[menu]<0)
  setTimeout("move_menu("+menu+")", delay);
}
function init()
{
 for(i=0; i<maxmenus; i++)
 {
  mpos[i]=-122;
  mdir[i]=-4;
 }
}
</script>
</head>
<body onload="init()"><td bgcolor="#006600" width="1px"></td><td>
</div><div id="menu0" class="menu">Цвет текста<br>и фона на выбор</div>
<div id="menu1" class="menu1">Для каждой<br>ссылки свои</div>
<p><a href="http://scriptic.ru/" onmouseover="do_menu(event, 0)" onmouseout="do_menu(event, 0)">Scriptic.ru</a>  <a href="../javascript.shtml" onmouseover="do_menu(event, 1)" onmouseout="do_menu(event, 1)">JavaScript</a>  
</center>

<endspoiler>
Печатающийся комментарий, поле и текст любого цвета
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Печатающийся комментарий, поле и текст любого цвета</title>
<script language=javaScript>
<!-- 
// width of the ticker
var tickerwidth=120
// height of the ticker
var tickerheight=80
// distance from the messagetext to the tickermarrgin (pixels)
var tickerpadding=5
// borderwidth of the ticker (pixels)
var borderwidth=2
// font-family
var fnt="Verdana"
// font-size of the text
var fntsize=8
// font-size of the last letter of the ticker
var fntsizelastletter=8
// font-color of the text
var fntcolor="008800"
// font-color of the last letter of the ticker
var fntcolorlastletter="00AA00"
// font-weight. Set a value between 1 to 9 to adjust the boldness
var fntweight=3
// backgroundcolor
var backgroundcolor="CCFFCC"
// standstill between the messages (microseconds)
var standstill=2000
// speed (a higher value will slow down the ticker)
var speed=40
// horizontal distance from the textlink to the popupbox (pixels)
var xdistance=30
// vertical distance from the textlink to the popupbox (pixels)
var ydistance=20
// Do not edit the variables below
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
function getmessagebackground() {
  messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
  messagebackground+="&nbsp;</td></tr></table>"
}
function getmessagecontent() { 
  messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
  messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>" 
  messagecontent+="<font color='"+fntcolor+"'>"
  messagecontent+=messagepresubstring
  messagecontent+="</font>"
  messagecontent+="</span>"
  messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>" 
  messagecontent+="<font color='"+fntcolorlastletter+"'>"
  messagecontent+=messageaftersubstring
  messagecontent+="</font>"
  messagecontent+="</span>"
  messagecontent+="</td></tr></table>"
}
function showticker() {
 if (i_substring<=message.length-1) {
   i_substring++
   i_presubstring=i_substring-1
   if (i_presubstring<0) {i_presubstring=0}
            messagepresubstring=message.substring(0,i_presubstring)
         messageaftersubstring=message.substring(i_presubstring,i_substring)
   getmessagecontent()
  if (document.all) {
   ticker.innerHTML=messagecontent
   timer=setTimeout("showticker()", speed)
  }
  if (document.layers) {
   document.ticker.document.write(messagecontent)
   document.ticker.document.close()
   timer=setTimeout("showticker()", speed)
  }
 }
 else {
  clearTimeout(timer)
 }
}
function hideticker() {
    clearTimeout(timer)
    i_substring=0
 i_presubstring=0
    if (document.all) {
     document.all.ticker.style.visibility="hidden"
        document.all.tickerbg.style.visibility="hidden"
 }
 if (document.layers) {
  document.ticker.visibility="hidden"
        document.tickerbg.visibility="hidden"
 }
}
function showmessage(linkmessage) {
    getmessagebackground()
    message=linkmessage
    i_substring=0
 i_presubstring=0
    leftposition=x+xdistance
    topposition=y+ydistance
 if (document.all) { 
  document.all.ticker.style.posLeft=leftposition
  document.all.ticker.style.posTop=topposition
  document.all.tickerbg.style.posLeft=leftposition
  document.all.tickerbg.style.posTop=topposition
  tickerbg.innerHTML=messagebackground
        document.all.ticker.style.visibility="visible"
        document.all.tickerbg.style.visibility="visible"
  showticker()
 }
 if (document.layers) {
        document.ticker.left=leftposition
  document.ticker.top=topposition
  document.tickerbg.left=leftposition
  document.tickerbg.top=topposition
  document.tickerbg.document.write(messagebackground)
  document.tickerbg.document.close()
        document.ticker.visibility="visible"
        document.tickerbg.visibility="visible"
  showticker()
 }
}
function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
//-->
</script>
</head>
<body>
<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>
<a href="https://scripts.mybb.ru" onMouseOver="showmessage('Вы попадете на главную страницу форума ')" onMouseOut="hideticker()" target="_blank">На главную</a> | <a href="https://scripts.mybb.ru/" onMouseOver="showmessage('Здесь вы можете скачать скрипты ')" onMouseOut="hideticker()" target="_blank">Скрипты</a> | <a href="http://https://scripts.mybb.ru/" onMouseOver="showmessage('Разные нужные вещи написаные на JavaScript.')" onMouseOut="hideticker()" target="_blank">JavaScript</a>
<!-- В конце коментария добавляйте пробел иначе последний знак будет жирным -->
</body>
</html>

<endspoiler>
Подсказка в любом месте страницы, можно вставлять таблицы и картинки
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Подсказка в любом месте страницы, можно вставлять таблицы и картинки.</title>
</head>
<body>
<script>
<!--
var content=new Array()
content[0]='<br><strong>Scripts.mybb.ru</strong><br><img src="http://superscripts.narod.ru/comms/bal1.gif">Коллекция JavaScript в примерах, скрипты для сайтов и форумов, здесь есть всё, что надо!'
content[1]='<br><strong>mybb.ru</strong><br><img src="http://superscripts.narod.ru/comms/bal2.gif">Создай свой собственный форум, непохожий на другие!.'
content[2]='<br><strong>JavaScript</strong><br><img src="http://superscripts.narod.ru/comms/bal3.gif">Множество разных скриптов, выбирай то, что нужно.'
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="https://scripts.mybb.ru" onMouseover="changetext(content[0])">Scripts.mybb.ru</a>    <a href="http://mybb.ru" onMouseover="changetext(content[1])">mybb.ru</a>    <a href="https://scripts.mybb.ru" onMouseover="changetext(content[2])">JavaScript</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>

<endspoiler>
Смена текста подсказки при наведении курсора на ссылку
<spoiler>
Посмотреть

Код:

<html>
<head>
<title>Смена текста подсказки при переходе с одной ссылки на другую (простой текст)</title>
</head>
<body>
<basefont face="Arial" size="2"><strong><a class="off" href="#" onmouseout="this.className='off'; replaceme.innerText='Сообщение второе...';" onmouseover="this.className='over'; replaceme.innerText='Первое сообщение...';">
Подведите сюда курсор мыши...</a></strong><br><br>
<div id="replaceme">Здесь будет меняться сообщение...</div>
</body>
</html>

Help Admin

Меню навигации

Пользовательские ссылки

Информация о пользователе

Подсказки и комментарии

Сообщений 1 страница 1 из 1

Поделиться12007-05-11 17:41:33

Похожие темы