posizione dinamica di un div

**Maxx_ale** · 11-08-2004, 13:20

ho una serie di campi input text ed un campo div nascost\visibile

vorrei fare in modo che ogni volta che si seleziona un campo text il div venga subito visualizzato al di sotto del campo ed allineato rispetto al suo lato sinistro

suggerimenti?

**Maxx_ale** · 11-08-2004, 13:59

ad esempio cliccado su di un campo di testo vorrei passare ad una funzione la sua posizione

**br1** · 11-08-2004, 14:03

http://forum.html.it/forum/showthrea...hreadid=530318

ciao

**Maxx_ale** · 11-08-2004, 14:08

grazie!

**Maxx_ale** · 11-08-2004, 14:27

però mi sto accorgendo che quello script proprio non vuole funzinare sotto firefox...

e poi come faccio a sapere quando l'utente clicca nel campo di testo e quando invece clicca fuori da esso?
uno si risolve con onClick e l'altro?

**Xinod** · 11-08-2004, 17:07

funziona funziona, prova

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#box {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	visibility:hidden;
	width:136px;
	background-color:#099;
	color:#fff;
	padding:3px;
}
</style>
<script type="text/javascript">
<!--

function getPageCoords(el) {
	var coords = {x: 0, y: 0}; 
	while (el) { 
		coords.x += el.offsetLeft; 
		coords.y += el.offsetTop; 
		el = el.offsetParent; 
	} 
	return coords; 
} 

function mostra(el){
	var p=getPageCoords(el);
	var lvl=document.getElementById('box');
	lvl.style.top=p.y+20+'px';
	lvl.style.left=p.x+'px';
	lvl.innerHTML='^ inserisci il '+el.id;
	lvl.style.visibility='visible';
}
function nascondi(){
	document.getElementById('box').style.visibility='hidden';
}
//-->
</script>
</head>
<body>
<div id="box"></div>
<form>
<input type="text" id="nome" onfocus="mostra(this)" onblur="nascondi()" />
<input type="text" id="cognome" onfocus="mostra(this)" onblur="nascondi()" />
</form>
</body>
</html>

**Maxx_ale** · 11-08-2004, 19:37

è bellissimo!

c'è solo da fare qualche piccola modifica

nel livello che viene mostrato e nascosto non ci va del testo ma un select, e quando clicco sul select per scorrerlo viene interpretato come area esterna e viene chiuso...

sorry mi ero dimenticato di specificarlo...

Discussione: posizione dinamica di un div

Strumenti discussione

Ricerca discussione

Visualizza

posizione dinamica di un div

rilevare la posizione di un elemento selezionato

Permessi di invio