';
b.show({title: options.title, content_html: contenido, caption: options.caption, ok: options.ok, height: 125, ajax_call: options.ajax_call, id_destino: options.id_destino});
}
});
//###############################################################
// RefreshImageContent Permite refrescar objetos tipo imagen
//###############################################################
var RefreshImageContent = Behavior.create({
_refresh_base: null,
initialize: function() {
this._refresh_base = new RefreshBase();
this._refresh_base.init(this.element.readAttribute('href'), this.element.readAttribute("class"));
},
onclick: function(e) {
Event.stop(e);
if ($('transparent_layer_busy') == null) {
this._refresh_base.crea_capas();
}
this.llamada_ajax();
},
llamada_ajax: function() {
var newImage = null;
newImage = new Image();
newImage.src = this._refresh_base.url;
newImage.id = "imagen_principal";
// image is in cache (IE6 & IE7 ... Firefox can handle the onload well even file was in cache);
if (newImage.complete) {
$("imagen_principal").replace(newImage);
this._refresh_base.remove_layers();
if ($('lupa_refresh_image') != null) {
$('lupa_refresh_image').setAttribute("href", this._refresh_base.url.gsub("&width", "&wo").gsub("&height", "&ho"));
}
// image not in cache
} else {
newImage.onload = function() {
$("imagen_principal").replace(newImage);
this._refresh_base.elimina_capas();
if ($('lupa_refresh_image') != null) {
$('lupa_refresh_image').setAttribute("href", this._refresh_base.url.gsub("&width", "&wo").gsub("&height", "&ho"));
}
}.bind(this);
}
}
});
//###############################################################
// MagickContent Muestra un contenido que estaba oculto en una capa, esto se puede usar para
// cargar contenido que no es necesario mostrar en un primer momento y que pinchando en un
// simple enlace se desplega
//###############################################################
var MagickContent = Behavior.create({
id_destino: "",
my_id: "",
initialize: function() {
var id_dest = this.element.readAttribute("class");
this.my_id = this.element.readAttribute("id"); // Si el identificador de elemento es el mismo
// que el de destino el efecto es cerrar la capa
id_dest = id_dest.gsub(/.*magickid_/, '');
id_dest = id_dest.gsub(/\s+.*/, '');
this.id_destino = id_dest;
},
onclick: function(e) {
Event.stop(e);
if ($(this.id_destino).visible()) {
this.esconde_capa();
}
else {
this.muestra_capa();
}
},
esconde_capa: function() {
new Effect.SwitchOff($(this.id_destino), {duration:0.3});
},
muestra_capa: function() {
new Effect.SlideDown($(this.id_destino), {duration:0.3});
}
});
//###############################################################
// RefreshHtmlContent Permite refrescar cualquier elemento con html
//###############################################################
var RefreshHtmlContent = Behavior.create({
_refresh_base: null,
initialize: function() {
this._refresh_base = new RefreshBase();
this._refresh_base.init(this.element.readAttribute('href'), this.element.readAttribute("class"));
},
onclick: function(e) {
Event.stop(e);
if (this._refresh_base.with_confirm == true) {
b = new ConfirmWindow();
b.show({title: "¿Estás seguro?", caption: "¿Estás seguro de querer continuar?", ok: this._refresh_base.url, ajax_call: true, id_destino: this._refresh_base.id_destino});
} else {
if ($('transparent_layer_busy') == null) {
this._refresh_base.crea_capas();
}
this.llamada_ajax();
}
},
llamada_ajax: function() {
new Ajax.Updater(this._refresh_base.id_destino, this._refresh_base.url, {asynchronous:true, evalScripts:true, onComplete: function(req) {this._refresh_base.elimina_capas(); Event.addBehavior.reload();}.bind(this)
});
}
});
//###############################################################
// CachedTabs Gestiona de forma automática páginas de tabs y las cachea para permitir el cambio
// entre ellas de forma más eficiente
//###############################################################
var CachedTabs = Behavior.create({
tabs: null,
tab : null,
caddestino : '',
t_layer : '',
initialize: function() {
// este array contendrá los tabs y el estado de los mismos - ya leidos o no
this.tabs = new Array();
x = 0;
li_items = this.element.down(0);
// creamos el array de elementos
while (li_items != null) {
this.tabs[x] = {li:li_items, cached:false, index:x, _refresh_base: new RefreshBase()};
// En el caso de ser el 'current' lo marcamos como ya leido
if (li_items.hasClassName("current")) {
this.tabs[x].cached = true;
}
this.tabs[x]._refresh_base.init(li_items.down(0).readAttribute('href'),' busyid_'+'div'+li_items.id);
// Añadimos el evento de gestión de onclick
Event.observe(li_items, 'click', this.click_button.bind(this));
li_items = li_items.next();
x = x + 1;
}
},
click_button: function(e) {
Event.stop(e);
var x = 0;
var itemx = 0;
var tab_a_esconder = this.tabs[0];
while (x < this.tabs.size()) {
// Este es el tab que se va a ocultar
if (this.tabs[x].li.hasClassName("current")) {
tab_a_esconder = this.tabs[x];
this.tabs[x].li.className = "";
}
// Este es el tab que se va a mostrar
if (e.target.up(1).id==this.tabs[x].li.id) {
itemx = x;
}
x = x + 1;
}
// Mostramos el tab
e.target.up(1).className = "current";
this.muestra_tab(this.tabs[itemx], tab_a_esconder);
},
muestra_tab: function(tab, tab_a_esconder) {
var caddestino = 'div'+tab.li.id;
var t_layer = 'div'+tab_a_esconder.li.id;
// Si ya estaba cacheado simplemente cambia la vista, sino hace la llamada ajax
if (tab.cached == true) {
$(t_layer).hide();
$(caddestino).show();
} else {
if ($('transparent_layer_busy') == null) {
tab._refresh_base.asigna_destino(t_layer);
tab._refresh_base.crea_capas();
}
this.llamada_ajax(tab, caddestino, t_layer);
}
},
llamada_ajax: function(tab, caddestino, t_layer) {
this.tab = tab;
this.caddestino = caddestino;
this.t_layer = t_layer;
new Ajax.Updater(caddestino, tab._refresh_base.url, {
asynchronous:true,
evalScripts:true,
onComplete: function() {
this.tab.cached=true;
this.tab._refresh_base.elimina_capas();
$(this.t_layer).hide();
$(this.caddestino).show();
}.bind(this)
});
}
});
//###############################################################
//###############################################################
//###############################################################
//###############################################################
// Comportamientos
//###############################################################
Event.addBehavior({
'.refresh_image': RefreshImageContent(),
'.refresh_html': RefreshHtmlContent(),
'.magick_link': MagickContent(),
'.highlight_content_over': HighlightContent(),
'.cached_tabs': CachedTabs()
});
