Que tal quiero cambiar el tamaño de un div mediante JS pero curiosamente realizo esto en una carpeta donde comienzo la maqueta del diseño y luego ya lo meto a una pagina.
desde el maqueteo si me cambiaba el tamaño pero cuando lo meti a la pagina ya no este es el código:
Ahora el de mi js
Si vuelve visible y lo oculta los DP y DM pero ficha no obtiene ningun cambio
desde el maqueteo si me cambiaba el tamaño pero cuando lo meti a la pagina ya no este es el código:
Código (html4strict) [Seleccionar]
<div id="world">
<div class="credencialPos">
<div class="fCuerpo" id="ficha">
<div class="fBoxDatos" id="BoxD">
<h1>US</h1>
<div class="fBoxDatos1">
<div class="fBoxDatos2">
<p><strong>Nivel: </strong><?php echo $_SESSION['nivel']; ?></p>
<p><strong>Exp: </strong><?php echo $_SESSION['exp']; ?>XP</p>
<p><strong>Amigos: </strong>500</p>
<p><strong>Respeto: </strong>100</p>
</div>
<div class="fBoxDatos3">
<p><strong>Puntaje : </strong>1000</p>
<p><strong>Nivel : </strong>100</p>
</div>
</div>
</div>
<div class="fBoxMedallas" id="BoxM">
<img src="../Mesa/Imgs/Medallas/medalla1.png" width="100" height="100" />
</div>
</div>
</div>
</div>
Ahora el de mi js
Código (javascript) [Seleccionar]
var p = false;
var m = false;
var DP = document.getElementById("BoxD");
var DM = document.getElementById("BoxM");
var ficha = document.getElementById("ficha");
function abrirDP() {
if (p) {
p = false;
ficha.style.height = 420;
DP.style.visibility = "hidden";
} else {
p = true;
m = false;
ficha.style.height = 580;
DP.style.visibility = "visible";
DM.style.visibility = "hidden";
}
}
function abrirDM() {
if (m) {
m = false;
ficha.style.height = 420;
DM.style.visibility = "hidden";
} else {
p = false;
m = true;
ficha.style.height = 510;
DP.style.visibility = "hidden";
DM.style.visibility = "visible";
}
}
Si vuelve visible y lo oculta los DP y DM pero ficha no obtiene ningun cambio