Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    scrivere nel punto (x,y)

    ciao a tutti
    ho bisogno di scrivere diversi link, ognuno in una posizione diversa dello schermo, di cui ho le coordinate cartesiani

    quale funzione posso utilizzare?
    grazie

  2. #2
    CSS. posizionamento assoluto di un DIV con left = x e top = y.
    Ricorda che nei Browser le coordinate cartesiane sono invertite per l'asse Y.

  3. #3
    Originariamente inviato da H5N1_Aviaria
    CSS. posizionamento assoluto di un DIV con left = x e top = y.
    Ricorda che nei Browser le coordinate cartesiane sono invertite per l'asse Y.
    perfetto grazie

    ma se la cosa da "mettere" nel punto di coordinate (x,y) e' un'immagine? stessa cosa, inserisco l,immagine dentro un div?

    il mio problema principale e' che la coordinata me la calcola un javascript, il quale mi divide la dimensione dello schermo per 2 e mi aggiunge la coordinata voluta.
    ma nel foglio di stile non riesco/posso inserire una funzione...
    codice:
    <script>
    function dimensione(){
    ..................
    return dim;
    }
    </script>
    ...........
    ...........
    <div style="top:dimensione(); left:0">
    [img]ddddd[/img]
    </div>
    e' possibile fare questo in javascript e css, oppure son costretto a crearmi il mio html dinamicamente con php, e calcolarmi via server le dimensioni?

  4. #4
    Certo che è possibile.
    Innanzitutto non c'è bisogno di inserire l'immagine in una div, ma è preferibile.
    codice:
    <div id="immDIV">[img]...[/img]</div>
    dopo aver assegnato un id alla DIV in javascript recuperiamo questo contenitore con
    codice:
    var elemento = document.getElementById("immDIV")
    ora elemento conterrà il nostro elemento DIV contenente l'immagine.
    Possiamo passare i valori all'oggetto style dell'elemento in questo modo:
    codice:
    elemento.style.position="absolute";
    elemento.style.top=y+"px";
    elemento.style.left=x+"px";

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.