Comunidad de diseño web y desarrollo en internet online

AJAX y este ejemplo.(Flash sin flash)

Citar            
MensajeEscrito el 30 Nov 2006 06:07 am
En este sitio, se utiliza AJAX de tal manera que parece hecho en flash.


Analizando bien los códigos(.js) uno puede ver cómo va llamando las páginas a través de links de una manera secreta y misteriosa. Ya que no aparecen las páginas sino dentro de una única página.
Supongo que la clave está en la parte relacionada con estas líneas en la página inicial:
...onclick="openPortfolio('...')".....
....onclick="openPage('...')" class="sub"......


y donde corresponde en "javascripts/application.js":
function openPortfolio(section) {
if(!_opened) openUp();
_section = section;
var image = arguments[1] || 0;
var url = 'portfolio.php?image='+image+'&section='+section;
['portrait','story','lifestyle','reportage','still','free','publikationen','biografie','referenzen','kontakt'].each(function(e){
Element.removeClassName(e,'active');
});
Element.addClassName(section,'active');
new Ajax.Request(url);
}

function openPage(page) {
if(!_opened) openUp();
var real = page=='referenzen'?'biografie':page;
new Ajax.Request(real+'.php');
['portrait','story','lifestyle','reportage','still','free','publikationen','biografie','referenzen','kontakt'].each(function(e){
Element.removeClassName(e,'active');
});
Element.addClassName(page,'active');
}




¿Alguien tiene una idea o una pista de dónde están nombradas para ser mostradas, las distintas páginas(en .html ó en .php) en este código?

Sería bueno analizarlo.
Gracias. Un saludo.

Por seltzer

1 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 30 Nov 2006 08:33 am
Pues si carga una base, el resto son pequeñas partes de codigo con los contenidos. Como bien dices usa ajax, pero por lo que veo tambien usa una libreria de javascript. A mi me parece que es de 'moo' puede que mootools o alguna padre de esta. No tiene mucho más

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 30 Nov 2006 12:36 pm
Son paginas dinamicas, no veo el misterio.

En este se ven los nombres de las variables que le pasa a portafolio.php, que son 'image' y 'section'

Código :

var url = 'portfolio.php?image='+image+'&section='+section;

y en este:

Código :

['portrait','story','lifestyle','reportage','still','free','publikationen','biografie','referenzen','kontakt'].each(function(e){
Element.removeClassName(e,'active');
});
Element.addClassName(section,'active');
}

Maneja las clases para cambiar el estilo a la seccion/pagina actual

De igual forma funciona esta parte, envia una variable por GET que la usa para llamar el archivo con la variable 'real':

Código :

var real = page=='referenzen'?'biografie':page;
new Ajax.Request(real+'.php');


Por otro lado, se ve bastante bien, pero es extremadamente inaccesible:

<li id="biografie" onclick="openPage('biografie')" class="sub">Biografie</li>
<li id="referenzen" onclick="openPage('referenzen')" class="sub">Referenzen</li>
<li id="kontakt" onclick="openPage('kontakt')" class="sub">Kontakt</li>

Eso equivale, segun lo anterior a:
http://christofwagner.com/biografie.php
http://christofwagner.com/referenzen.php
http://christofwagner.com/kontakt.php
respectivamente, pero si entras en cada una de esas paginas, verás casi puro código JS, con las variables definidas con el contenido
No me gusta para nada ese método. Mejor hubiera usado Flash y una versión en XHTML normal para la accesibilidad.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 03 Dic 2006 05:10 am
Gracias por sus respuestas; está muy claro ahora.

Resulta que lo que me sucede al momento de llamar a las distintas páginas(php) es que no siempre aparece alguna, salvo el famoso "Not Found": es ahí donde no todo cierra completamente, tal vez vaya a buscar la página a algún directorio pero no lo veo del todo claro en el código.

También es evidente que consume demasiada CPU al ser programado de esta manera.
¿Será éste el lenguaje de programación para el que habrá que prepararse en el futuro?

Gracias de nuevo.

Por seltzer

1 de clabLevel



Genero:Masculino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.