0% found this document useful (0 votes)
3K views8 pages

TT Thickbox Compressed - Js

ttggfgfg

Uploaded by

jaarit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3K views8 pages

TT Thickbox Compressed - Js

ttggfgfg

Uploaded by

jaarit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 8

/*

* Thickbox 3.1 - One Box To Rule Them All.


* By Cody Lindley (http://www.codylindley.com)
* Copyright (c) 2007 cody lindley
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-licens
e.php
*/
var tb_pathToImage = "http://media.ttgtmedia.com/techguide/iis/images/loadingAni
mation.gif";
/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!
!*/
//on page load call tb_init
$(document).ready(function(){
tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to app
ly thickbox
imgLoader = new Image();// preload image
imgLoader.src = tb_pathToImage;
});
//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
tb_show(t,a,g);
this.blur();
return false;
});
}
function tb_show(caption, url, imageGroup) {//function called when the user clic
ks on a thickbox link
try {
if (typeof document.body.style.maxHeight === "undefined") {//if
IE 6
$("body","html").css({height: "100%", width: "100%"});
$("html").css("overflow","hidden");
if (document.getElementById("TB_HideSelect") === null) {
//iframe to hide select elements in ie6
$("body").append("<iframe id='TB_HideSelect'></i
frame><div id='TB_overlay'></div><div id='TB_window'></div>");
$("#TB_overlay").click(tb_remove);
}
}else{//all others
if(document.getElementById("TB_overlay") === null){
$("body").append("<div id='TB_overlay'></div><di
v id='TB_window'></div>");
$("#TB_overlay").click(tb_remove);
}
}
if(tb_detectMacXFF()){
$("#TB_overlay").addClass("TB_overlayMacFFBGHack");//use
png overlay so hide flash
}else{
$("#TB_overlay").addClass("TB_overlayBG");//use backgrou

nd and opacity
}
if(caption===null){caption="";}
//$("body").append("<div id='TB_load'><img src='"+imgLoader.src+
"' /></div>");//add loader to the page
//$('#TB_load').show();//show loader
var baseURL;
if(url.indexOf("?")!==-1){ //ff there is a query string involved
baseURL = url.substr(0, url.indexOf("?"));
}else{
baseURL = url;
}
var urlString = /\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/;
var urlType = baseURL.toLowerCase().match(urlString);
if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png'
|| urlType == '.gif' || urlType == '.bmp'){//code to show images
TB_PrevCaption = "";
TB_PrevURL = "";
TB_PrevHTML = "";
TB_NextCaption = "";
TB_NextURL = "";
TB_NextHTML = "";
TB_imageCount = "";
TB_FoundURL = false;
if(imageGroup){
TB_TempArray = $("a[@rel="+imageGroup+"]").get()
;
for (TB_Counter = 0; ((TB_Counter < TB_TempArray
.length) && (TB_NextHTML === "")); TB_Counter++) {
var urlTypeTemp = TB_TempArray[TB_Counte
r].href.toLowerCase().match(urlString);
if (!(TB_TempArray[TB_Counter].h
ref == url)) {
if (TB_FoundURL) {
TB_NextCaption =
TB_TempArray[TB_Counter].title;
TB_NextURL = TB_
TempArray[TB_Counter].href;
TB_NextHTML = "<
span id='TB_next'>&nbsp;&nbsp;<a href='#'>Next &gt;</a></span>";
} else {
TB_PrevCaption =
TB_TempArray[TB_Counter].title;
TB_PrevURL = TB_
TempArray[TB_Counter].href;
TB_PrevHTML = "<
span id='TB_prev'>&nbsp;&nbsp;<a href='#'>&lt; Prev</a></span>";
}
} else {
TB_FoundURL = true;
TB_imageCount = "Image "
+ (TB_Counter + 1) +" of "+ (TB_TempArray.length);
}
}
}
imgPreloader = new Image();

imgPreloader.onload = function(){
imgPreloader.onload = null;
// Resizing large images - orginal by Christian Montoya
edited by me.
var pagesize = tb_getPageSize();
var x = pagesize[0] - 150;
var y = pagesize[1] - 150;
var imageWidth = imgPreloader.width;
var imageHeight = imgPreloader.height;
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeig
ht);
imageHeight = y;
}
} else if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWi
dth);
imageWidth = x;
}
}
// End Resizing
TB_WIDTH = imageWidth + 30;
TB_HEIGHT = imageHeight + 60;
$("#TB_window").append("<a href='' id='TB_ImageOff' titl
e='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imag
eHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='
TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div
id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</
a> or Esc Key</div>");
$("#TB_closeWindowButton").click(tb_remove);
if (!(TB_PrevHTML === "")) {
function goPrev(){
if($(document).unbind("click",goPrev)){$
(document).unbind("click",goPrev);}
$("#TB_window").remove();
$("body").append("<div id='TB_window'></
div>");
tb_show(TB_PrevCaption, TB_PrevURL, imag
eGroup);
return false;
}
$("#TB_prev").click(goPrev);
}
if (!(TB_NextHTML === "")) {
function goNext(){
$("#TB_window").remove();
$("body").append("<div id='TB_window'></
div>");
tb_show(TB_NextCaption, TB_NextURL, imag

eGroup);
return false;
}
$("#TB_next").click(goNext);
}
document.onkeydown = function(e){
if (e == null) { // ie
keycode = event.keyCode;
} else { // mozilla
keycode = e.which;
}
if(keycode == 27){ // close
tb_remove_tt('skip');
} else if(keycode == 190){ // display previous i
mage
if(!(TB_NextHTML == "")){
document.onkeydown = "";
goNext();
}
} else if(keycode == 188){ // display next image
if(!(TB_PrevHTML == "")){
document.onkeydown = "";
goPrev();
}
}
};
tb_position();
$("#TB_load").remove();
$("#TB_ImageOff").click(tb_remove);
$("#TB_window").css({display:"block"}); //for safari usi
ng css instead of show
};
imgPreloader.src = url;
}else{//code to show html
var queryString = url.replace(/^[^\?]+\??/,'');
var params = tb_parseQuery( queryString );
//TB_WIDTH = (params['width']*1) + 30 || 630; //defaults
to 630 if no paramaters were added to URL
TB_WIDTH = (params['width']*1) + 0|| 630; //defaults to
630 if no paramaters were added to URL
//TB_HEIGHT = (params['height']*1) + 40 || 440; //defaul
ts to 440 if no paramaters were added to URL
TB_HEIGHT = (params['height']*1) + 27 || 440; //defaults
to 440 if no paramaters were added to URL
ajaxContentW = TB_WIDTH - 30;
ajaxContentH = TB_HEIGHT - 45;
if(url.indexOf('TB_iframe') != -1){// either iframe or a
jax window
urlNoQuery = url.split('TB_');
$("#TB_iframeContent").remove();
if(params['modal'] != "true"){//iframe n
o modal
rndCacheBuster = Math.round(Math.ran
dom()*1000);

$("#TB_window").append("<div id=
'TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWi
ndow'><a href='#' id='TB_closeWindowButton' title='Close'>Skip this advertisemen
t</a></div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='
TB_iframeContent' name='TB_iframeContent"+rndCacheBuster+"' onload='tb_showIfram
e()' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' s
crolling='no' > </iframe>");
}else{//iframe modal
$("#TB_overlay").unbind();
rndCacheBuster = Math.round(Math.random(
)*1000);
$("#TB_window").append("<iframe
frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='T
B_iframeContent"+rndCacheBuster+"' onload='tb_showIframe();' style='width:"+(aja
xContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;'> </iframe>");
}
}else{// not an iframe, ajax
if($("#TB_window").css("display") != "bl
ock"){
if(params['modal'] != "true"){//
ajax no modal
$("#TB_window").append("<div id=
'TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWi
ndow'><a href='#' id='TB_closeWindowButton'>close</a> or Esc Key</div></div><div
id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'>
</div>");
}else{//ajax modal
$("#TB_overlay").unbind();
$("#TB_window").append("<div id=
'TB_ajaxContent' class='TB_modal' style='width:"+ajaxContentW+"px;height:"+ajaxC
ontentH+"px;'></div>");
}
}else{//this means the window is already
up, we are just loading new content via ajax
$("#TB_ajaxContent")[0].style.wi
dth = ajaxContentW +"px";
$("#TB_ajaxContent")[0].style.he
ight = ajaxContentH +"px";
$("#TB_ajaxContent")[0].scrollTo
p = 0;
$("#TB_ajaxWindowTitle").html(ca
ption);
}
}
$("#TB_closeWindowButton").click(tb_remove);
if(url.indexOf('TB_inline') != -1){
$("#TB_ajaxContent").append($('#' + para
ms['inlineId']).children());
$("#TB_window").unload(function () {
$('#' + params['inlineId']).appe
nd( $("#TB_ajaxContent").children() ); // move elements back when you're finishe
d
});
tb_position();
$("#TB_load").remove();
$("#TB_window").css({display:"block"});
}else if(url.indexOf('TB_iframe') != -1){
tb_position();

if($.browser.safari){//safari needs help


because it will not fire iframe onload
$("#TB_load").remove();
$("#TB_window").css({display:"bl
ock"});
}
}else{
$("#TB_ajaxContent").load(url += "&rando
m=" + (new Date().getTime()),function(){//to do a post change this load method
tb_position();
$("#TB_load").remove();
tb_init("#TB_ajaxContent a.thick
box");
$("#TB_window").css({display:"bl
ock"});
});
}
}
if(!params['modal']){
document.onkeyup = function(e){
if (e == null) { // ie
keycode = event.keyCode;
} else { // mozilla
keycode = e.which;
}
if(keycode == 27){ // close
tb_remove_tt('skip');
}
};
}
} catch(e) {
//nothing here
}
}
//helper functions below
function tb_showIframe(){
$("#TB_load").remove();
$("#TB_window").css({display:"block"});
}
function tb_remove() {
$("#TB_imageOff").unbind("click");
$("#TB_closeWindowButton").unbind("click");
$("#TB_window").fadeOut("slow",function(){$('#TB_window,#TB_overlay,#TB_
HideSelect').trigger("unload").unbind().remove();});
$("#TB_load").remove();
if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
$("body","html").css({height: "auto", width: "auto"});
$("html").css("overflow","");
}
document.onkeydown = "";
document.onkeyup = "";
//add for TT
if (typeof prestitialTimeOut != "undefined") {
window.clearTimeout(prestitialTimeOut);
}

if (prestitialHBX) {
for ( var i=0, len=prestitialHBXArraySkip.length; i<len; ++i ) {
eval(prestitialHBXArraySkip[i]);
}
_hbSend();
prestitialHBX = false;
}
return false;
}
function tb_remove_tt(type) {
$("#TB_imageOff").unbind("click");
$("#TB_closeWindowButton").unbind("click");
$("#TB_window").fadeOut("slow",function(){$('#TB_window,#TB_overlay,#TB_
HideSelect').trigger("unload").unbind().remove();});
$("#TB_load").remove();
if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
$("body","html").css({height: "auto", width: "auto"});
$("html").css("overflow","");
}
document.onkeydown = "";
document.onkeyup = "";
//add for TT
if (typeof prestitialTimeOut != "undefined") {
window.clearTimeout(prestitialTimeOut);
}
if (prestitialHBX) {
for ( var i=0, len=prestitialHBXArrayAuto.length; i<len; ++i ) {
eval(prestitialHBXArrayAuto[i]);
}
_hbSend();
prestitialHBX = false;
}
return false;
}
function tb_position() {
$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width
: TB_WIDTH + 'px'});
if ( !(jQuery.browser.msie && jQuery.browser.version < 7)) { // take awa
y IE6
$("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),1
0) + 'px'});
}
}
function tb_parseQuery ( query ) {
var Params = {};
if ( ! query ) {return Params;}// return empty object
var Pairs = query.split(/[;&]/);
for ( var i = 0; i < Pairs.length; i++ ) {
var KeyVal = Pairs[i].split('=');
if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
var key = unescape( KeyVal[0] );
var val = unescape( KeyVal[1] );
val = val.replace(/\+/g, ' ');
Params[key] = val;
}
return Params;
}

function tb_getPageSize(){
var de = document.documentElement;
var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) ||
document.body.clientWidth;
var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight)
|| document.body.clientHeight;
arrayPageSize = [w,h];
return arrayPageSize;
}
function tb_detectMacXFF() {
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
return true;
}
}

You might also like