Visualizzazione dei risultati da 1 a 6 su 6

Discussione: ridimensionare DIV

  1. #1

    ridimensionare DIV

    salve a tutti
    premetto che non sapevo se scrivere qui o nella sezione CSS ma forse qui è più appropriato

    voglio fare questo: ho 2 div di altezza variabile e voglio che se un div è più alto dell'altro uno script javascript imponga l'altezza del div più basso uguale a quella del div più alto


    ho scritto questo codice e l'ho messo nell'head tag della pagina ma non funziona...

    codice:
    	var cnt=document.getElementById('cnt').style.height;
    	var usr=document.getElementById('usr').style.height;
    	if(usr>cnt) {
    		cnt=usr+2;
    	}
    un aiutino!? :P

  2. #2
    Utente bannato
    Registrato dal
    Feb 2004
    Messaggi
    2,803
    che intendi per altezza variabile?
    che varia via javascript?che varia al ridimensionamento della finestra?

    e che vuol dire quel +2?


    cmq per far funzionare il tuo codice nell'if va:
    codice:
    document.getElementById('usr').style.height=document.getElementById('cnt').style.height

  3. #3
    aspetta ti spiego

    un div contiene dei messaggi stampati con uno script php e letti dal database di conseguenza a seconda di quanti messaggi ci sono al caricamento della pagina questo div (che è il cnt) avrà dimensioni diverse. io voglio che se questo div risulta essere più piccolo del div 'usr' il cnt diventi alto come l'usr + 2 pixel (o se non si può fare + 2 amen lo farò alto uguale non è importante).

    il tuo script l'ho capito e hai ragione ma non funziona lo stesso....
    ma ci deve essere un errore di sintassi perchè se metto un alert("Ciao"); come primo comando me lo esegue mentre se metto
    codice:
    alert("usr: "+document.getElementById('usr').style.height+" cnt: "+document.getElementById('cnt').style.height);
    non me lo esegue....

  4. #4
    qualcuno mi sa dire perchè var u=document.getElementById("usr").style.height; mi imposta u come variabile vuota?

    (usr è un div e l'id è giusto!)

  5. #5
    perchè l'oggetto "cnt" non hai settata l'altezza nello style.

    per prendere le dimensioni reali di un oggetto devi usare "offsetHeight"

    quindi:

    codice:
    document.getElementById('usr').style.height=document.getElementById('cnt').offsetHeight + "px" ;
    analogamente per la alrghezza dovrai usare offsetWidth.

    offsetWidth e offsetHeight sono proprietà dell'oggetto, non dello style, quindi non possono essere modificate direttamente possono essere sotanto lette.
    Sono così maledettamente attraente...

    QuickChat. (Asp e ajax)

  6. #6
    Originariamente inviato da saltodifondi
    perchè l'oggetto "cnt" non hai settata l'altezza nello style.

    per prendere le dimensioni reali di un oggetto devi usare "offsetHeight"

    quindi:

    codice:
    document.getElementById('usr').style.height=document.getElementById('cnt').offsetHeight + "px" ;
    analogamente per la alrghezza dovrai usare offsetWidth.

    offsetWidth e offsetHeight sono proprietà dell'oggetto, non dello style, quindi non possono essere modificate direttamente possono essere sotanto lette.
    semplicemente geniale
    grazie mille mi hai risolto un bel problema!!

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.