Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Помощ за един Java Script

Последователи

15 октомври 200619 г.

Здравейте искам да попитам как мога да си направя подобен Java Script като в: Kandev. Ще съм мн благодарен ако някой ми помогне. Благодаря предварително.

15 октомври 200619 г.

Ако искаш може да го модифицирам така че да си добавяш снимки заглавия в дива.Може ако искаш да напиша вместо да чете от масиви от един xml?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>New Document</title>

<style type="text/css">

		#hint {

			border: 1px solid black;

			position: absolute;

			background-color: green;

			width: 200px;

			display: none;

		}

		#head_nav {

			list-style-type: none;

			margin: 0;

			padding: 0;

		}

</style>

<script type="text/javascript">

		var info=new Array();

		info["tool-1"]="text goes here tool 1 text goes here tool 1 text goes here tool 1";

		info["tool-2"]="text goes here tool 2 text goes here";

		info["tool-3"]="text goes here tool 3";

				function ToolTip(event,sender) {

					var obj=document.getElementById('hint');

					var x=event.clientX;

					var y=event.clientY;

						if (info[sender]) {

							obj.style.display='block';

							obj.style.left=x+10+'px';

							obj.style.top=y+10+'px';

							obj.innerHTML=info[sender];

						}

						else {

							obj.style.display='none';

						}

				}

</script>

</head>

<body>

<div id="hint"></div>

<ul id="head_nav">

<li><a href="#" onmousemove="ToolTip(event,'tool-1')" onmouseout="ToolTip(event)">link 1</a></li>

<li><a href="#" onmousemove="ToolTip(event,'tool-2')" onmouseout="ToolTip(event)">link 2</a></li>

<li><a href="#" onmousemove="ToolTip(event,'tool-3')" onmouseout="ToolTip(event)">link 3</a></li>

</ul>

</body>

</html>

16 октомври 200619 г.

Ако искаш може да го модифицирам така че да си добавяш снимки заглавия в дива.Може ако искаш да напиша вместо да чете от масиви от един xml?

Колега, забрави за XMLи, в този случай не са необходими - масива си е перфектен. Това, което се губи в примера ти е фейдинга (постепенното скриване на хинта) и няма проверка, дали хинта няма да излезне извън екрана. "var obj=document.getElementById('hint');" не е добра идея да се случва на всяко помръдване на мишката - ДОМ парсъра откача, при бавни машини освен насичане може да се пяви и транспортно закъснение събитията. Измисли как да го избегнеш. Ползването на "obj.innerHTML" по принцип не е добра практика (отново заради ДОМ парсъра, но този път в съчетание с ХТМЛ рендерера). Направи обект (див или таблица) с абсолютни координати, който да се намира в невидимо състояние. А в необходимия момент да се позиционира и появява на въпросното място. До колкото те познавам, няма да срещнеш особени трудности в имплементацията. Успех и на двама ви :lol6:

16 октомври 200619 г.

Автор

Благодаря за предния код ама мене ми трябва да се скрива този балон постепенно като на посочения сайт иначе ако е само това и сам мога да си го направя, а пак ози код на мога да го взема от самият саи . Но все пак благодаря за помоща.

16 октомври 200619 г.

Благодаря за предния код ама мене ми трябва да се скрива този балон постепенно като на посочения сайт иначе ако е само това и сам мога да си го направя, а пак ози код на мога да го взема от самият саи . Но все пак благодаря за помоща.

Не си искал - не си го взел !

http://kandev.com/overlib.js

http://kandev.com/overlib_fade.js