widescreen vkontakte

By vkchk Last update Mar 12, 2009 — Installed 3,481 times.

There are 1 previous version of this script.

// ==UserScript==
// @name           widescreen vkontakte
// @namespace      http://vkontakte.ru/
// @include        http://vkontakte.ru/*
// @description    widescreen vkontakte modification
// ==/UserScript==

// ----------------------------------------------------------------------------
// vkontakte_widescreen_mod 0.0.2
// written by vkchk
// feel free to send bugs and suggestions to vkchk@ya.ru
// ----------------------------------------------------------------------------


// options --------------------------------------------------------------------

var width_inc = 209;

/* ----------------------------------------------------------------------------
	*** getElementsByClassName function ***
	Developed by Robert Nyman, http://www.robertnyman.com
	Code/licensing: http://code.google.com/p/getelementsbyclassname/
   ---------------------------------------------------------------------------- */

var getElementsByClassName = function (className, tag, elm){
	if (document.getElementsByClassName) {
		getElementsByClassName = function (className, tag, elm) {
			elm = elm || document;
			var elements = elm.getElementsByClassName(className),
				nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
				returnElements = [],
				current;
			for(var i=0, il=elements.length; i<il; i+=1){
				current = elements[i];
				if(!nodeName || nodeName.test(current.nodeName)) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	else if (document.evaluate) {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = "",
				xhtmlNamespace = "http://www.w3.org/1999/xhtml",
				namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
				returnElements = [],
				elements,
				node;
			for(var j=0, jl=classes.length; j<jl; j+=1){
				classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
			}
			try	{
				elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
			}
			catch (e) {
				elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
			}
			while ((node = elements.iterateNext())) {
				returnElements.push(node);
			}
			return returnElements;
		};
	}
	else {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = [],
				elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
				current,
				returnElements = [],
				match;
			for(var k=0, kl=classes.length; k<kl; k+=1){
				classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
			}
			for(var l=0, ll=elements.length; l<ll; l+=1){
				current = elements[l];
				match = false;
				for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
					match = classesToCheck[m].test(current.className);
					if (!match) {
						break;
					}
				}
				if (match) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	return getElementsByClassName(className, tag, elm);
};
// --------------------------------------------------------------------------------

function setWidth(elementId,orig_width) {
   var element = document.getElementById(elementId);
   if ( element != null)
      element.style.width = ( orig_width + width_inc ) + "px";
}

function setWidthClass(classname,type,orig_width) {
   var elems = getElementsByClassName(classname, type);
   
   for (var i in elems){
      elems[i].style.width = ( orig_width + width_inc ) + "px";
   }
}

// fixing title ---------------------------------------------------------------------
document.title = document.title.replace(/В Контакте \| /, "") + " - В Контакте";

// whole page width -----------------------------------------------------------
setWidth("pageLayout",791);
setWidth("pageBody",632);

// fucking header fix (maunal redrawing) --------------------------------------------------------------------------------
var header = document.getElementById("pageHeader");

var header_border = document.createElement("div");
header_border.setAttribute("style","position:relative; left:-2px; width:" +(791+width_inc+2)+ "px; height: 42px; background-color:#A6BBCF; -moz-border-radius:0 0 8px 8px; z-index:-1; border: 1px solid #345E8C; border-top: 0px;"); //
header.appendChild(header_border);

header.setAttribute("style","height:41px; -moz-border-radius:0 0 8px 8px; background-image:url(http://antibox.org/images/vk_header_line.gif); background-repeat: repeat-x;");
setWidth("pageHeader",791);

var header_logo = document.createElement("div");
header_logo.setAttribute("style","position:absolute; width:131px; height:25px; top:8px; left:11px; background-image:url(http://antibox.org/images/vk_logo.gif); background-repeat: none;");
header_logo.innerHTML = "";
header.appendChild(header_logo);

var header_addon = document.createElement("div");
header_addon.setAttribute("style","position:absolute; width:"+(630+width_inc)+"px; height:2px; top:43px; left:144px; background-color:#D5DDE6; border:1px solid #EAEEF3; border-top:0px; border-bottom:0px;");
header_addon.innerHTML = "";
var header_addon_inner = document.createElement("div");
header_addon_inner.setAttribute("style","position:absolute; width:"+(630+width_inc-4)+"px; height:2px; top:0px; left:1px; background-color:#FBF3C4; border:1px solid #E4DDB4; border-top:0px; border-bottom:0px;");
header_addon_inner.innerHTML = "";
header_addon.appendChild(header_addon_inner);
header.appendChild(header_addon);

// profile view ---------------------------------------------------------------
if (location.href.search(/vkontakte\.ru\/profile\.php/i) != -1 ||
    location.href.search(/vkontakte\.ru\/id/i) != -1) {
   // rightColomn
   setWidth("rightColumn",396);
   //dataWarp - right column of the self-description
   setWidthClass("dataWrap", "div", 260);
   setWidth("op_field",360);
   setWidth("reply_field",360);
}

// news view ------------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/news\.php/i) != -1) {
   //feedStory
   setWidthClass("feedStory", "td", 510);
}

// friends view ---------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/friend\.php/i) != -1) {
   //friendsCont
   setWidth("friendsCont", 606);
}

// photos view ----------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/photos\.php/i) != -1) {
   //feedStory
   setWidthClass("results","div",606);
   setWidthClass("aname", "div", 390);
   setWidthClass("adesc", "div", 390);

   setWidth("photocaptionleft",606);
   setWidth("photoinfo",606);
   setWidth("photocomment",400);
   setWidth("commentArea",400);
}

