Dudas Ajax y javascript

(1/1)

ZharkD:
Buenas,

Me gustaria saber si pueden ayudarme con un proyecto nuevo que tengo y unas dudas al respecto.
Bueno para empezar quiero mencionar que segun entiendo el AJAX es simplemente una "parte" del javascript que te permite realizar consultas del lado del servidor y generar una respuesta al instante, es eso correcto?

Bien, ahora mi pregunta, deseo crear una especie de "pop-up" como la que se mestra en taringa.net cuando presionas el boton REGISTRATE, deseo implementar un sistema de registro de esa manera, sin emabargo, no entiendo bien cual es la pare AJAX y cual es la parte del pop-up, si es que se maneja asi.

Bueno este es el source que encontre:
El boton: (http://taringa.net)
Código
<li class="tabbed registrate"><a href="" onclick="registro_load_form(); return false" title="Registrate!"><b>Registrate!</b></a></li>
<li class="clearBoth"></li> <!-- Este nose si es necesario pero igual lo puse -->
La funcion requerida: (http://o1.t26.net/images/js/es/beta_acciones2.js?6.2.0)
Código
//Cargo el formulario
function registro_load_form(url){
mydialog.class_aux = 'registro';
mydialog.mask_close = false;
mydialog.close_button = true;
mydialog.show(true);
mydialog.title('Registro');
mydialog.body('<br /><br />', 305);
mydialog.buttons(false);
mydialog.procesando_inicio('Cargando...', 'Registro');
mydialog.center();
 
$.ajax({
type: 'POST',
url: '/registro-form.php',
data: '',
success: function(h){
switch(h.charAt(0)){
case '0': //Error
mydialog.procesando_fin();
mydialog.alert('Error', h.substring(3));
break;
case '1': //OK. Ya es miembro
mydialog.body(h.substring(3), 305);
break;
}
mydialog.center();
},
error: function(){
mydialog.procesando_fin();
mydialog.error_500("registro.load_form()");
}
});
}
 
El source del formulario: (http://taringa.net/registro-form.php)
Código
//Un form con campos comunes (muy largo por eso no lo puse), y al final:
<script type="text/javascript">
//Load JS
$.getScript("http://o1.t26.net/images/js/es/registro.js?1.1", function(){
//Seteo el pais seleccionado
registro.datos['pais']='MX';
registro.datos_status['pais']='ok';
registro.datos_text['pais']='OK';
 
//Genero el autocomplete de la ciudad
$('#RegistroForm .pasoDos #ciudad').autocomplete('/registro-geo.php', {
minChars: 2,
width: 298
}).result(function(event, data, formatted){
registro.datos['ciudad_id'] = (data) ? data[1] : '';
registro.datos['ciudad_text'] = (data) ? data[0].toLowerCase() : '';
if(data)
$('#RegistroForm .pasoDos #terminos').focus();
});
 
registro.change_paso(1);
mydialog.procesando_fin();
});
 
//Load recaptcha
$.getScript("http://api.recaptcha.net/js/recaptcha_ajax.js", function(){
Recaptcha.create('6Le8jQQAAAAAAGt1bzJsaHKCoLMWt6NFHupdtxf9', 'recaptcha_ajax', {
theme:'custom', lang:'es', tabindex:'13', custom_theme_widget: 'recaptcha_ajax',
callback: function(){
$('#recaptcha_response_field').blur(function(){
registro.blur(this);
}).focus(function(){
registro.focus(this);
}).attr('title', 'Ingrese el código de la imagen');
}
});
});
</script>
//Load JS
$.getScript("http://o1.t26.net/images/js/es/registro.js?1.1", function(){
//Seteo el pais seleccionado
registro.datos['pais']='US';
registro.datos_status['pais']='ok';
registro.datos_text['pais']='OK';
 
//Genero el autocomplete de la ciudad
$('#RegistroForm .pasoDos #ciudad').autocomplete('/registro-geo.php', {
minChars: 2,
width: 298
}).result(function(event, data, formatted){
registro.datos['ciudad_id'] = (data) ? data[1] : '';
registro.datos['ciudad_text'] = (data) ? data[0].toLowerCase() : '';
if(data)
$('#RegistroForm .pasoDos #terminos').focus();
});
 
registro.change_paso(1);
mydialog.procesando_fin();
});
 
//Load recaptcha
$.getScript("http://api.recaptcha.net/js/recaptcha_ajax.js", function(){
Recaptcha.create('6Le8jQQAAAAAAGt1bzJsaHKCoLMWt6NFHupdtxf9', 'recaptcha_ajax', {
theme:'custom', lang:'es', tabindex:'13', custom_theme_widget: 'recaptcha_ajax',
callback: function(){
$('#recaptcha_response_field').blur(function(){
registro.blur(this);
}).focus(function(){
registro.focus(this);
}).attr('title', 'Ingrese el código de la imagen');
}
});
});
</script>
 

Alguien podria ayudarme a descifrar eso que la verdad el javascript es lo que considero lo mas dificil en programacion web.

Por su atencion, muchas gracias.

ZharkD:
Alguna Idea?

Navegación

[0] Índice de Mensajes