Javascript Help

[Robbie]

Hey,

I want to use lightbox but I cant as Im using text and not images so I used 'iBox' and it all works fine except the page I am opening the iBox from is in an iFrame and i want the iBox to open in the actual page and not the iframe if you get me.


/************************************************** ******
For more info & download: http://www.ibegin.com/blog/p_ibox.html
Created for iBegin.com - local search done right
MIT Licensed Style
************************************************** *******/
var indicator_img_path = "/images/indicator.gif";
var indicator_img_html = "<img name=\"ibox_indicator\" src=\""+indicator_img_path+"\" alt=\"Loading...\"
style=\"width:128px;height:128px;\"/>"; // don't remove the name
var opacity_level = 8; // how transparent our overlay bg is
var ibAttr = "rel"; // our attribute identifier for our iBox elements

var imgPreloader = new Image(); // create an preloader object
function init_ibox() {
var elem_wrapper = "ibox";

createIbox(document.getElementsByTagName("body")[0]); //create our ibox
// elements here start the look up from the start non <a> tags
//var docRoot = (document.all) ? document.all : document.getElementsByTagName("*");

// Or make sure we only check <a> tags
var docRoot = document.getElementsByTagName("a");
var e;
for (var i = 0; i < docRoot.length - 1; i++) {
e = docRoot[i];
if(e.getAttribute(ibAttr)) {
var t = e.getAttribute(ibAttr);
if ((t.indexOf("ibox") != -1) || t.toLowerCase() == "ibox") { // check if this
element is an iBox element
e.onclick = function() { // rather assign an onclick event
var t = this.getAttribute(ibAttr);
var params = parseQuery(t.substr(5,999));
var url = this.href;
if(this.target != "") {url = this.target}

var title = this.title;
if(showIbox(url,title,params)) {
showBG();
window.onscroll = maintPos;
window.onresize = maintPos;
}
return false;
};

}
}
}
}
showBG = function() {
var box_w = getElem('ibox_w');

box_w.style.opacity = 0;
box_w.style.filter = 'alpha(opacity=0)';
setBGOpacity = setOpacity;
for (var i=0;i<=opacity_level;i++) {setTimeout("setIboxOpacity('ibox_w',"+i+")",70*i);} // from
quirksmode.org


box_w.style.display = "";
var pagesize = new getPageSize();
var scrollPos = new getScrollPos();
var ua = navigator.userAgent;

if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';}
/*else {box_w.style.width = pagesize.width-20+'px';}*/ // scrollbars removed! Hurray!
box_w.style.height = pagesize.height+scrollPos.scrollY+'px';
}
hideBG = function() {
var box_w = getElem('ibox_w');
box_w.style.display = "none";
}
var loadCancelled = false;
showIndicator = function() {
var ibox_p = getElem('ibox_progress');
ibox_p.style.display = "";
posToCenter(ibox_p);
ibox_p.onclick = function() {hideIbox();hideIndicator();loadCancelled = true;}
}

hideIndicator = function() {
var ibox_p = getElem('ibox_progress');
ibox_p.style.display = "none";
ibox_p.onclick = null;
}
createIbox = function(elem) {
// a trick on just creating an ibox wrapper then doing an innerHTML on our root ibox element
var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
strHTML += "<div id=\"ibox_progress\" style=\"display:none;\">";
strHTML += indicator_img_html;
strHTML += "</div>";
strHTML += "<div id=\"ibox_wrapper\" style=\"display:none\">";
strHTML += "<div id=\"ibox_content\"></div>";
strHTML += "<div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right;\">";
strHTML += "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" >Click here to close</a></div>";
strHTML += "<div id=\"ibox_footer\">&nbsp;</div></div></div></div>";
var docBody = document.getElementsByTagName("body")[0];
var ibox = document.createElement("div");
ibox.setAttribute("id","ibox");
ibox.style.display = '';
ibox.innerHTML = strHTML;
elem.appendChild(ibox);
}
var ibox_w_height = 0;
showIbox = function(url,title,params) {

var ibox = getElem('ibox_wrapper');
var ibox_type = 0;

// set title here
var ibox_footer = getElem('ibox_footer');
if(title != "") {ibox_footer.innerHTML = title;} else {ibox_footer.innerHTML = "&nbsp;";}

// file checking code borrowed from thickbox
var urlString =
/\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm| \.asp|\.aspx|\.jsp|\.jst|\.rb|\.rhtml|\.txt/g;

var urlType = url.match(urlString);
if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif'){
ibox_type = 1;
} else if(url.indexOf("#") != -1) {
ibox_type = 2;
} else if(urlType=='.htm'||urlType=='.html'||urlType=='.p hp'||
urlType=='.asp'||urlType=='.aspx'||urlType=='.jsp' ||
urlType=='.jst'||urlType=='.rb'||urlType=='.txt'|| urlType=='.rhtml'||
urlType=='.cfm') {
ibox_type = 3;
} else {
// override our ibox type if forced param exist
if(params['type']) {ibox_type = parseInt(params['type']);}
else{hideIbox();return false;}
}

ibox_type = parseInt(ibox_type);

