Layer e posizionamento

**damar3** · 26-05-2003, 14:18

Salve a tutti,
vi spiego subito il mio problema:

Ho una pagina web con un immagine in cui prendo le coordinate della stessa e le metto in un DB.

codice:

<form action="mappa.asp" name="form" id=Form method="post">
<input name="mappa" type=image src="images/italia.wmf">
<input type="text" name="X" value=" <%=x %> ">
<input type="text" name="Y" value=" <%=y %> ">
</form>

<%
dim x,y
x=request("mappa.x") 
y=request("mappa.y")
%>

Una volta presi questi valori e memorizzati in un DB ho la necesità di mettere un puntino nel punto esatto in cui l'utente aveva precedentemente selezionato. E qui viene il mio problema:

L'immagine su cui dovranno andarsi a posarsi i puntini la posiziono così:

codice:

<div id="italia" style="position:absolute; z-index:1 left: 0; top: 0;">
[img]images/italia.wmf[/img]
</div>

Mentre il puntino in questo altro modo:

codice:

<div id="citta" style="position:absolute; width:1px; height:1px; z-index:2; left: <%=(citta.Fields.Item("CX").Value)+10%>px; top: <%=(citta.Fields.Item("CY").Value)-16%>px;"> 
[img]images/pallino.jpg[/img]
</div>

Il mio problema è che mi trovo sempre dei valori sfaslati, come posso fare per trovare una soluzione a ciò? Come vedete nel codice per mettere una pezza ho aggiunto 10px alla coordinata X e sottratto 16px alla coordinata Y ma certamente questa non può essere la solzione giusta.

Aspetto con ansia un vostro aiuto.

**blakwolf** · 26-05-2003, 14:56

per caso nel codice di output i <div> risultano annidiati?

**damar3** · 26-05-2003, 15:30

No assulutamente no. Ho cercato di fare le cose nel modo più pulito possibile anche se non è servito a molto...

**blakwolf** · 26-05-2003, 19:51

annidiarli non è un errore, volevo solo capire come hai fatto per capire il problema ... potresti postare un esempio di codice output

**damar3** · 26-05-2003, 23:41

Ho notato una cosa che forse ti può aiutare a risolvere il mio porblema. Se le coordinate del punto (che vado a mettere nel DB) le rilevo con uno script (java lato client) mi ritrovo le coordinate corrette anche nell'imamgine finale.

Allora forse il problema è nella fase di acquisizione quando faccio:

codice:

<form action="mappa.asp" name="form" id=Form method="post">
<input name="mappa" type=image src="images/italia.wmf">
<input type="text" name="X" value=" <%=x %> ">
<input type="text" name="Y" value=" <%=y %> ">
</form>

<%
dim x,y
x=request("mappa.x") 
y=request("mappa.y")
%>

Scusa ma non dovrebbe essere la stessa cosa che fare :

codice:

Cx = (event.clientX + document.body.scrollLeft);
Cy = (event.clientY + document.body.scrollTop);

**blakwolf** · 27-05-2003, 09:57

mhhhhhh sto facendo delle prove... potresti comunque postare il codice di output dei div (solo per vedere come salta fuori la struttura)

:master:

**damar3** · 27-05-2003, 10:04

Ecco :

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Documento senza titolo</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>

<META content="MSHTML 6.00.2800.1170" name=GENERATOR></HEAD>
<BODY>
<DIV id=italia style="Z-INDEX: 1; POSITION: absolute; TOP: 0px">[img][/img] 
</DIV>
<DIV id=citta 
style="Z-INDEX: 2; LEFT: 219px; WIDTH: 1px; POSITION: absolute; TOP: 213px; HEIGHT: 1px">[img]Documento senza titolo_file/pallino.jpg[/img] 
</DIV>
<DIV id=citta 
style="Z-INDEX: 2; LEFT: 251px; WIDTH: 1px; POSITION: absolute; TOP: 297px; HEIGHT: 1px">[img]Documento senza titolo_file/pallino.jpg[/img] 
</DIV>
<DIV id=Layer1 
style="Z-INDEX: 3; LEFT: 15px; WIDTH: 200px; POSITION: absolute; TOP: 341px; HEIGHT: 115px">
<TABLE border=0>
  <TBODY>
  <TR>
    <TD>Nome</TD>
    <TD>CX</TD>
    <TD>CY</TD></TR>
  <TR>
    <TD>Napoli</TD>
    <TD>209</TD>
    <TD>229</TD></TR>
  <TR>
    <TD>Messina</TD>
    <TD>241</TD>
    <TD>313</TD></TR></TBODY></TABLE>


</P></DIV>

</BODY></HTML>

Discussione: Layer e posizionamento

Strumenti discussione

Ricerca discussione

Visualizza

Layer e posizionamento

Permessi di invio