Vinculo a nueva pagina pero que abra en la misma pagina

[Kati]

Hola a todos y todas,

Quiero hacer un vinculo a una lista de documentos de diferente extension, pero necesito que estos se abran en la misma pagina. Para que me entiendan mejor copio un pagina donde he visto algo parecido, se que hay una BD detras en ASP, pero quiero saber si puedo haerlo desde html.

Ay! no me deja pegar el vinculo, no es un cherry por si acaso, es urgente!

wapol (punto) org (/) psicoytera (/) psicoytera.asp?instituciones (punto) html


No se si con un iframe, pero no se si abrira en todos los navegadores, ademas creo que hay que especificar tamaño y los documentos como dije son de diferente tamaño.

Quien se anime que me ayude porfa

Mil gracias de antemano,

Kati

[AlvaroG]

no entiendo exactamente lo que querés, lo que hacen en la página que mostrás es simplemente usar el programa en psicoytera.asp para mostrar el contenido de las otras páginas en html.

Esto lo hacen (supongo) para cargar solamente el contenido y mantener igual el diseño de la página. No tiene nada que ver con abrir documentos en la misma página o en otra.....

Explicate mejor, por favor.


Saludos.

[Kati]

Exacto Alvlin,

Lo que quiero saber es como deberia hacer para que la pagina no cargue de nuevo y solamente cargue el texto al que hace referencia cada vinculo.

-----------
documento 1
documento 2
documento 3

Aqui el cuerpo de texto del documento 1.
------------

Al hacer clic en documento 1 aparece el texto de ese documento debajo de todo el grupo "documentos", y asi con cada uno de los titulos ¿como se hace eso?

Gracias,

[php.java.jsp]

haber en todos los vinculos la pagina se recarga toda de nuevo al hacer click

si lo que te refieres es que la parte de la url

http://www.wapol.org/psicoytera/psicoytera.asp?

nunca cambia es porque es estas pasando parametros por url y en el link a donde apuntan recuperan el valor de esos parametros y lo que hacen es mostrar includes


con html no hay includes por lo que si lo que quieres es que la parte
psicoytera/psicoytera.asp? siempre quede intacta no podras

con javascript se puede recuperar la parte del la url que sigue a ?instituciones.html y dependiendo de ese valor redireccionar a otra pagina pero lo mismo.
la url en la barra de direcciones cambiaria

[Kati]

Creo que no me estoy haciendo entender, a ver, aqui voy de nuevo:

Tengo varios articulos en una pagina, pero, para que no parezca un sabanon interminable de miles de pixeles de alto, lo que quiero es que al comienzo de la pagina aparecan solamente los titulos y cada vez que haga clic en cada titulo recien se despliegue abajo el articulo. Asi, cuando quiero leer otro hago clic en el titulo respectivo y listo. La pagina no se recarga, solo aparece el nuevo articulo nada mas.

El modelo de wapol era porque quiero esa forma de navegacion. Va primero la lista de titulos y abajo, al final se despliegan cada uno de los articulos seleccionados.

Ojala me entiendan

[Kati]

Saben, lo consegui usando AJAX Aqui les copio el script:

Esto va en el head:

<script type="text/javascript">

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
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)
}
if (bustcachevar) //if bust caching of external page
var bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, 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=pag e_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).appe ndChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>

Crean 2 DIV uno donde estaran los titulos, los que vinculan asi:

javascript:ajaxpage('bib02.htm', 'articulo');

Y otro mas abajo donde ira el contenido del texto, yo le puse 'articulo' para que sea mas facil. Luego crean la pagina que contendra el articulo (bib02.htm en este caso).

Eso es todo

Chau gente!