// video view -----------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/video/i) != -1) {
   setWidthClass("results", "div", 606);
   setWidthClass("aname", "div", 390);
   setWidthClass("adesc", "div", 390);
   setWidth("videocaption",470);
   setWidth("videoinfo",606);
   setWidth("videocomment",400);
   setWidth("reply_field",400);
}

// messages view --------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/mail\.php/i) != -1) {
   setWidthClass("messageSnippet", "td", 300);
   setWidth("dialog", 460);
   setWidth("reply_field", 400);
   document.getElementById("reply_field").style.height = "200px";
   var elems = getElementsByClassName("formTable", "table");
   for (var i in elems) {
      elems[i].rows[1].cells[2].style.width = ( 285 + width_inc ) + "px";
   }
}                           

// notes view -----------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/note/i) != -1) {
   if (document.getElementById("notesBar") != null)
      document.getElementById("notesBar").style.backgroundImage = "none";

   var elems = getElementsByClassName("notesEdit", "div");
   for (var i in elems) {
      elems[i].style.backgroundImage = "none";
   }
   if (document.getElementById("sidePanel") != null){
      document.getElementById("sidePanel").style.width = "140px";
      document.getElementById("sidePanel").childNodes[1].style.paddingLeft = "0px";
      setWidth("editFrame",448);
   }
   setWidth("mainPanel",451);
   setWidthClass("note_body","div",350);
   setWidth("comment",380);
   setWidth("blogcomment",400);
}

// group list view ------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/groups\.php/i) != -1) {
   setWidthClass("grouprow","div",594);
   setWidthClass("info","td",468);
}

// group wiew -----------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/club/i) != -1) {
   setWidthClass("left","div",395);
   setWidthClass("dataWrap","div",260);
}
// group wiew -----------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/board/i) != -1 ||
    location.href.search(/vkontakte\.ru\/topic/i) != -1 ) {
   setWidthClass("postBody","div",420);

}

// apps wiew ------------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/apps/i) != -1) {
   setWidthClass("appRowFixed","div",440);

}

// questions wiew -------------------------------------------------------------
else if (location.href.search(/vkontakte\.ru\/questions/i) != -1) {
   setWidthClass("text","div",410);
   setWidth("reply_field",440);
   setWidthClass("questionOut","div",584);
   setWidthClass("questionOutTwo","div",582);

   var elems = getElementsByClassName("questionInner", "div");
   for (var i in elems) {
      elems[i].parentNode.style.width = (width_inc + 520) + "px";
   }


}