layer relativo alla posizione dell'immagine

**Sarionline** · 07-10-2004, 16:20

Ciao a tutti,

una domanda:

avrei bisogno di uno script che mi permetta di capire qual`è la posizione 0 0 (angolo in alto a sinistra) di un immagine all'interno di una pagina.

dovrei posizionare un'immagine (o più) trasparente sopra questa immagine che si può travare in diverse posizioni all'interno della pagina.

Avete qualcosa in giro?

Grassie

**br1** · 07-10-2004, 17:35

Guarda in "script / discussioni utili" in evidenza...

ciao

**Sarionline** · 07-10-2004, 17:51

"posizionamento di un livello da posizione immagine nella pagina"

Ho trovato qualcosa ma non è linkato :-(

**br1** · 07-10-2004, 17:53

Prova "coordinate di un elemento nella pagina "

ciao

**Sarionline** · 07-10-2004, 18:17

nada.. non è ciò che mi serve

**Xinod** · 07-10-2004, 19:59

http://forum.html.it/forum/showthrea...hreadid=682469
ma c' è anche altro se cerchi bene
ciao

**Xinod** · 07-10-2004, 22:24

scusa avevo letto male,
quello che ti serve è questa funzione

codice:

function getPageCoords (el) { 
	// thanks to 'Martin Honnen' for this function 
	var coords = {x: 0, y: 0}; 
	while (el) { 
		coords.x+=el.offsetLeft; 
		coords.y+=el.offsetTop; 
		el=el.offsetParent; 
	} 
	return coords; 
}

usata x es così

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>coordinate div in posizionamento assoluto da coordinate immagine</title>
<style type="text/css">
</style>
<script type="text/javascript" language="JavaScript">
<!--
function getPageCoords (el) { 
	// thanks to 'Martin Honnen' for this function 
	var coords = {x: 0, y: 0}; 
	while (el) { 
		coords.x+=el.offsetLeft; 
		coords.y+=el.offsetTop; 
		el=el.offsetParent; 
	} 
	return coords; 
}

function posDiv(idx){
	var p=getPageCoords(document.images['img1']);
	document.getElementById(idx).style.top=p.y+'px';
	document.getElementById(idx).style.left=p.x+'px';
}
//-->
</script>
</head>
<body onload="posDiv('livello')">
<div id="livello" style="position:absolute;top:0px;left:0px">
[img]da_posizionare.gif[/img]
</div>




<p style="text-align:right">
[img]gia_posizionata.gif[/img]
</p>
</body>
</html>

ciao

**Sarionline** · 08-10-2004, 08:51

Provo

Intanto ti ringrazio tantissssimo

**Sarionline** · 08-10-2004, 09:58

Perfetto, funziona.

Grazie ancora

Discussione: layer relativo alla posizione dell'immagine

Strumenti discussione

Ricerca discussione

Visualizza

layer relativo alla posizione dell'immagine

Permessi di invio