Evitar el refresco en determinadas partes de la web

[fernandeuz]

Buenas a todos.

No se muy bien como expresarlo, así que intentaré hacerlo lo mejor posible.

Actualmente me dedico al diseño web, como muchos de vosotros, y recientemente me he iniciado en Joomla.

El tema es que las últimas webs que he realizado, he visto que al moverme por los menús, horizontales, verticales, etc... y pulsar sobre alguna opción de estos, se abre la página que deseo. El tema es que refresca toda la pantalla, toda la página.

Tiene su lógica, ya que cada apartado son ficheros html o php independientes...

Lo que yo pretendo es desarrollar una web que al pulsar sobre las opciones del menú no se actualice el menú, ni la cabecera, flash o imágenes...

No se si me he explicado bien.
Pretendo que lo único que actualice la página al navegar por ella sea el contenido, la zona central (por asi decirlo) dónde se muestran los artículos y demás textos... y no las barras de menús, los objetos flash y demás elementos.

No pongo ningún enlace a ninguna web de ejemplo ya que desconozco si está permitido.

Un saludo y gracias de antemano.

[caricatos]

Hola:

Las opciones para evitar cargar toda la página son o los marcos o Ajax... y ninguno de los casos te los recomiendo... Ajax depende de javascrip, y aunque suele estar disponible, se puede desactivar... y no me extrañaría que con los abusos que se están haciendo de la tecnología se extienda la costumbre de tenerlo desactivado (hace pocos años era normal para evitar unos odiosos scripts con mariposas persiguiendo el cursor o tonterías de esa índole...) Con los marcos también existen condicionantes...

Si planteas bien el uso de Ajax, podrías usar código no intrusivo que pueda servirte... pero eso no es todo. Para tener buen "feeling" con los buscadores, es mejor tener páginas distintas para contenidos distintos, por cosas adicionales como títulos, keywords, etc...

Saludos

[fernandeuz]

Muchas gracias por contestar, caricatos.

He estado investigando el tema de los marcos (frames), pero no se si se llevaría bien el implementarlo manualmente tras haber finalizado una web con joomla. :)

[NSD]

buenas, como dijo caricatos la mejor forma es mediante ajax, hay funciones que hasta te permiten cargar el contenido con efectos tipo fadein o rollin y mostrar la tipica barra de cargando aunque claro tendra que tener java activado.
hay otra forma de hacerlo claro sin java y tampoco es con frames jeje
es con formularios.
si asi es, me tope con esto hace tiempo y me saco de un gran aprieto en su momento, (atualmente uso java y pido al visitante que lo active si no lo tiene) .
consiste en esto basicamente:
<form ="enlacedelink.php" target="contenido"><imput type="submit"></form>
<iframe width="200" height="300" class="estilodelmarco" id="contenido">
al hacer esto podras evitar usar marcos fijos y podras mover tu contenido por donde quieras cambiendo solo uuna linea de tu codigo.

para tener buen "feeling" con los buscadores, es mejor tener páginas distintas para contenidos distintos

definitivamente si pero con el metodo que te estoy planteando esto no es problema puesto que el head esta igual y sigue siendo accesible desede el exterior, sin abundar hasta puedes elegir si mostrar o no un encabezado segun si es tu formulario quien llama la web o es llamado de forma directa por un visitante con un simple if de php y un echo espero te sea util mi respuesta.
solo te planteo un metodo alternativo pero recomiendo usar java, si te interesa el tema dime y veo de facilitarte algo de codigo saludos.

[fernandeuz]

Gracias NSD, lo tendré en cuenta, pero la verdad es que utilizar ajax o java no es viable, ya que los servidores de hosting que utilizo no tienen servidor de aplicaciones tipo tomcat, jboss, etc...

Muchas graciass, porque además no está demás tenerlo en cuenta para otro entorno :)

[gran Wakka]

Iniciado por NSD

(atualmente uso java y pido al visitante que lo active si no lo tiene) .
[...]
<form ="enlacedelink.php" target="contenido"><imput type="submit"></form>
<iframe width="200" height="300" class="estilodelmarco" id="contenido">

Lo primero decir que javascript no es lo mismo que java, aunque el nombre sea similar.

