tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Uma mini-janela que o utilizador pode deslocar.

Exibir uma mensagem incontornável numa mini-janela que podemos no entanto deslocar.

Demo : carrega no título da janela e verás que podes deslocá-la

Truques e Dicas

SCRIPT de DHTML

Uma compilação dos melhores scripts da Web !

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

function moveme_onmouseup() {
	if(dragobject) {
	dragobject = null;
	}
}

function getLeftPos(el) {
	if (ie5) {
	if (el.currentStyle.left == "auto")
	return 0;
	else
	return parseInt(el.currentStyle.left);
	}
	else {
	return el.style.pixelLeft;
	}
}

function getTopPos(el) {
	if (ie5) {
	if (el.currentStyle.top == "auto")
	return 0;
	else
	return parseInt(el.currentStyle.top);
	}
	else {
	return el.style.pixelTop;
	}
}

function makeOnTop(el) {
	var daiz;
	var max = 0;
	var da = document.all;
	for (var i=0; i<da.length; i++) {
	daiz = da[i].style.zIndex;
	if (daiz != "" && daiz > max)
	max = daiz;
	}
	el.style.zIndex = max + 1;
}

if (document.all) { //This only works in IE4 or better
	document.onmousedown = moveme_onmousedown;
	document.onmouseup = moveme_onmouseup;
	document.onmousemove = moveme_onmousemove;
}

document.write("<style>");
document.write(".moveme	{cursor: move;}");
document.write(".handle	{cursor: move;}");
document.write("</style>");
</script>

A dimensão da janela modifica-se em #testDiv {position: relative; height: 50px; width: 300px; ...
Outros elementos podem ser modificados com um bom conhecimento das folhas de estilo.

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

Aqui modifica-se:

o título da janela
o conteúdo da janela.

ANÚNCIOS