switch(ibox_type) {

case 1:
showIndicator();

imgPreloader = new Image();

imgPreloader.onload = function(){

imgPreloader = resizeImageToScreen(imgPreloader);
hideIndicator();

var strHTML = "<img name=\"ibox_img\" src=\""+url+"\"
style=\"width:"+imgPreloader.width+"px;height:"+imgPreloader.height+"px;border:0;cursor:hand;margin:0;padding:0;posi
tion:absolute;\"/>";

if(loadCancelled == false) {

// set width and height
ibox.style.height = imgPreloader.height+'px';
ibox.style.width = imgPreloader.width+'px';

ibox.style.display = "";
ibox.style.visibility = "hidden";
posToCenter(ibox);
ibox.style.visibility = "visible";
setIBoxContent(strHTML);
}

}

loadCancelled = false;
imgPreloader.src = url;

break;
case 2:

var strHTML = "";

if(params['height']) {ibox.style.height = params['height']+'px';}
else {ibox.style.height = '280px';}

if(params['width']) {ibox.style.width = params['width']+'px';}
else {ibox.style.width = '450px';}

ibox.style.display = "";
ibox.style.visibility = "hidden";
posToCenter(ibox);
ibox.style.visibility = "visible";

getElem('ibox_content').style.overflow = "auto";

var elemSrcId = url.substr(url.indexOf("#") + 1,1000);

var elemSrc = getElem(elemSrcId);

if(elemSrc) {strHTML = elemSrc.innerHTML;}

setIBoxContent(strHTML);

break;

case 3:
showIndicator();
http.open('get',url,true);
http.onreadystatechange = function() {
if(http.readyState == 4){
hideIndicator();

if(params['height']) {ibox.style.height = params['height']+'px';}
else {ibox.style.height = '280px';}

if(params['width']) {ibox.style.width = params['width']+'px';}
else {ibox.style.width = '450px';}

ibox.style.display = "";
ibox.style.visibility = "hidden";
posToCenter(ibox);
ibox.style.visibility = "visible";
getElem('ibox_content').style.overflow = "auto";

var response = http.responseText;
setIBoxContent(response);

}
}

http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
http.send(null);
break;

default:

}


ibox.style.opacity = 0;
ibox.style.filter = 'alpha(opacity=0)';
var ibox_op_level = 10;

setIboxOpacity = setOpacity;
for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('ibox_wrapper',"+i+")",30*i);}
if(ibox_type == 2 || ibox_type == 3) {
ibox.onclick = null;getElem("ibox_close_a").onclick = function() {hideIbox();}
} else {ibox.onclick = hideIbox;getElem("ibox_close_a").onclick = null;}
return true;
}
setOpacity = function (elemid,value) {
var e = getElem(elemid);
e.style.opacity = value/10;
e.style.filter = 'alpha(opacity=' + value*10 + ')';
}
resizeImageToScreen = function(objImg) {

var pagesize = new getPageSize();

var x = pagesize.width - 100;
var y = pagesize.height - 100;
if(objImg.width > x) {
objImg.height = objImg.height * (x/objImg.width);
objImg.width = x;
if(objImg.height > y) {
objImg.width = objImg.width * (y/objImg.height);
objImg.height = y;
}
}
else if(objImg.height > y) {
objImg.width = objImg.width * (y/objImg.height);
objImg.height = y;
if(objImg.width > x) {
objImg.height = objImg.height * (x/objImg.width);
objImg.width = x;
}
}
return objImg;
}
maintPos = function() {

var ibox = getElem('ibox_wrapper');
var box_w = getElem('ibox_w');
var pagesize = new getPageSize();
var scrollPos = new getScrollPos();
var ua = navigator.userAgent;
if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';}
/*else {box_w.style.width = pagesize.width-20+'px';}*/
if(ua.indexOf("Opera/9") != -1) {box_w.style.height = document.body.scrollHeight+'px';}
else {box_w.style.height = pagesize.height+scrollPos.scrollY+'px';}

// alternative 1
//box_w.style.height = document.body.scrollHeight+50+'px';

posToCenter(ibox);

}
hideIbox = function() {
hideBG();
var ibox = getElem('ibox_wrapper');
ibox.style.display = "none";
clearIboxContent();
window.onscroll = null;
}
posToCenter = function(elem) {
var scrollPos = new getScrollPos();
var pageSize = new getPageSize();
var emSize = new getElementSize(elem);
var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX;
var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY;
elem.style.left = x+'px';
elem.style.top = y+'px';
}
getScrollPos = function() {
var docElem = document.documentElement;
this.scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft;
this.scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;
}
getPageSize = function() {
var docElem = document.documentElement
this.width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
this.height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
}
getElementSize = function(elem) {
this.width = elem.offsetWidth || elem.style.pixelWidth;
this.height = elem.offsetHeight || elem.style.pixelHeight;
}
setIBoxContent = function(str) {
clearIboxContent();
var e = getElem('ibox_content');
e.style.overflow = "auto";
e.innerHTML = str;

}
clearIboxContent = function() {
var e = getElem('ibox_content');
e.innerHTML = "";
}

getElem = function(elemId) {
return document.getElementById(elemId);
}
// parseQuery code borrowed from thickbox, Thanks Cody!
parseQuery = function(query) {
var Params = new Object ();
if (!query) return Params;
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;
}
/************************************************** ******
Make this IE7 Compatible ;)
http://ajaxian.com/archives/ajax-on-ie-7-check-native-first
************************************************** *******/
createRequestObject = function() {
var xmlhttp;
/*@cc_on
@if (@_jscript_version>= 5)
try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
catch (E) {xmlhttp = false;}
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != "undefined") {
try {xmlhttp = new XMLHttpRequest();} catch (e) {xmlhttp = false;}
}
return xmlhttp;
}
var http = createRequestObject();
function addEvent(obj, evType, fn){
if (obj.addEventListener){
obj.addEventListener(evType, fn, false);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
addEvent(window, 'load', init_ibox);


is the javascript. If anyone could edit it for me I'd be very grateful. Thanks.