Jump to content

  2. →
  3. →

Photo

Div Oculto Iqual A Da Busca Do Topo

Started By alessancost, 03/03/2007, 10:49

  • Faça o login para participar
1 reply to this topic

#1 alessancost

alessancost

    12 Horas

  • Usuários
  • 196 posts
  • Sexo:Não informado

Posted 03/03/2007, 10:49

Bom dia pessoal, estou passando um perrenque aqui... tenho que desenvolver um div oculto que quando clicado em um link o div aparece, até ai tudo bem mas tenho que faze-lo ficar oculto novamente quando clicar com o botão do mouse em qualquer parte do site, menos no campo do div... resulmindo, o mesmo recurso daqui do forum onde qundo você clica no link busca do topo de forum aparece um div oculto com o form para a busca se você apertar dentro desse div nada acontesse mas se apertar fora em qualquer parte do forum o div fica oculto... como faço isso? Estou desesperado pois já estou dois dias pesquisando e tentando mas está fff...

Obrigado

Esse resultado foi o mais perto que chequei

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>function wdi(id){document.getElementById(id).style.display='block';}function hdi(id){document.getElementById(id).style.display='none';}</script>
<body onDblClick="java script:hdi('mka')">
<a onclick="java script:wdi('mka')">link</a>
<div id="mka"style="display:none;position:absolute;z-index:100"><form style="margin:0;padding:4px;border:1px solid #003399;background:#f0f5fa"><div style="padding:0 0 4px 0">Ir&nbsp;para&nbsp;a&nbsp;página</div><input type="hidden"name="id_categoria"><input type="text"name="pgn"id="ft10"style="width:38px"title="Digite o número da página que você pretende ir"> <input type="submit"id="ft14"value="Ir"></form></div>
</body>
</html>


Mas para funcionar tenho que fazer um onDblClick mas quero fazer com um onclick

#2 Felipe Pena

Felipe Pena

    O temor do Senhor é o princípio da sabedoria

  • Ex-Admins
  • 6441 posts
  • Sexo:Masculino

Posted 04/03/2007, 01:57

Você pode utilizar uma variável global para armazenar a informação referente ao cursor sobre a div. Ou seja, para saber se o cursor está sobre ela ou não no momento do click.

Exemplo:
window.onload = function() {
	document.getElementById('mka').onmouseover = function() {
		overDiv = 1;
	}
	
	document.getElementById('mka').onmouseout = function() {
		overDiv = 0;
	}
	
	document.onclick = function() {
		if (!overDiv) {
			hdi('mka');
		}
	}
}

function wdi(id) {
	overDiv = 1;
	document.getElementById(id).style.display = 'block';
}

function hdi(id) {
	document.getElementById(id).style.display = 'none';
}

<body>
	<a onclick="wdi('mka')">link</a>
	<div id="mka" style="display:none;position:absolute;z-index:100">
		<form style="margin:0;padding:4px;border:1px solid #003399;background:#f0f5fa">
			<div style="padding:0 0 4px 0">Ir&nbsp;para&nbsp;a&nbsp;página</div>
			<input type="hidden"name="id_categoria">
			<input type="text"name="pgn"id="ft10"style="width:38px"title="Digite o número da página que você pretende ir">
			<input type="submit"id="ft14"value="Ir">
		</form>
	</div>
</body>

Edição feita por: Eclesiastes, 04/03/2007, 02:06.
Complementação

Felipe Pena
[...] ó terra, terra, terra; ouve a palavra do Senhor. — Jeremias 22:29
Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq