[SOLUCIONADO] cargar pagina dentro de un id de tamaño fijo con ajax

[pampa_]

Hola a todos tengo este codigo javascript

Código Javascript:

<script type="text/javascript">
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
 
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}
 
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
 
function loadobjs(){
    if (!document.getElementById)
    return
    for (i=0; i<arguments.length; i++){
    var file=arguments[i]
    var fileref=""
    if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
        if (file.indexOf(".js")!=-1){ //If object is a js file
            fileref=document.createElement('script')
            fileref.setAttribute("type","text/javascript");
            fileref.setAttribute("src", file);
        }
        else if (file.indexOf(".css")!=-1){ //If object is a css file
            fileref=document.createElement("link")
            fileref.setAttribute("rel", "stylesheet");
            fileref.setAttribute("type", "text/css");
            fileref.setAttribute("href", file);
        }
    }
    if (fileref!=""){
        document.getElementsByTagName("head").item(0).appendChild(fileref)
        loadedobjects+=file+" " //Remember this object as being already added to page
    }
    }   
}
</script>
 

El cual lo estoy utilizando cuando quiero por ejemplo que dentro una pagina pues hacerme un menu en un lado y que al clickar en los enlaces me cargue ese contenido en un div id de la misma pagina.

Código HTML:

<div class="columnica">
                <table border="0"  cellspacing="10" bgcolor="#242424" style='padding-top:0;padding-bottom:25px;padding-right:0;padding-left:0;'>
                    <TR>
                        <TD><a href="javascript:ajaxpage('../../recambios2.php', 'columna')">cargar</a></TD>
                    </TR>
                </table>        
            </div>
<div id="columna" >
    </div>
 

Con este ejemplo me cargaria recambios2.php en mi div id="columna", pero me carga la web en el tamaño que es realmente, se pude hacer de alguna manera para que esa pagina la cargue en un contenedor mas pequeño??

He probado usando el width y height en el css, pero no hace nada.


gracias

[maycolalvarez]

aplicando CSS overflow:auto; puede hacer que aparezcan barras de dezplazamiento, si es que eso es lo que quieres.

PD: te faltan muchos ; al final en ciertas líneas finales del código, asumo que usaste algo para copiar y se perdió incluso la tabulación, de todas formas verifica si estoy en lo cierto

[pampa_]

ostias!! es verdad faltan un monton de ; pues no estan puestos....


Voy a ponerlos todos!!

gracias por la respuesta, no se si con el scroll solucionare algo.... probare.

[pampa_]

he probado lo del ovweflow, no es exactamente lo que buscaba pero me sirve... yo queria que se redugera como un resize de gimp o photoshop... pero esta solucion tambien me vale...

Respecto a los ; que me faltan he puesto el nombre de la funcion en google y en los enlaces donde entro esta exactamente igual.... le faltan esos ;