Chargement musique...
"});
s = $j(this).serialize();
document.getElementById("mainplayer").getBox(s);
refreshPub();
runTracker('musicbox');
$j.unblockUI();
return false; //catch Ajax
});
}
function runTracker(val){
pageTracker._trackPageview('/'+val);
}
function refreshPub(){
var pub_right = 'PUB
'; // var pub_right = ''; /*var pub_top = '
'; //var pub_left = 'Venez essayer Ulla.com
Merci de vous rendre sur MyNightMusic.com"); } $j.history.init(callback); runMusicBox(); $j('#s3slider').livequery(function(){ $j(this).s3Slider({ timeOut: 5000 }); }); // gestion des liens internes utilisant l'historique de navigation $j("a[@rel='history']").livequery('click',function(){ // abstraction du nom de domaine (utile pr le référencement (lien sans #)) // .COM/ = 5 caracters if(this.href.indexOf(".com") != -1) { var target = this.href.substring(this.href.indexOf(".com")+5,this.href.length); } else if(this.href.indexOf(".fr") != -1) { var target = this.href.substring(this.href.indexOf(".fr")+4,this.href.length); } else if(this.href.indexOf(".org") != -1) { var target = this.href.substring(this.href.indexOf(".org")+5,this.href.length); } else if(this.href.indexOf(".biz") != -1) var target = this.href.substring(this.href.indexOf(".biz")+5,this.href.length); else if(this.href.indexOf(".eu") != -1) { var target = this.href.substring(this.href.indexOf(".eu")+4,this.href.length); } else if(this.href.indexOf(".info") != -1) { var target = this.href.substring(this.href.indexOf(".info")+6,this.href.length); } else if(this.href.indexOf(".net") != -1) { var target = this.href.substring(this.href.indexOf(".net")+5,this.href.length); } else if(this.href.indexOf(".us") != -1) { var target = this.href.substring(this.href.indexOf(".us")+4,this.href.length); } else if(this.href.indexOf(".be") != -1) { var target = this.href.substring(this.href.indexOf(".be")+4,this.href.length); } target = target.replace(/^.*#/, ''); $j.history.load(target); // appel de callback implicite if($j(this).attr("_close")) $j.modal.close(); //alert('debug test'); return false; }); // binding du moteur de recherche $j("#search").submit(function() { $j("#as_content_search").hide(); s = $j(this).serialize(); if(s.split('+')[1]!='%3A') { $j.history.load(s); } else $j('#search_error').fadeIn("fast"); return false; }); // slide album $j("#scrollable").livequery(function() { $j(this).scrollable({ horizontal:true, size: 1 }); }); // gestion des liens de lecture d'une musique $j("a[rel='mediaForPlayer']").livequery('click', function() { var item = this.href.split('#')[1].split('-'); if(item[0]=="L"){ var list_idMusic; $j(".divDrag").each(function(i){ if(i==0) list_idMusic = $j(this).attr("id"); else list_idMusic += ","+$j(this).attr("id"); }); runMediaForPLayer(list_idMusic,'0',item[2]); } else runMediaForPLayer(item[0],item[1],item[2]); if(item[2]!='A'){ $j.scrollTo( '#container', {duration:300} ); } else { $j.blockUI( {message: '
Ajout en cours...
'}); }
$j.unblockUI();
refreshPub();
//updateNavigation("navPlaylist");
return false;
});
$j("a[rel='addInPlaylist']").livequery('click', function(e) {
e.preventDefault();
var item = this.href.split('#')[1];
modalAddInPlaylist(item);
});
// binding du formulaire de connexion
$j("#loginForm").livequery('submit', function(e) {
e.preventDefault();
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
if(retour=='ok') loadUserDataPlaylist();
else $j("#nav_user").html(retour);
}
});
});
//deconnexion
$j("#logout").livequery('click',function() {
$j.blockUI( {message: 'Déconnexion en cours...
'});
$j("#magicbox").hide();
$j("#pl_item_user").empty();
$j.ajax({
type: "GET",
url: "/logout",
success: function(retour){
$j("#nav_user").html(retour);
$j.unblockUI();
}
});
return false;
});
$j("table.datagrid tr").livequery(function() {
$j(this).mouseover(function() {$j(this).addClass("over");}).mouseout(function() {$j(this).removeClass("over");});
//$j(".stripeMe tr:even").addClass("alt");
});
$j(".divDrag").livequery(function() {
$j(this).draggable({
helper: function() { return $j(document.createElement('div')).addClass("ui-draggable-helper").attr("id","helperDrag").html("
Déposez ce titre dans la barre du bas pour l'ajouter à une playlist").appendTo("body")[0]; },
zIndex: 1000,
cursor: 'move',
opacity:0.85,
revert: true,
cursorAt: {top: -5, left: -5 }
});
});
/* panier d'ajout de zik */
$j("#divDrop").livequery(function() {
$j("#divDrop").droppable({
accept: ".divDrag",
over: function(ev, ui) {
$j("#helperDrag").html("
Vous pouvez déposer votre musique ici");
//$j("#helperDrag").prepend('');
},
out: function(ev, ui) {
$j("#helperDrag").html(" Déposez ce titre dans la barre du bas pour l'ajouter à une playlist");
},
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
drop: function(ev, ui) {
var id_music = $j(ui.draggable).attr("id");
// alert('tr#'+id_music+' td:eq(1) div');
var name_music = $j('#'+id_music+' td:eq(1) div').text();
//var name_artist = $j('#title').html();
$j(this).append("
- "+name_music+"Déposez ici pour supprimer
');
// $j("#divDrop").attr("rel",id_pl);
$j("#drag_mess2").html("Déposez une musique ci-dessous");
$j("#drag_mess1").html('Playlist <'+name_pl+'> sélectionné (Voir)');
return false;
});
});
$j("form#registerForm").livequery('submit', function(e) {
e.preventDefault();
$j.blockUI( {message: 'Envoi en cours...
'});
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
$j("#content").empty().append(retour);
$j.unblockUI();
}
});
});
$j("form#editProfilForm").livequery('submit', function(e) {
e.preventDefault();
$j.blockUI( {message: 'Envoi en cours...
'});
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
$j("#content").empty().append(retour);
$j.unblockUI();
}
});
});
$j("#createPlaylistForm").livequery('submit', function(e) {
//alert("test");
e.preventDefault();
$j.blockUI( {message: 'Envoi en cours...
'});
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
if(retour=="success"){ $j.modal.close(); loadUserDataPlaylist(); $j.unblockUI(); }
else{
$j(".simplemodal-data").empty().append(retour);
$j.unblockUI();
//$j.modal.close();
}
}
});
});
function modalCreatePlaylist(){
$j.blockUI();
// load the create form using ajax
$j.get("playlist/create", function(data){
// create a modal dialog with the data
$j.modal(data, {
containerCss: ({ width: "580px", height: "200px" }),
onShow: function modalShow(dialog) {
$j.unblockUI();
}
});
});
}
$j("#selectPlaylistForm").livequery('submit', function(e) {
e.preventDefault();
$j.blockUI( {message: 'Ajout en cours...
'});
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
$j.modal.close(); $j.unblockUI();
},
error: function(retour){ $j.modal.close(); $j.unblockUI(); alertModal(retour.responseText); }
});
});
// modifier par #createPlPanier
$j('#drag_mess2 a').click(function (e) {
e.preventDefault();
modalCreatePlaylist();
});
$j('#createPlNav').livequery('click', function (e) {
e.preventDefault();
modalCreatePlaylist();
});
/* forgot password */
$j('#forgotPassword').livequery('click', function (e) {
e.preventDefault();
modalForgotPassword();
});
function modalForgotPassword(){
$j.blockUI();
// load the create form using ajax
$j.get("forgot_password", function(data){
// create a modal dialog with the data
$j.modal(data, {
containerCss: ({ width: "580px", height: "200px" }),
onShow: function modalShow(dialog) {
$j.unblockUI();
}
});
});
}
$j("#forgotPasswordForm").livequery('submit', function(e) {
//alert("test");
e.preventDefault();
$j.blockUI( {message: 'Envoi en cours...
'});
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
$j.modal.close(); $j.unblockUI(); alertModal(retour);
},
error: function(retour){
$j.unblockUI();
}
});
});
// gestion upload mp3
$j("#btn_upload_mp3").livequery(function(){
var allowed = ['mp3', 'wave', 'wmv', 'wma'];
$j.ajax_upload(this, {
action: '/music/upload/',
name: 'musicfile',
onSubmit: function(file, ext)
{
if ($j.inArray(ext, allowed ) === -1){
// extension is not allowed
$j('#error_upload_mp3').html('Seul les formats suivant sont acceptés: MP3, WMA, WAVE et WMV');
return false;
}
$j.blockUI( {message: 'Import en cours...
Ceci peut prendre un moment'});
},
onSuccess: function(file){ $j.unblockUI(); $j('#error_upload_mp3').remove(); $j('#list_upload_mp3').append("Envoi en cours...
'});
s = $j(this).serialize();
$j.ajax({
type: "POST",
data: s,
url: $j(this).attr("action"),
success: function(retour){
if(retour=="success"){ $j.modal.close(); $j.unblockUI(); $j("input[@id=ask_music_name]").val(''); $j("input[@id=ask_artist_name]").val(''); alertModal('Merci ! Votre proposition a bien été prise en compte.
Elle sera traitée dans les plus bref délais'); } else{ $j("search_ask").html(retour); $j.unblockUI(); //$j.modal.close(); } } }); }); /*pl edit*/ $j("a[rel='editPlaylist']").livequery('click', function(e) { e.preventDefault(); //$j.blockUI(); alertModal("Cette fonctionnalité sera très prochainement disponible, merci de patienter encore un peu !"); var item = this.href.split('#')[1].split('-'); /*if(item[2] != null) deleteMediaForFavorite(item[0],item[1]); else addMediaForFavorite(item[0],item[1]);*/ }); /*favorite*/ $j("a[rel='mediaForFavorite']").livequery('click', function(e) { e.preventDefault(); $j.blockUI(); var item = this.href.split('#')[1].split('-'); if(item[2] != null) deleteMediaForFavorite(item[0],item[1]); else addMediaForFavorite(item[0],item[1]); }); function deleteMediaForFavorite(type_media,id_media){ $j.ajax({ type: "GET", url: "favorite/delFavorite/id_media/"+id_media+"/type_media/"+type_media, success: function(retour){ alertModal(retour); if(type_media=="A") $j.history.load("my_favorites_artists"); else $j.history.load("my_favorites_playlists"); }, error: function(retour){ alertModal(retour.responseText); } }); } function addMediaForFavorite(type_media,id_media){ $j.ajax({ type: "GET", url: "favorite/addFavorite/id_media/"+id_media+"/type_media/"+type_media, success: function(retour){ alertModal(retour); }, error: function(XMLHttpRequest, error, exception){ /*for (var i in XMLHttpRequest){ alert('name:'+i+' -- value:'+XMLHttpRequest[i]); }*/ /*alert(XMLHttpRequest.status); */ alertModal(retour.responseText); } }); } /* droppable zone player zik */ $j("#player").livequery(function() { $j(this).droppable({ accept: ".divDrag", over: function(ev, ui) { $j("#helperDrag").html("
Vous pouvez déposer votre musique dans le player");
},
out: function(ev, ui) {
$j("#helperDrag").html(" Déposez ce titre dans la barre du bas pour l'ajouter à une playlist");
},
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
drop: function(ev, ui) {
var id_music = $j(ui.draggable).attr("id");
runMediaForPLayer("M",id_music,"A");
}// end drop
});
});
}); // end DOM READY
/**
* TableDnD plug-in for JQuery, allows you to drag and drop table rows
* You can set up various options to control how the system will work
* Copyright (c) Denis Howlett ');this.items=this.wrap.children();this.index=0;if(opts.horizontal){itemRoot.width(opts.size*(this.items.eq(1).offset().left-this.items.eq(0).offset().left)-2);}else{itemRoot.height(opts.size*(this.items.eq(1).offset().top-this.items.eq(0).offset().top)-2);}if($.isFunction($.fn.mousewheel)){root.bind("mousewheel.scrollable",function(e,delta){self.move(-delta,50);return false;});}if(opts.clickable){this.items.each(function(index,arg){$(this).bind("click.scrollable",function(){self.click(index);});});}this.activeIndex=0;$(opts.prev,root).click(function(){self.prev();});$(opts.next,root).click(function(){self.next();});$(opts.navi,root).each(function(){var navi=$(this);var status=self.getStatus();if(navi.is(":empty")){for(var i=0;i
Chargement en cours...
',
// styles for the message when blocking; if you wish to disable
// these and use an external stylesheet then do this in your code:
// $.blockUI.defaults.css = {};
css: {
padding: 0,
margin:'-50px 0 0 -125px',
width: '250px',
top: '50%',
left: '50%',
textAlign: 'center',
color: '#4BDEF9',
border: '3px solid #aaa',
backgroundColor:'#161F29',
cursor: 'wait',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
height:'auto',
'padding-top':'8px',
'padding-bottom':'8px',
'font-size': '0.9em'
},
// styles for the overlay
overlayCSS: {
backgroundColor:'#000',
opacity: '0.9'
},
// z-index for the blocking overlay
baseZ: 4000,
// set these to true to have the message automatically centered
centerX: true, // <-- only effects element blocking (page block controlled via css above)
centerY: true,
// allow body element to be stetched in ie6; this makes blocking look better
// on "short" pages. disable if you wish to prevent changes to the body height
allowBodyStretch: true,
// be default blockUI will supress tab navigation from leaving blocking content;
constrainTabKey: true,
// fadeOut time in millis; set to 0 to disable fadeout on unblock
fadeOut: 400,
// if true, focus will be placed in the first available input field when
// page blocking
focusInput: true,
// suppresses the use of overlay styles on FF/Linux (due to performance issues with opacity)
applyPlatformOpacityRules: false,
// callback method invoked when unblocking has completed; the callback is
// passed the element that has been unblocked (which is the window object for page
// blocks) and the options that were passed to the unblock call:
// onUnblock(element, options)
onUnblock: null,
// don't ask (if you really must know: http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493)
quirksmodeOffsetHack: 4
};
// private data and functions follow...
var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
var pageBlock = null;
var pageBlockEls = [];
function install(el, opts) {
var full = (el == window);
var msg = opts && opts.message !== undefined ? opts.message : undefined;
opts = $.extend({}, $.blockUI.defaults, opts || {});
opts.overlayCSS = $.extend({}, $.blockUI.defaults.overlayCSS, opts.overlayCSS || {});
var css = $.extend({}, $.blockUI.defaults.css, opts.css || {});
msg = msg === undefined ? opts.message : msg;
// remove the current block (if there is one)
if (full && pageBlock)
remove(window, {fadeOut:0});
// if an existing element is being used as the blocking content then we capture
// its current place in the DOM (and current display style) so we can restore
// it when we unblock
if (msg && typeof msg != 'string' && (msg.parentNode || msg.jquery)) {
var node = msg.jquery ? msg[0] : msg;
var data = {};
$(el).data('blockUI.history', data);
data.el = node;
data.parent = node.parentNode;
data.display = node.style.display;
data.position = node.style.position;
data.parent.removeChild(node);
}
var z = opts.baseZ;
// blockUI uses 3 layers for blocking, for simplicity they are all used on every platform;
// layer1 is the iframe layer which is used to supress bleed through of underlying content
// layer2 is the overlay layer which has opacity and a wait cursor
// layer3 is the message content that is displayed while blocking
var lyr1 = ($.browser.msie) ? $('')
: $('');
var lyr2 = $('');
var lyr3 = full ? $('')
: $('');
// if we have a message, style it
if (msg)
lyr3.css(css);
// style the overlay
if (!opts.applyPlatformOpacityRules || !($.browser.mozilla && /Linux/.test(navigator.platform)))
lyr2.css(opts.overlayCSS);
lyr2.css('position', full ? 'fixed' : 'absolute');
// make iframe layer transparent in IE
if ($.browser.msie)
lyr1.css('opacity','0.0');
$([lyr1[0],lyr2[0],lyr3[0]]).appendTo(full ? 'body' : el);
// ie7 must use absolute positioning in quirks mode and to account for activex issues (when scrolling)
var expr = $.browser.msie && (!$.boxModel || $('object,embed', full ? null : el).length > 0);
/* if (ie6 || expr) {
// give body 100% height
if (full && opts.allowBodyStretch && $.boxModel)
$('html,body').css('height','100%');
// fix ie6 issue when blocked element has a border width
if ((ie6 || !$.boxModel) && !full) {
var t = sz(el,'borderTopWidth'), l = sz(el,'borderLeftWidth');
var fixT = t ? '(0 - '+t+')' : 0;
var fixL = l ? '(0 - '+l+')' : 0;
}
// simulate fixed position
$.each([lyr1,lyr2,lyr3], function(i,o) {
var s = o[0].style;
s.position = 'absolute';
if (i < 2) {
full ? s.setExpression('height','Math.max(document.body.scrollHeight, document.body.offsetHeight) - (jQuery.boxModel?0:'+opts.quirksmodeOffsetHack+') + "px"')
: s.setExpression('height','this.parentNode.offsetHeight + "px"');
full ? s.setExpression('width','jQuery.boxModel && document.documentElement.clientWidth || document.body.clientWidth + "px"')
: s.setExpression('width','this.parentNode.offsetWidth + "px"');
if (fixL) s.setExpression('left', fixL);
if (fixT) s.setExpression('top', fixT);
}
else if (opts.centerY) {
if (full) s.setExpression('top','(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"');
s.marginTop = 0;
}
});
}*/
// show the message
lyr3.append(msg).show();
if (msg && (msg.jquery || msg.nodeType))
$(msg).show();
// bind key and mouse events
bind(1, el, opts);
if (full) {
pageBlock = lyr3[0];
pageBlockEls = $(':input:enabled:visible',pageBlock);
if (opts.focusInput)
setTimeout(focus, 20);
}
else
center(lyr3[0], opts.centerX, opts.centerY);
};
// remove the block
function remove(el, opts) {
var full = el == window;
var data = $(el).data('blockUI.history');
opts = $.extend({}, $.blockUI.defaults, opts || {});
bind(0, el, opts); // unbind events
var els = full ? $('body').children().filter('.blockUI') : $('.blockUI', el);
if (full)
pageBlock = pageBlockEls = null;
if (opts.fadeOut) {
els.fadeOut(opts.fadeOut);
setTimeout(function() { reset(els,data,opts,el); }, opts.fadeOut);
}
else
reset(els, data, opts, el);
};
// move blocking element back into the DOM where it started
function reset(els,data,opts,el) {
els.each(function(i,o) {
// remove via DOM calls so we don't lose event handlers
if (this.parentNode)
this.parentNode.removeChild(this);
});
if (data && data.el) {
data.el.style.display = data.display;
data.el.style.position = data.position;
data.parent.appendChild(data.el);
$(data.el).removeData('blockUI.history');
}
if (typeof opts.onUnblock == 'function')
opts.onUnblock(el,opts);
};
// bind/unbind the handler
function bind(b, el, opts) {
var full = el == window, $el = $(el);
// don't bother unbinding if there is nothing to unbind
if (!b && (full && !pageBlock || !full && !$el.data('blockUI.isBlocked')))
return;
if (!full)
$el.data('blockUI.isBlocked', b);
// bind anchors and inputs for mouse and key events
var events = 'mousedown mouseup keydown keypress click';
b ? $(document).bind(events, opts, handler) : $(document).unbind(events, handler);
// former impl...
// var $e = $('a,:input');
// b ? $e.bind(events, opts, handler) : $e.unbind(events, handler);
};
// event handler to suppress keyboard/mouse events when blocking
function handler(e) {
// allow tab navigation (conditionally)
if (e.keyCode && e.keyCode == 9) {
if (pageBlock && e.data.constrainTabKey) {
var els = pageBlockEls;
var fwd = !e.shiftKey && e.target == els[els.length-1];
var back = e.shiftKey && e.target == els[0];
if (fwd || back) {
setTimeout(function(){focus(back)},10);
return false;
}
}
}
// allow events within the message content
if ($(e.target).parents('div.blockMsg').length > 0)
return true;
// allow events for content that is not being blocked
return $(e.target).parents().children().filter('div.blockUI').length == 0;
};
function focus(back) {
if (!pageBlockEls)
return;
var e = pageBlockEls[back===true ? pageBlockEls.length-1 : 0];
if (e)
e.focus();
};
function center(el, x, y) {
var p = el.parentNode, s = el.style;
var l = ((p.offsetWidth - el.offsetWidth)/2) - sz(p,'borderLeftWidth');
var t = ((p.offsetHeight - el.offsetHeight)/2) - sz(p,'borderTopWidth');
if (x) s.left = l > 0 ? (l+'px') : '0';
if (y) s.top = t > 0 ? (t+'px') : '0';
};
function sz(el, p) {
return parseInt($.css(el,p))||0;
};
})(jQuery);
/*
* jQuery Taconite plugin - A port of the Taconite framework by Ryan Asleson and
* Nathaniel T. Schutta: http://taconite.sourceforge.net/
*
* Examples and documentation at: http://malsup.com/jquery/taconite/
* Copyright (c) 2007-2008 M. Alsup
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Thanks to Kenton Simpson for contributing many good ideas!
*
* $Id$
* @version: 3.03 10/22/2008
* @requires jQuery v1.2.3 or later
*/
(function($) {
$.taconite = function(xml) { processDoc(xml); };
$.taconite.debug = 0; // set to true to enable debug logging to Firebug
$.taconite.version = '3.03';
$.taconite.defaults = {
cdataWrap: 'div'
};
// add 'replace' and 'replaceContent' plugins (conditionally)
if (typeof $.fn.replace == 'undefined')
$.fn.replace = function(a) { return this.after(a).remove(); };
if (typeof $.fn.replaceContent == 'undefined')
$.fn.replaceContent = function(a) { return this.empty().append(a); };
$.expr[':'].taconiteTag = 'a.taconiteTag';
$.taconite._httpData = $.httpData; // original jQuery httpData function
// replace jQuery's httpData method
$.httpData = $.taconite.detect = function(xhr, type) {
var ct = xhr.getResponseHeader('content-type');
if ($.taconite.debug) {
log('[AJAX response] content-type: ', ct, '; status: ', xhr.status, ' ', xhr.statusText, '; has responseXML: ', xhr.responseXML != null);
log('type: ' + type);
log('responseXML: ' + xhr.responseXML);
}
var data = $.taconite._httpData(xhr, type); // call original method
if (data && data.documentElement) {
var root = data.documentElement.tagName;
log('XML document root: ', root);
if (root == 'taconite') {
log('taconite command document detected');
$.taconite(data);
}
}
else {
log('jQuery core httpData returned: ' + data);
log('httpData: response is not XML (or not "valid" XML)');
}
return data;
};
// allow auto-detection to be enabled/disabled on-demand
$.taconite.enableAutoDetection = function(b) {
$.httpData = b ? $.taconite.detect : $.taconite._httpData;
};
var logCount = 0;
function log() {
if (!$.taconite.debug || !window.console || !window.console.log) return;
if (!logCount++)
log('Plugin Version: ' + $.taconite.version);
window.console.log('[taconite] ' + [].join.call(arguments,''));
};
function processDoc(xml) {
var status = true, ex;
try {
$.event.trigger('taconite-begin-notify', [xml])
status = go(xml);
} catch(e) {
status = ex = e;
}
$.event.trigger('taconite-complete-notify', [xml, !!status, status === true ? null : status]);
if (ex) throw ex;
};
function go(xml) {
var trimHash = { wrap: 1 };
if (typeof xml == 'string')
xml = convert(xml);
if (!xml || !xml.documentElement) {
log('$.taconite invoked without valid document; nothing to process');
return false;
}
try {
var t = new Date().getTime();
// process the document
process(xml.documentElement.childNodes);
$.taconite.lastTime = (new Date().getTime()) - t;
log('time to process response: ' + $.taconite.lastTime + 'ms');
} catch(e) {
if (window.console && window.console.error)
window.console.error('[taconite] ERROR processing document: ' + e);
throw e;
}
return true;
// convert string to xml document
function convert(s) {
var doc;
log('attempting string to document conversion');
try {
if($.browser.msie) {
doc = $("my data
').modal({options});
* @example $('#myDiv').modal({options});
* @example jQueryObject.modal({options});
*
* 2) As a stand-alone function, like $.modal(data). The data parameter
* is required and an optional options object can be passed as a second
* parameter. This method provides more flexibility in the types of data
* that are allowed. The data could be a DOM object, a jQuery object, HTML
* or a string.
*
* @example $.modal('my data
', {options});
* @example $.modal('my data', {options});
* @example $.modal($('#myDiv'), {options});
* @example $.modal(jQueryObject, {options});
* @example $.modal(document.getElementById('myDiv'), {options});
*
* A SimpleModal call can contain multiple elements, but only one modal
* dialog can be created at a time. Which means that all of the matched
* elements will be displayed within the modal container.
*
* SimpleModal internally sets the CSS needed to display the modal dialog
* properly in all browsers, yet provides the developer with the flexibility
* to easily control the look and feel. The styling for SimpleModal can be
* done through external stylesheets, or through SimpleModal, using the
* overlayCss and/or containerCss options.
*
* SimpleModal has been tested in the following browsers:
* - IE 6, 7
* - Firefox 2, 3
* - Opera 9
* - Safari 3
*
* @name SimpleModal
* @type jQuery
* @requires jQuery v1.2.2
* @cat Plugins/Windows and Overlays
* @author Eric Martin (http://ericmmartin.com)
* @version 1.2.2
*/
(function ($) {
var ie6 = $.browser.msie && parseInt($.browser.version) == 6 && !window['XMLHttpRequest'],
ieQuirks = $.browser.msie && !$.boxModel,
w = [];
/*
* Stand-alone function to create a modal dialog.
*
* @param {string, object} data A string, jQuery object or DOM object
* @param {object} [options] An optional object containing options overrides
*/
$.modal = function (data, options) {
return $.modal.impl.init(data, options);
};
/*
* Stand-alone close function to close the modal dialog
*/
$.modal.close = function () {
$.modal.impl.close();
};
/*
* Chained function to create a modal dialog.
*
* @param {object} [options] An optional object containing options overrides
*/
$.fn.modal = function (options) {
return $.modal.impl.init(this, options);
};
/*
* SimpleModal default options
*
* opacity: (Number:50) The opacity value for the overlay div, from 0 - 100
* overlayId: (String:'simplemodal-overlay') The DOM element id for the overlay div
* overlayCss: (Object:{}) The CSS styling for the overlay div
* containerId: (String:'simplemodal-container') The DOM element id for the container div
* containerCss: (Object:{}) The CSS styling for the container div
* dataCss: (Object:{}) The CSS styling for the data div
* zIndex: (Number: 1000) Starting z-index value
* close: (Boolean:true) Show closeHTML?
* closeHTML: (String:'') The HTML for the
default close link. SimpleModal will automatically add the closeClass to this element.
* closeClass: (String:'simplemodal-close') The CSS class used to bind to the close event
* position: (Array:null) Position of container [top, left]. Can be number of pixels or percentage
* persist: (Boolean:false) Persist the data across modal calls? Only used for existing
DOM elements. If true, the data will be maintained across modal calls, if false,
the data will be reverted to its original state.
* onOpen: (Function:null) The callback function used in place of SimpleModal's open
* onShow: (Function:null) The callback function used after the modal dialog has opened
* onClose: (Function:null) The callback function used in place of SimpleModal's close
*/
$.modal.defaults = {
opacity: 50,
overlayId: 'simplemodal-overlay',
overlayCss: {},
containerId: 'simplemodal-container',
containerCss: {},
dataCss: {},
zIndex: 1000,
close: true,
closeHTML: '',
closeClass: 'simplemodal-close',
position: null,
persist: false,
onOpen: null,
onShow: null,
onClose: null
};
/*
* Main modal object
*/
$.modal.impl = {
/*
* Modal dialog options
*/
opts: null,
/*
* Contains the modal dialog elements and is the object passed
* back to the callback (onOpen, onShow, onClose) functions
*/
dialog: {},
/*
* Initialize the modal dialog
*/
init: function (data, options) {
// don't allow multiple calls
if (this.dialog.data) {
return false;
}
// merge defaults and user options
this.opts = $.extend({}, $.modal.defaults, options);
// keep track of z-index
this.zIndex = this.opts.zIndex;
// set the onClose callback flag
this.occb = false;
// determine how to handle the data based on its type
if (typeof data == 'object') {
// convert DOM object to a jQuery object
data = data instanceof jQuery ? data : $(data);
// if the object came from the DOM, keep track of its parent
if (data.parent().parent().size() > 0) {
this.dialog.parentNode = data.parent();
// persist changes? if not, make a clone of the element
if (!this.opts.persist) {
this.dialog.orig = data.clone(true);
}
}
}
else if (typeof data == 'string' || typeof data == 'number') {
// just insert the data as innerHTML
data = $('').html(data);
}
else {
// unsupported data type!
alert('SimpleModal Error: Unsupported data type: ' + typeof data);
return false;
}
this.dialog.data = data.addClass('simplemodal-data').css(this.opts.dataCss);
data = null;
// create the modal overlay, container and, if necessary, iframe
this.create();
// display the modal dialog
this.open();
// useful for adding events/manipulating data in the modal dialog
if ($.isFunction(this.opts.onShow)) {
this.opts.onShow.apply(this, [this.dialog]);
}
// don't break the chain =)
return this;
},
/*
* Create and add the modal overlay and container to the page
*/
create: function () {
// get the window properties
w = this.getDimensions();
// add an iframe to prevent select options from bleeding through
if (ie6) {
this.dialog.iframe = $('')
.css($.extend(this.opts.iframeCss, {
display: 'none',
opacity: 0,
position: 'fixed',
height: w[0],
width: w[1],
zIndex: this.opts.zIndex,
top: 0,
left: 0
}))
.appendTo('body');
}
// create the overlay
this.dialog.overlay = $('')
.attr('id', this.opts.overlayId)
.addClass('simplemodal-overlay')
.css($.extend(this.opts.overlayCss, {
display: 'none',
opacity: this.opts.opacity / 100,
height: w[0],
width: w[1],
position: 'fixed',
left: 0,
top: 0,
zIndex: this.opts.zIndex + 1
}))
.appendTo('body');
// create the container
this.dialog.container = $('')
.attr('id', this.opts.containerId)
.addClass('simplemodal-container')
.css($.extend(this.opts.containerCss, {
display: 'none',
position: 'fixed',
zIndex: this.opts.zIndex + 2
}))
.append(this.opts.close
? $(this.opts.closeHTML).addClass(this.opts.closeClass)
: '')
.appendTo('body');
this.setPosition();
// fix issues with IE
if (ie6 || ieQuirks) {
this.fixIE();
}
// hide the data and add it to the container
this.dialog.container.append(this.dialog.data.hide());
},
/*
* Bind events
*/
bindEvents: function () {
var self = this;
// bind the close event to any element with the closeClass class
$('.' + this.opts.closeClass).bind('click.simplemodal', function (e) {
e.preventDefault();
self.close();
});
// update window size
$(window).bind('resize.simplemodal', function () {
// redetermine the window width/height
w = self.getDimensions();
// reposition the dialog
self.setPosition();
if (ie6 || ieQuirks) {
self.fixIE();
}
else {
// update the iframe & overlay
self.dialog.iframe && self.dialog.iframe.css({height: w[0], width: w[1]});
self.dialog.overlay.css({height: w[0], width: w[1]});
}
});
},
/*
* Unbind events
*/
unbindEvents: function () {
$('.' + this.opts.closeClass).unbind('click.simplemodal');
$(window).unbind('resize.simplemodal');
},
/*
* Fix issues in IE6 and IE7 in quirks mode
*/
fixIE: function () {
var p = this.opts.position;
// simulate fixed position - adapted from BlockUI
$.each([this.dialog.iframe || null, this.dialog.overlay, this.dialog.container], function (i, el) {
if (el) {
var bch = 'document.body.clientHeight', bcw = 'document.body.clientWidth',
bsh = 'document.body.scrollHeight', bsl = 'document.body.scrollLeft',
bst = 'document.body.scrollTop', bsw = 'document.body.scrollWidth',
ch = 'document.documentElement.clientHeight', cw = 'document.documentElement.clientWidth',
sl = 'document.documentElement.scrollLeft', st = 'document.documentElement.scrollTop',
s = el[0].style;
s.position = 'absolute';
if (i < 2) {
s.removeExpression('height');
s.removeExpression('width');
s.setExpression('height','' + bsh + ' > ' + bch + ' ? ' + bsh + ' : ' + bch + ' + "px"');
s.setExpression('width','' + bsw + ' > ' + bcw + ' ? ' + bsw + ' : ' + bcw + ' + "px"');
}
else {
var te, le;
if (p && p.constructor == Array) {
if (p[0]) {
var top = typeof p[0] == 'number' ? p[0].toString() : p[0].replace(/px/, '');
te = top.indexOf('%') == -1
? top + ' + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"'
: parseInt(top.replace(/%/, '')) + ' * ((' + ch + ' || ' + bch + ') / 100) + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"';
}
if (p[1]) {
var left = typeof p[1] == 'number' ? p[1].toString() : p[1].replace(/px/, '');
le = left.indexOf('%') == -1
? left + ' + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"'
: parseInt(left.replace(/%/, '')) + ' * ((' + cw + ' || ' + bcw + ') / 100) + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"';
}
}
else {
te = '(' + ch + ' || ' + bch + ') / 2 - (this.offsetHeight / 2) + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"';
le = '(' + cw + ' || ' + bcw + ') / 2 - (this.offsetWidth / 2) + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"';
}
s.removeExpression('top');
s.removeExpression('left');
s.setExpression('top', te);
s.setExpression('left', le);
}
}
});
},
getDimensions: function () {
var el = $(window);
// fix a jQuery/Opera bug with determining the window height
var h = $.browser.opera && $.browser.version > '9.5' && $.fn.jquery <= '1.2.6' ?
document.documentElement['clientHeight'] :
el.height();
return [h, el.width()];
},
setPosition: function () {
var top, left,
hCenter = (w[0]/2) - ((this.dialog.container.height() || this.dialog.data.height())/2),
vCenter = (w[1]/2) - ((this.dialog.container.width() || this.dialog.data.width())/2);
if (this.opts.position && this.opts.position.constructor == Array) {
top = this.opts.position[0] || hCenter;
left = this.opts.position[1] || vCenter;
} else {
top = hCenter;
left = vCenter;
}
this.dialog.container.css({left: left, top: top});
},
/*
* Open the modal dialog elements
* - Note: If you use the onOpen callback, you must "show" the
* overlay and container elements manually
* (the iframe will be handled by SimpleModal)
*/
open: function () {
// display the iframe
this.dialog.iframe && this.dialog.iframe.show();
if ($.isFunction(this.opts.onOpen)) {
// execute the onOpen callback
this.opts.onOpen.apply(this, [this.dialog]);
}
else {
// display the remaining elements
this.dialog.overlay.show();
this.dialog.container.show();
this.dialog.data.show();
}
// bind default events
this.bindEvents();
},
/*
* Close the modal dialog
* - Note: If you use an onClose callback, you must remove the
* overlay, container and iframe elements manually
*
* @param {boolean} external Indicates whether the call to this
* function was internal or external. If it was external, the
* onClose callback will be ignored
*/
close: function () {
// prevent close when dialog does not exist
if (!this.dialog.data) {
return false;
}
if ($.isFunction(this.opts.onClose) && !this.occb) {
// set the onClose callback flag
this.occb = true;
// execute the onClose callback
this.opts.onClose.apply(this, [this.dialog]);
}
else {
// if the data came from the DOM, put it back
if (this.dialog.parentNode) {
// save changes to the data?
if (this.opts.persist) {
// insert the (possibly) modified data back into the DOM
this.dialog.data.hide().appendTo(this.dialog.parentNode);
}
else {
// remove the current and insert the original,
// unmodified data back into the DOM
this.dialog.data.remove();
this.dialog.orig.appendTo(this.dialog.parentNode);
}
}
else {
// otherwise, remove it
this.dialog.data.remove();
}
// remove the remaining elements
this.dialog.container.remove();
this.dialog.overlay.remove();
this.dialog.iframe && this.dialog.iframe.remove();
// reset the dialog object
this.dialog = {};
}
// remove the default events
this.unbindEvents();
}
};
})(jQuery);