document.onload non funzionante

**Miroku** · 20-06-2006, 14:58

Piccolo, mi serve il window onload perchè non ho accesso al tag body dalla pagina che sto facendo (il tag body è nel template)

Comunque, ora che funziona il codice all'apertura della pagina questo non funziona, però, come voglio io: invece di fare i due elementi alti uguali mi fa quello che prima era più basso più alto e vice versa o_ò ... non capisco.... ecco il codice:

codice:

<script type="text/javascript">
function ridimensiona(n1,n2){
	var obj1 = document.getElementById(n1);
	var obj2 = document.getElementById(n2);
	
	var h1 = obj1.offsetHeight;
	var h2 = obj2.offsetHeight;
	
	if (h1>h2){
		obj2.style.height = h1;
	}
	else if (h2>h1){
		obj1.style.height = h2;
	}
}

window.onload = function(){
	ridimensiona('1','2');
}
</script>

**pierofix** · 20-06-2006, 15:06

Originariamente inviato da pierofix
Ti ricordo che secondo gli standard non è possibile che il valore dell'attributo id - in (X)HTML - cominci con una cifra.

**Miroku** · 20-06-2006, 15:14

giusto... l'avevo già letto e avevo ja modificato ma ho sbagliato il codice postato ma funziona male cmq

Allego cosa succede...

**pierofix** · 20-06-2006, 15:21

Se tu provassi a sfruttare il metodo di attribuzione delle classi CSS, come suggerito in un post precedente (quello in cui ti avevo linkato un'altra discussione), potremmo ricondurre tutto ad un problema di CSS, appunto, e quindi ragionare in un recinto meglio definito.

**Miroku** · 20-06-2006, 15:25

senti... non ho idea di come farlo come dici te, anche se ho letto il post. Poi spiegami come fai a fare quello che voglio fare io con il tuo metodo?

**pierofix** · 20-06-2006, 15:29

Qual è il risultato che vuoi ottenere? Che due colonne abbiano la stessa altezza? E' quindi un problema legato alla presentazione visuale delle informazioni presenti nel documento?

Hai mai provato la tecnica delle faux columns?

- www.alistapart.com/articles/fauxcolumns/

**Miroku** · 20-06-2006, 15:43

no, mi serve che due livelli (<div>) siano alti uguali.

**pierofix** · 20-06-2006, 15:50

Ok, quindi è un problema di layout. Pertanto occorre lavorare con CSS, non con javascript.

Se ci posti la struttura di markup potremmo ragionare sul foglio di stile.

**Miroku** · 20-06-2006, 15:53

codice:

<html>
<head>
<title></title>
<style>
.contenitore {
   width: 30%;
   color: #000000;
   background-color: #e6e6e6;
}

.topleft { background: url(top-left.gif) no-repeat top left }

.topright { background: url(top-right.gif) no-repeat top right }

.bottomleft { background: url(bottom-left.gif) no-repeat bottom left }

.bottomright { background: url(bottom-right.gif) no-repeat bottom right }

.contenuto { padding: 20px }

.contenitore2 {
   width: 30%;
   color: #000000;
   background-color: #cccccc;
}

.topleft2 { background: url(top-left2.gif) no-repeat top left }

.topright2 { background: url(top-right2.gif) no-repeat top right }

.bottomleft2 { background: url(bottom-left2.gif) no-repeat bottom left }

.bottomright2 { background: url(bottom-right2.gif) no-repeat bottom right }

.contenitore3 {
   width: 30%;
   color: #000000;
   background-color: #b7b7b7;
}

.topleft3 { background: url(top-left3.gif) no-repeat top left }

.topright3 { background: url(top-right3.gif) no-repeat top right }

.bottomleft3 { background: url(bottom-left3.gif) no-repeat bottom left }

.bottomright3 { background: url(bottom-right3.gif) no-repeat bottom right }

</style>
</head>
<body>
<script type="text/javascript">
function ridimensiona(n1,n2){
	var obj1 = document.getElementById(n1);
	var obj2 = document.getElementById(n2);
	
	var h1 = obj1.offsetHeight;
	var h2 = obj2.offsetHeight;
	
	if (h1>h2){
		obj2.style.height = h1-40;
	}
	else if (h2>h1){
		obj1.style.height = h2-40;
	}
}

window.onload = function(){
	ridimensiona('c1','c2');
}
</script>
<table width="100%" border="1">
  <tr>
    <td><div class="contenitore">
        <div class="topleft">
          <div class="topright">
            <div class="bottomleft">
              <div class="bottomright">
                <div class="contenuto" id="c1">
                  

[img]logoURP.jpg[/img]

                    [img]logoURP.jpg[/img]

                    [img]logoURP.jpg[/img]

                    [img]logoURP.jpg[/img]

                    [img]logoURP.jpg[/img]

                    [img]logoURP.jpg[/img]

                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div></td>
    <td><div class="contenitore2">
        <div class="topleft2">
          <div class="topright2">
            <div class="bottomleft2">
              <div class="bottomright2">
                <div class="contenuto" id="c2">
                  

[img]logoURP.jpg[/img] </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div></td>
  </tr>
</table>

il livello deve essere alto uguale perchè può avere contenuti diversi

**pierofix** · 20-06-2006, 15:56

Mamma saura che macello! Ma è proprio indispensabile tutta quella minestra di tag? Non si usa così XHTML.

Hai un'immagine riassuntiva che esplichi bene il risultato che vuoi ottenere? E ancora, che tipo di informazioni devi rappresentare?

Discussione: document.onload non funzionante

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio