Foros del Web » Creando para Internet » HTML »

Vinculo a nueva pagina pero que abra en la misma pagina

Estas en el tema de Vinculo a nueva pagina pero que abra en la misma pagina en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/05/2006, 13:51
 
Fecha de Ingreso: marzo-2004
Ubicación: Lima
Mensajes: 40
Antigüedad: 13 años, 9 meses
Puntos: 0
Exclamación Vinculo a nueva pagina pero que abra en la misma pagina

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
__________________
Kati
  #2 (permalink)  
Antiguo 21/05/2006, 15:32
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
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.
  #3 (permalink)  
Antiguo 21/05/2006, 16:53
 
Fecha de Ingreso: marzo-2004
Ubicación: Lima
Mensajes: 40
Antigüedad: 13 años, 9 meses
Puntos: 0
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,
__________________
Kati
  #4 (permalink)  
Antiguo 21/05/2006, 17:10
 
Fecha de Ingreso: octubre-2004
Mensajes: 128
Antigüedad: 13 años, 1 mes
Puntos: 2
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
  #5 (permalink)  
Antiguo 21/05/2006, 18:12
 
Fecha de Ingreso: marzo-2004
Ubicación: Lima
Mensajes: 40
Antigüedad: 13 años, 9 meses
Puntos: 0
una explicacion adicional

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
  #6 (permalink)  
Antiguo 22/05/2006, 00:14
 
Fecha de Ingreso: marzo-2004
Ubicación: Lima
Mensajes: 40
Antigüedad: 13 años, 9 meses
Puntos: 0
Misterio resuelto :si:

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

Esto va en el head:

Cita:
<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:

Cita:
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!
__________________
Kati
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:54.