подсказка

автор Гость Сентябрь 24th 2008, 14:36

Код:: <title>Форма с сообщением (подсказкой)</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: navy; margin: 3px 8px; } </style> <script type="text/javascript"> var horizontal_offset="9px" //horizontal offset of hint box from anchor link /////No further editting needed var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change. var ie=document.all var ns6=document.getElementById&&!document.all function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function clearbrowseredge(obj, whichedge){ var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1 if (whichedge=="rightedge"){ var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset) } else{ var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight } return edgeoffset } function showhint(menucontents, obj, e, tipwidth){ if ((ie||ns6) && document.getElementById("hintbox")){ dropmenuobj=document.getElementById("hintbox") dropmenuobj.innerHTML=menucontents dropmenuobj.style.left=dropmenuobj.style.top=-500 if (tipwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=tipwidth } dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px" dropmenuobj.style.visibility="visible" obj.onmouseout=hidetip } } function hidetip(e){ dropmenuobj.style.visibility="hidden" dropmenuobj.style.left="-500px" } function createhintbox(){ var divblock=document.createElement("div") divblock.setAttribute("id", "hintbox") document.body.appendChild(divblock) } if (window.addEventListener) window.addEventListener("load", createhintbox, false) else if (window.attachEvent) window.attachEvent("onload", createhintbox) else if (document.getElementById) window.onload=createhintbox </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <form> <a href="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br />

а вот етот код на знак вопроса!! когда вы наводите оно высвечует подсказку!! а также вы можете добавить ссылку подсказки и получится когда нажымаеш оно переходит на ту ссылку!! посмотреть вы можете его здесь http://dompets.forumgrad.com/question-h19.htm
что бы поменять знак вопроса на вашы слова найдите в коде

Код:: this, event, '150px')">[?]</a><br />

о находится в самом низу!! и место знака вопроса вставляйте смело свои слова

потом вам конешноже нужно поменять подсказку!! yes

ищем вот етот код smile

Код:: "showhint('Please choose a username. Should consist of alphanumeric characters only.'

и место етих слов "Please choose a username. Should consist of alphanumeric characters only." вставляем вашы

а что бы добавить ссылку

Код:: <a href="#"

найдите етот код ( 2 строка снизу)и вставте место # (етого символа ) добавте адрес вашего сайта!!
yes

и заключительный момент !! smile

если вы хотите добавит много много таких подсказок
то достаточно
копировать етот код в несколько раз

Код:: a href="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br />

ну и повставлять
всё очень просто smile

надеюсь я обьяснял хорошо !! если что непонятно могу повторить smile

рад помоч

автор Sunnyta Октябрь 10th 2008, 21:39

sonik-power, если ты еще можешь подсказать... я попробовала на обычной страничке - получилось, а вставляю в модуль на Портал - не работает... что можно тут поменять?

Код:: <title>Форма с сообщением (подсказкой)</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: navy; margin: 3px 8px; } </style> <script type="text/javascript"> var horizontal_offset="9px" //horizontal offset of hint box from anchor link /////No further editting needed var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change. var ie=document.all var ns6=document.getElementById&&!document.all function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function clearbrowseredge(obj, whichedge){ var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1 if (whichedge=="rightedge"){ var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset) } else{ var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight } return edgeoffset } function showhint(menucontents, obj, e, tipwidth){ if ((ie||ns6) && document.getElementById("hintbox")){ dropmenuobj=document.getElementById("hintbox") dropmenuobj.innerHTML=menucontents dropmenuobj.style.left=dropmenuobj.style.top=-500 if (tipwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=tipwidth } dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px" dropmenuobj.style.visibility="visible" obj.onmouseout=hidetip } } function hidetip(e){ dropmenuobj.style.visibility="hidden" dropmenuobj.style.left="-500px" } function createhintbox(){ var divblock=document.createElement("div") divblock.setAttribute("id", "hintbox") document.body.appendChild(divblock) } if (window.addEventListener) window.addEventListener("load", createhintbox, false) else if (window.attachEvent) window.attachEvent("onload", createhintbox) else if (document.getElementById) window.onload=createhintbox </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <form> <a href="http://for-you.chudoforum.ru/forum.htm" class="hintanchor" onMouseover="showhint('Сим-сим покажись!!!', this, event, '150px')">[что-то тут будет?]</a><br />

Очень хочу, чтоб получилось!!!

автор Sunnyta Октябрь 10th 2008, 23:04

А вот такая подсказка работает!!!

Код:: <html><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><style type="text/css">body{margin:20px 100px;font:12px/1.4 Verdana, sans-serif;}h1{font:23px/1 Arial,sans-serif;font-weight:normal;text-align:center;}a.tt:hover{position:relative;z-index:23;}a.tt span{display:none;}a.tt:hover span{display:block;position:absolute;top:-10px;left:40px;background:#fafafa;border:1px solid #ccc;color:#000;z-index:20;width:200px;padding:5px;font-size:11px;cursor:pointer;text-decoration:none;}</style></head> <ul> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li></ul></body></html>

автор Гость Октябрь 10th 2008, 23:24

Lesia, привет!!
толко я непонял вчом тебе помоч pardon

!!
ну если ты разобралась значит хорошо!!
если возникнут проблемы говори разберёмся yes

Леся спасибо тебе большое что исправила ошыбку thank

ну а там я думаю вы разберётесь сами!!

автор Sunnyta Октябрь 11th 2008, 11:15

sonik-power пишет:Lesia, привет!!
толко я непонял вчом тебе помоч !!
ну если ты разобралась значит хорошо!!
если возникнут проблемы говори разберёмся
Леся спасибо тебе большое что исправила ошыбку
ну а там я думаю вы разберётесь сами!!

1. Твой код в Модуле на моем Портале не стал работать по какой-то мне до сих пор неизвестной причине (я в нем не разобралась, а у тебя как?)
2. Мой код (работающий) он совсем другой, я его нашла в инете.

автор Гость Октябрь 11th 2008, 15:09

1. у меня работало!
2. я так и понял pardon

! вот и говрю если у когото не пойдёт на портале тогда берите код который ты дала

автор Sunnyta Октябрь 16th 2008, 22:27

Можно сделать подсказку к ссылке в виде картинки - это тоже бывает необходимо

Вот пример:

Код:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"><style type="text/css">p {font-size: 24px;}.popup {position: relative;z-index: 1;}.popup:hover {background-color: transparent;z-index: 2;}.popup span {position: absolute;visibility: hidden;}.popup span img {border-width: 0;padding: 2px;}.popup:hover span {visibility: visible;top: 20;left: 50px;}</style></head>

далее указываем адрес своей ссылки и адрес нужной картинки (я написала для примера свое)

Код:: [url=http://help.forum2x2.ru/адрес ссылки]Особенности английского языка[img]адрес картинки[/img][/url]

автор Гость Октябрь 16th 2008, 22:57

а что нужно писать английскими??

автор Sunnyta Октябрь 16th 2008, 23:32

В верхней части кода ничего можно не менять, а во второй части записывай свой адрес ссылки, можно текст какой-то и адрес картинки (залитой в радикале или еще где-нить)
Если интересно, то поводи мышкой на моей сайте, где модуль "Спрашивали? Отвечаем!" yes

*да... и код я поправила, что-то сразу не скопировалось

подсказка

подсказка

Re: подсказка

Re: подсказка

Re: подсказка

Re: подсказка

Re: подсказка

Re: подсказка

Re: подсказка

Re: подсказка