Visualizzazione dei risultati da 1 a 3 su 3

Discussione: posizione div

  1. #1
    Utente di HTML.it L'avatar di thitan
    Registrato dal
    Feb 2001
    Messaggi
    716

    posizione div

    ciao, io dovrei realizzare un effetto del tipo che ho una tabella con 4 righe e 3 colonne,
    quando l'utente muove il cursore su un <td> appare un overlayer posizionato proprio nell'angolo in basso del <td>..
    ho provato a mettere un div nel td (per praticità) ma se non gli dò i valori di left e top dopo non riesco nemmeno a leggerli...come faccio?
    ho buttato giù un pò di codice

    Codice PHP:
    function Sposta(targetdiv){
        var 
    myTarget=document.getElementById(target);
        var 
    targetLeft myTarget.style.left;
        var 
    targetTop myTarget.style.top;
        
        
    myDiv document.getElementById(div);
        
        
    myDiv.style.top targetTop;
        
    myDiv.style.left targetLeft;
    //    alert('targetLeft: '+targetLeft+' targetTop: '+targetTop);

    solo che non posso settare la posizione del 'target' perchè le tabelle sono autoridimensionanti (tutti valori in %) e le righe sono dinamiche (prese e stampate da db)

    l'effetto che vorrei avere sarebbe simile a QUESTO quando col mouse passi sul nome del file...

    www.inter-rail.it
    travellers, not tourist
    Is cuma cá mhinice a théann tú ar strae; is é is tábhachtaí gurb áil leat do bhealach a aimsiú arís.

  2. #2
    Utente di HTML.it L'avatar di floyd
    Registrato dal
    Apr 2001
    Messaggi
    3,837
    io uso queste funzioni per conoscere la posizione di un oggetto
    codice:
    function findPosY(obj) {
      var curtop = 0;
      if (document.getElementById || document.all) {
    	while (obj.offsetParent) {
    	  curtop += obj.offsetTop - obj.scrollTop;
    	  obj = obj.offsetParent;
    	}
      } else if (document.layers)
        curtop += obj.y;
      return curtop;
    }
    
    function findPosX(obj) {
      var curleft = 0;
      if (document.getElementById || document.all) {
    	while (obj.offsetParent) {
    	  curleft += obj.offsetLeft - obj.scrollLeft;
    	  obj = obj.offsetParent;
    	}
      } else if (document.layers)
        curleft += obj.x;
      return curleft;
    }

  3. #3
    Utente di HTML.it L'avatar di thitan
    Registrato dal
    Feb 2001
    Messaggi
    716
    erm ammetto di non aver capito esattamente quello che fanno e tue funzioni, cmq le ho modificate così
    Codice PHP:
    function findPosY(obje) {
        var 
    curtop 0;
        var 
    obj document.getElementById(obje);
        while (
    obj.offsetParent) {
        
    curtop += obj.offsetTop obj.scrollTop;
        
    obj obj.offsetParent;
        }
        return 
    curtop;
    }

    function 
    findPosX(obje) {
        var 
    curleft 0;
        var 
    obj document.getElementById(obje);
        while (
    obj.offsetParent) {
            
    curleft += obj.offsetLeft obj.scrollLeft;
            
    obj obj.offsetParent;
        }
        return 
    curleft;

    e ora funzionano..prima mi restituivano sempre 0

    grazie mille!!!!!

    www.inter-rail.it
    travellers, not tourist
    Is cuma cá mhinice a théann tú ar strae; is é is tábhachtaí gurb áil leat do bhealach a aimsiú arís.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.