Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di GabbOne
    Registrato dal
    Mar 2006
    Messaggi
    577

    Clacolo distanze elementi html

    ciao a tutti

    seondo voi è possibile con jquey o con il semplice js riuscire a calcolare quanto spazio vi è tra un <br class="MioFlag"> ed il div che lo contiene???

    Ad esempio
    <div>
    bla bla bla
    bla bla bla
    bla bla bla
    <br class="MioFlag"/>
    bla bla bla
    bla bla bla
    bla bla bla
    </div>

    grazie a chiunque possa aiutarmi

    un saluto

  2. #2

  3. #3
    Utente di HTML.it L'avatar di GabbOne
    Registrato dal
    Mar 2006
    Messaggi
    577
    Grazie Xinod per la risposta ma da quello che ho capito con position riesco a calcolare la distanza dell'elemento che punto con il suo diretto padre ma nel mio caso (nn lo avevo detto prima ma me ne sono accorto solo ora) il mio
    potrebbe trovarsi annidao dentro altri tag ad esempio

    <div class="contenitoreEsterno">
    bla bla bla
    bla bla bla
    bla bla bla
    <div class="contenitoreInterno">
    bla bla bla
    bla bla bla
    bla bla bla
    <br class="MioFlag"/>
    bla bla bla
    bla bla bla
    bla bla bla
    </div>

    </div>

    se io ora uso la position sul
    ottengo la posizione rispetto al contenitore interno e non a quello esterno che mi interessa ..

    come posso sfruttare la position per calcolare la distanza fino al contenitore esterno?

  4. #4
    ciao usi pitagora

  5. #5
    Utente di HTML.it L'avatar di GabbOne
    Registrato dal
    Mar 2006
    Messaggi
    577
    sisi lo so che la domanda è banale per te ma nn lo è per me quindi taci

    io ho provato questo ma nn sono bravo con jquery e js e personalmente se ne riesco a fare a meno sono più felice

    codice:
                var esci = false;
                var aux = $('.MioFlag').parent();
                while (!esci) {
                    dist += aux.position().top;
                    if (aux.id == "PanelDescrizione") {
                            esci = true;
                    }
                    aux = aux.parent();
                }
    allora questo codice nn mi funziona e nn capisco il motivo "sono inesperto con questo linguaggio" il browser infatti mi da errore e nella barra di IE esce un bel Triangolino giallo .....


    consigli ? anche battute tanto farsi una risata in piu nn ha mai fatto male a nessuno

  6. #6
    Ciao se sei poco esperto effettivamente ti conviene usare già qualcosa di pronto.. purtroppo non uso jquery ma un mio fw che sto sviluppando..

    http://debbe.altervista.org/n.html

    forse questo ti può aiutare

  7. #7
    Utente di HTML.it L'avatar di GabbOne
    Registrato dal
    Mar 2006
    Messaggi
    577
    grazie per avermi messo a disposizione il tuo lavoro ^^ cmq ho preferito risolvere con jquery che è un progetto importante e in continuo miglioramento.

    l'errore piu grave del codice che ho messo prima è che tentavo di accedere all'id degli elementi in questo modo

    aux.id

    invece di

    aux.attr('id')

    cmq alla fine ho risolto in maniera piuttosto discreta


    un saluto a tutti i forumisti di questa sezione

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.