tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Um info-objecto configurável.

Um info-objecto que pode configurar no <style>, e que funciona nos dois browsers.

Demo : Sobrevoa a palavra "exemplo" com o rato.

EXEMPLO

1. Inserir entre os tags <HEAD>...</HEAD>:

IE4 = (document.all) ? 1 : 0;
NS4 = (document.layers) ? 1 : 0;
VERSION4 = (IE4 | NS4) ? 1 : 0;
if (!VERSION4) event = null;

function helpGetOffset(obj, coord) {
	var val = obj["offset"+coord] ;
	if (coord == "Top") val += obj.offsetHeight;
	while ((obj = obj.offsetParent )!=null) {
		val += obj["offset"+coord];
		if (obj.border && obj.border != 0) val++;
	}
	return val;
}

function helpDown () {
	if (IE4) document.all.helpBox.style.visibility = "hidden";
	if (NS4) document.helpBox.visibility = "hidden";
}

function helpOver (event,texte) {
	if (!VERSION4) return;

var ptrObj, ptrLayer;
	if (IE4) {
		ptrObj = event.srcElement;
		ptrLayer = document.all.helpBox;
	}
	if (NS4) {
		ptrObj = event.target;
		ptrLayer = document.helpBox;
	}

if (!ptrObj.onmouseout) ptrObj.onmouseout = helpDown;

Para configurar o info-objecto modifica-se na parte relativo ao <style>:

A largura do info-objecto
width: 160px;
O espaçamento no interior
padding: 2px;
A cor de fundo
background: yellow;
Atributos das beiras
border: 1px solid black;
Cor do texto
color: black;
O tipo de letra
font-family: Arial,Helvetica;
O estilo do texto
font-style: Normal;
o format da font
font-weight: Normal;
Tamanho da font
font-size: 12px;
line-height: 14px;

2. Inserir entre os tags <BODY>...</BODY>:

Nota :
Se querem tirar o sublinhado do link:

ANÚNCIOS