devo fare in modo che una taballa si ristringa o si allarghi a seconda se premo il corrispondente bottone
ho fatto questa una funzione
function dimensione(opzione){
var larghezza=document.getElementById("editor").style. width;
larghezza=parseInt(larghezza);
if (opzione==1){
larghezza=larghezza+10;
}else{larghezza=larghezza-10;}
larghezza=larghezza+"px";
document.getElementById("editor").style.width=larg hezza;
}
ma non va.
sapreste suggerirmi?
togli .style
var larghezza=document.getElementById("editor").width;
larghezza=parseInt(larghezza);
if (opzione==1){
larghezza=larghezza+10;
}else{larghezza=larghezza-10;}
larghezza=larghezza+"px";
document.getElementById("editor").width=larghezza;
sarebbe meglio se usassi
codice:larghezza += 10;
ok funziona.
grazie
ciao a tutti, apro questo post per sapere se in javascript è possibile conoscere le dimensioni di una tabella ...
in pratica ho una tabella con dimensioni 100% in altezza e larghezza, e in determinati contesti questa tabella assume dimensioni in pixel diverse.
posso io conoscere le dimensioni della tabella?
mi è sembrato dallo script qui citato che sia possibile ottenere info di questo tipo...
grazie a tutti per l'interesse
Non sempre essere l'ultimo è un male... almeno non devi guardarti le spalle
il mio profilo su PHPClasses e il mio blog laboweb
questo
var larghezza=document.getElementById("editor").width;
funziona finche' hai nel markup
<table width="640" ...>
questo
var larghezza=document.getElementById("editor").style. width;
funziona finche' hai nel markup (quindi rigorosamente nello stile in linea)
<table style="width:640px" ...>
altrimenti
var larghezza=document.getElementById("editor").offset Width;
supportato ampiamente dai browser moderni, puo' dare incongruenze in presenza di border/padding
ciao
innanzitutto grazie per la risposta XinodOriginariamente inviato da Xinod
questo
var larghezza=document.getElementById("editor").width;
funziona finche' hai nel markup
<table width="640" ...>
questo
var larghezza=document.getElementById("editor").style. width;
funziona finche' hai nel markup (quindi rigorosamente nello stile in linea)
<table style="width:640px" ...>
altrimenti
var larghezza=document.getElementById("editor").offset Width;
supportato ampiamente dai browser moderni, puo' dare incongruenze in presenza di border/padding
ciao
ho provato con questo codice
ma non da risultati.. in consolle di mozilla mi ritrovoCodice PHP:<html>
<head>
<script language="javascript">
function getOff()
{
x = document.getElementById('test');
return x.offsetWidth;
}
alert('offsetWidth = ' + getOff());
</script>
</head>
<body>
<table id="test" border="1" width="100%" height="100%">
<tr>
<td>ciao mondo</td>
</tr>
<tr>
<td>ciao mondo</td>
</tr>
<tr>
<td>ciao mondo</td>
</tr>
</table>
</body>
</html>
da cosa può dipendere?Codice PHP:
Errore: x has no properties
File sorgente: [url]http://localhost/test.html[/url]
Riga: 7
Non sempre essere l'ultimo è un male... almeno non devi guardarti le spalle
il mio profilo su PHPClasses e il mio blog laboweb
normale, parli di cose che non esistono ancora
non esiste ancora un elemento con id="test" quando scrivi x = document.getElementById('test');
metti il tutto in una funzione richiamata onload sul body,
o comunque richiama la funzione dopo che almeno l' elemento in questione e' stato definito nel markup
ciao
ottimo! funziona egregiamente!!
ho usato questo codice
volevo chiudere la cosa in bellezza... in pratica questa cosa mi serve perchè a seconda delle dimensioni della tabella, genere un file da usare come sfondo con x e y delle dimensioni della tabella che lo ospita... ora mi chiedevo però come ottenere le variabili date da java e passarle a php, sempre nella stessa pagina...codice:<html> <head> <script language="javascript"> function getWidth() { x = document.getElementById('test'); return x.offsetWidth; } function getHeight() { y = document.getElementById('test'); return y.offsetHeight; } function pippo() { alert('larghezza tabella è ' + getWidth()+ ' pixel'); alert('altezza tabella è ' + getHeight()+ ' pixel'); } </script> </head> <body onload="pippo();"> <table id="test" border="1" width="100%" height="100%"> <tr> <td>ciao mondo</td> </tr> <tr> <td>ciao mondo</td> </tr> <tr> <td>ciao mondo</td> </tr> </table> </body> </html>
Non sempre essere l'ultimo è un male... almeno non devi guardarti le spalle
il mio profilo su PHPClasses e il mio blog laboweb
Permessi di invio
Rispondi quotando