He querido resumir el código porque pensaba que el problema estaría ahy, ya que el valor de ancho me lo da correctamente, pero talvez no es así.
Hay tres iframes. Desde el iframe1 intento cambiar el ancho del iframe 2.
De la manera que está echo, los iframes también se pueden cambiar de tamaño haciendo click en la linea que los separa y arrastrando con el ratón.
Código index.html
Código:
<frameset rows="62,*" id="uno">
<FRAME id="iframe1" src="iframe1.html" >
<FRAMESET cols="40%,*" id="dos">
<FRAME id="iframe2" src="http://google.es">
<FRAME id="iframe3" src="http://google.es">
</FRAMESET>
</frameset>
Código iframe1.html
Código:
<script language="JavaScript">
function obtener_ancho(){
var valor_actual = parent.document.getElementById('iframe2').width;
alert(valor_actual);
}
function cambiar_ancho(){
parent.document.getElementById('iframe2').width=200;
//parent.document.getElementById('iframe2').width=200+"px";
//parent.document.getElementById('iframe2').width="200";
//parent.document.getElementById('iframe2').width="200px";
//parent.document.getElementById('iframe2').style.width=200;
//parent.document.getElementById('iframe2').style.width=200+"px";
//parent.document.getElementById('iframe2').style.width="200";
//parent.document.getElementById('iframe2').style.width="200px";
}
</script>
<input type="button" value="obtener ancho" onClick="obtener_ancho();">
<input type="button" value="cambiar ancho" onClick="cambiar_ancho();">
PD: Si hago (parent.document.getElementById('dos').cols="200,* ";) funciona, el problema es que si modifico el tamaño de los iframes haciendo click con el ratón en la linea que los separa y arrastrando, este valor no cambia, y por lo tanto, cuando le vuelvo a dar para que el ancho sea 200px, se queda tal como está, pero en cambio, el valor 'width' del iframe2 si que cambia cuando modifico el tamaño del iframe con el ratón.