Pero bueno, a parte de eso, como te ha dicho caricatos, una solución son los marcos (frames o iframes), otra opción es mediante ajax, podría haber alguna más, pero para nada aconsejables.

De todas formas, con joomla, no se si hay la posibilidad de indicarle el target de los enlaces, si se puede sería sencillo utilizar marcos

[NSD]

Lo primero decir que javascript no es lo mismo que java, aunque el nombre sea similar.

Muy cierto gran Wakka son dos cosas muy distintas me disculpo por mi mala costumbre de avreviar.

De todas formas, con joomla, no se si hay la posibilidad de indicarle el target de los enlaces si se puede sería sencillo utilizar marcos

Esto no lo se, no trabaje mucho con joomla, creeria que un sistema tan potente deberia tener esa opcion pero si no es asi entonces las posibilidades son limitadas.

ya que los servidores de hosting que utilizo no tienen servidor de aplicaciones tipo tomcat, jboss, etc...

no nesesitas eso :) incluye en el head de tu index una referencia a script.js y crea en el body un <div id="contenido"></div> luego en el archivo script.js pega el siguiente codigo:

Código Javascript:

function cargar_datos(url) {
    var id_contenedor = 'contenido';
    var pagina_requerida = false
    if (window.XMLHttpRequest) {
    pagina_requerida = new XMLHttpRequest()
    } 
    else if (window.ActiveXObject){ 
        try {
        pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
        } 
        catch (e){
            try{
            pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
            }
            catch (e){}
        }
    }
    else
    return false
    pagina_requerida.onreadystatechange=function(){
        cargarpagina(pagina_requerida, id_contenedor)
    }
    pagina_requerida.open('GET', url, true)
    pagina_requerida.send(null)
}
function cargarpagina(pagina_requerida, id_contenedor){             
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1)){
    document.getElementById(id_contenedor).innerHTML=pagina_requerida.responseText}
    else {
    document.getElementById(id_contenedor).innerHTML='<br><br><br><br><center><img src="images/loading.gif" width="220px"><br><b>Cargando Datos</b></center>'}
}
 

luego en los enlaces de tu menu pones esto:
<a href="javascript:cargar_datos('tupaginadelink.php' )">nombre</a>
esto no requiere nada por parte del servidor ya que se ejecuta en la compu del visitante.
espero que te sirva y no haber complicado mucho el tema :/ saludos

[fernandeuz]

Bien, como habías comentado Java, me lo había tomado por ahí, el tema de jsp y javaEE. Si te refieres a JavaScript, por supuesto, no hace falta el servidor de aplicaciones :)

He visto algunas webs de un colega con javascript y jquery y quedan bastante bien. Mi preocupación iba orientada también al tema del SEO (posicionamiento) si afectaría desarrollarla de esta forma, pero el tiene buenos posicionamientos en sus webs utilizando jquery. :)

[gran Wakka]

Iniciado por NSD

Muy cierto gran Wakka son dos cosas muy distintas me disculpo por mi mala costumbre de abreviar.

No pasa nada, lo comente porque como vi que fernandeuz comentaba "ya que los servidores de hosting que utilizo no tienen servidor de aplicaciones tipo tomcat, jboss, etc" creí que le serviría para aclararle ideas.

[NSD]

Mi preocupación iba orientada también al tema del SEO (posicionamiento) si afectaría desarrollarla de esta forma, pero el tiene buenos posicionamientos en sus webs utilizando jquery. :)

no creo que afecte mucho, si tienes un buen sitemap.xml y en los archivos principales buenas etiquetas meta seras bien posicionado.
tambien puedes usar (si te preocupa mucho el tema y quieres hecerlo en grande) un condicional en php sobre cada web que cargas, si esta llamada por javascrip no muestras el head pero si se la esta accediendo directamente si muestras un head con etiquetas meta personalizadas.
pero repito con un buen sitemap.xml y que todas las paginas que alli figuran tengan todas las etiquetas meta seras bien posicinado sin necesidad de lo ultimo.
tambien en el posicionamiento importa cuantas de las demas web hacen enlaces hacia tu web eso influye bastante ya que google ve cada enlace como un "punto" a favor.