[ Foro de Javascript ]

alto de 3 div

16-Feb-2021 19:29
Moa MOA
0 Respuestas

Estoy realizando un ajuste del alto de 3 div con java -que respete el más alto (el que mayor texto tiene)-, están en 3 id distintos. El inconveniente es cuando ajusto el navegador, no me vuelve a ajustar el valor de la variable uso para dar la mayor altura.
Aclaro que estoy conociendo javascript -novato-.
Copio el código.

       var divHeight;
       var divHeight1;
       var divHeight2;
       var divHeight3;
       var obj = document.getElementById('PanelIzquierda');
       var obj1 = document.getElementById('panelCenter');
       var obj2 = document.getElementById('PanelDerecha');

       if (obj.offsetHeight) {
           divHeight1 = obj.offsetHeight;
       } else if (obj.style.pixelHeight) {
           divHeight1 = obj.style.pixelHeight;
       }

       if (obj1.offsetHeight) {
           divHeight2 = obj1.offsetHeight;
       } else if (obj2.style.pixelHeight) {
           divHeight2 = obj1.style.pixelHeight;
       }

       if (obj2.offsetHeight) {
           divHeight3 = obj2.offsetHeight;
       } else if (obj2.style.pixelHeight) {
           divHeight3 = obj2.style.pixelHeight;
       }

       if (divHeight1 > divHeight2 && divHeight1 > divHeight3) {
           // imprime numero uno mas grande
           divHeight = divHeight1;
           // alert("El de la Izquierda"+divHeight)

       } else if (divHeight2 > divHeight3) {
           // Imprime numero dos mas grande
           divHeight = divHeight2;
           // alert("El del Centro"+divHeight)
       } else {
           // imprime numero tres mas grande
           divHeight = divHeight3;
           // .document.getElementsByClassName("alto", 400px)
           // alert("El de la Derecha"+divHeight)
       }
// divHeight = parseFloat(divHeight) + 6;
       divHeightt = divHeight + "px";
// alert(divHeightt);
       document.getElementById('PanelIzquierda').style.height = divHeightt;
       document.getElementById('panelCenter').style.height = divHeightt;
       document.getElementById('PanelDerecha').style.height = divHeightt;

   }

   window.onresize = altura;




Si ya eres usuario del sistema, puedes contestar desde tu cuenta y así ganar prestigio.

Si sólo eres un visitante, puedes optar por...