HighDots Forums  

stampa proprieta' div con javascript

Javascript (Italian) Il linguaggio JavaScript (it.comp.lang.javascript)


Discuss stampa proprieta' div con javascript in the Javascript (Italian) forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
cappa
 
Posts: n/a

Default stampa proprieta' div con javascript - 09-26-2006 , 01:00 PM






ciao a tutti,
mi interessava ricavare il valore dell'altezza di un tag DIV:
<script>
function changewidth(){
e=document.getElementById("s");
alert(e.style.width);
e.style.width=500 + 'px';
}

</script>
<div id="s" style="position:absolute; top:50px; left:400px;
height:100px; background-color:green;
text-align:center;"><br><br><br><b>div box</b></div><BR>

<div style="position:absolute; left:400px; top:30px;"><a
href="javascript:void(0)" onMouseOver=""
onClick="changewidth();">Change width.</a></div>

questo funziona, se nel DIV "s" imposto la proprieta', altrimenti mi
stampa un box vuoto.

Secondo voi e' possibilie ricavare in qualche modo il valore
dell'altezza "fisica" cioe' dello spazio che sta occupando in quel
momento ?ad es:
aggiungo dei <br> e ho tolto la proprieta' height.


<div id="s" style="position:absolute; top:50px; left:400px; ;
background-color:green;
text-align:center;"><br><br><br><br><br><br><b>div box</b></div><BR>


Reply With Quote
  #2  
Old   
Cristiano Larghi
 
Posts: n/a

Default Re: stampa proprieta' div con javascript - 09-27-2006 , 03:21 AM






In data 26 Sep 2006 10:00:51 -0700, cappa ha scritto:

Quote:
mi interessava ricavare il valore dell'altezza di un tag DIV:
Un qualcosa del tipo
http://www.criosoftware.it/default26.aspx
?

--
"Affacciati affacciati benedici, guardaci
guardaci...guardaci!
Tanto sono quasi duemila anni che stai a guardare!"
E.B.


Reply With Quote
  #3  
Old   
ZER0
 
Posts: n/a

Default Re: stampa proprieta' div con javascript - 09-27-2006 , 03:56 AM



On Wed, 27 Sep 2006 09:21:48 +0200, Cristiano Larghi wrote:

Quote:
mi interessava ricavare il valore dell'altezza di un tag DIV:
Un qualcosa del tipo
http://www.criosoftware.it/default26.aspx
?
Ti ricordo per l'ennesima volta la paternità :P

--
~ Ci sono tre modi di fare le cose.
Giuste, sbagliate e come dico io. (Robert De Niro in "Casinò")



Reply With Quote
  #4  
Old   
ZER0
 
Posts: n/a

Default Re: stampa proprieta' div con javascript - 09-27-2006 , 04:04 AM



On 26 Sep 2006 10:00:51 -0700, cappa wrote:

Quote:
ciao a tutti,
mi interessava ricavare il valore dell'altezza di un tag DIV:
script
function changewidth(){
e=document.getElementById("s");
alert(e.style.width);
e.style.width=500 + 'px';
}

questo funziona, se nel DIV "s" imposto la proprieta', altrimenti mi
stampa un box vuoto.
Questo perché la proprietà .style dell'oggetto riflette lo stile "inline".
Dato che non hai impostato nello style inline il valore di width, ti ritorna
una stringa vuota.

Quote:
Secondo voi e' possibilie ricavare in qualche modo il valore
dell'altezza "fisica" cioe'
L'altezza? Nel codice hai richiesto la larghezza (width).

Quote:
dello spazio che sta occupando in quel
momento ?
Utilizza le proprietà offsetHeight e offsetWidth dell'oggetto, sono DOM
level 0, non fanno parte di reali specifiche w3c; ma sono supportate dai
browser odierni.

--
~ Il semble que la perfection soit atteinte non quand il n'ya
plus rien à ajouter, mais quand il n'ya plus rien à retrancher"
(A. de Saint-Exupéry)



Reply With Quote
  #5  
Old   
Cristiano Larghi
 
Posts: n/a

Default Re: stampa proprieta' div con javascript - 09-27-2006 , 04:22 AM



In data Wed, 27 Sep 2006 09:56:44 +0200, ZER0 ha scritto:

Quote:
http://www.criosoftware.it/default26.aspx

Ti ricordo per l'ennesima volta la paternità :P
fatto ... :-)

--
"Ho smesso di fumare.
Vivrò una settimana di più.
E in quella settimana pioverà a dirotto"
W.A.


Reply With Quote
  #6  
Old   
cappa
 
Posts: n/a

Default Re: stampa proprieta' div con javascript - 09-27-2006 , 12:14 PM




Quote:
Questo perché la proprietà .style dell'oggetto riflette lo stile "inline".
Dato che non hai impostato nello style inline il valore di width, ti ritorna
una stringa vuota.
ok immaginavo :S

Quote:
L'altezza? Nel codice hai richiesto la larghezza (width).
aho...era altezza

Utilizza le proprietà offsetHeight e offsetWidth dell'oggetto, sono DOM
level 0, non fanno parte di reali specifiche w3c; ma sono supportate dai
browser odierni.

ho trovato questo e funziona almeno con ie:

function changewidth(){


e=document.getElementById("s");

alert(e.clientHeight);

e.style.height=(e.clientHeight+300) + 'px';




}

grazie delle risposte.



Reply With Quote
  #7  
Old   
ZER0
 
Posts: n/a

Default Re: stampa proprieta' div con javascript - 09-28-2006 , 03:28 AM



On 27 Sep 2006 09:14:28 -0700, cappa wrote:

Quote:
Utilizza le proprietà offsetHeight e offsetWidth dell'oggetto, sono DOM
level 0, non fanno parte di reali specifiche w3c; ma sono supportate dai
browser odierni.

ho trovato questo e funziona almeno con ie:
Domanda: perché non hai usato offsetHeight?

Quote:
grazie delle risposte.
Ricordati che clientHeight non ti considera una serie di cose nel calcolo
dell'altezza; cosa che offsetHeight fa. Quindi vedi un po' di cosa realmente
hai bisogno.

--
~ Ci sono tre modi di fare le cose.
Giuste, sbagliate e come dico io. (Robert De Niro in "Casinò")



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.