PHP + Javascript Snippets

js_move_elementToYPos(element, yPoint)

2007-06-08T03:18:00.001-07:00

/**
* Move element to vertical point.
*
* @param object element
* @param int yPoint
*/
function js_move_elementToYPos(element, yPoint){
element.style.position = 'absolute';
element.style.top = yPoint;
}

js_move_elementToXPos(element, xPoint)

2007-06-08T03:12:00.000-07:00

/**
* Move element to horizontal point.
*
* @param object element
* @param int xPoint
*/
function js_move_elementToXPos(element, xPoint){
element.style.position = 'absolute';
element.style.left = xPoint;
}

js_move_elementHorizontal(element, shiftHoriz)

2007-06-07T01:39:00.000-07:00

/**
* Move element horizontally.
*
* @param object element
* @param int shiftHorizontal
*/
function js_move_elementHorizontal(element, shiftHoriz){
element.style.position = 'relative';
element.style.left = shiftHoriz;
}

js_move_elementVertical(element, shiftVertical)

2007-06-07T01:37:00.000-07:00

/**
* Move element vertically.
*
* @param object element
* @param int shiftVertical
*/
function js_move_elementVertical(element, shiftVertical){
element.style.position = 'relative';
element.style.top = shiftVertical;
}

js_get_rand(max)

2007-06-07T01:34:00.000-07:00

/**
* Gets a random number
*
* @param int max
* @return int
*/
function js_get_rand(max){
return Math.random()*max;
}

js_get_isEven(n)

2007-06-07T01:30:00.002-07:00

/**
* Gets whether a number is even
*
* @param int n
* @return int
*/
function js_get_is_even(n){
return n % 2 == 0?true:false;
}

js_is_odd(n)

2007-06-07T01:30:00.001-07:00

/**
* Gets whether a number is odd.
*
* @param int n
* @return int
*/
function is_odd(n){
return n % 2 == 0?false:true;
}

js_get_screenCenterY()

2007-06-07T01:27:00.001-07:00

/**
* Gets the middle vertical point of the page
*/
function js_get_screenCenterY(){
return ( window.outerHeight - getScrollTop())/2;
}

js_get_screenCenterX()

2007-06-07T01:24:00.000-07:00

/**
* Gets the middle horizontal point of the page.
*/
function js_get_screenCenterX(){
return (window.outerWidth - js_get_scrollLeft())/2;
}

js_get_elementTop()

2007-06-07T01:21:00.000-07:00

/**
* Gets the vertical position of an element.
*
* Credit: http://www.aspandjavascript.co.uk/javascript/javascript_api/get_element_top_left.asp
*/
function js_get_elementTop(elem) {

yPos = elem.offsetTop;
tempEl = elem.offsetParent;
while (tempEl != null) {
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}

js_get_elementLeft()

2007-06-07T01:18:00.000-07:00

/**
* Gets the horizontal position of an element.
*
* Credit: http://www.aspandjavascript.co.uk/javascript/javascript_api/get_element_top_left.asp
*/
function js_get_elementLeft(elem) {

xPos = elem.offsetLeft;
tempEl = elem.offsetParent;
while (tempEl != null) {
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;

}

js_get_elementHeight()

2007-06-07T01:15:00.000-07:00

/**
* Gets the height of an element.
*
* Credit: http://www.aspandjavascript.co.uk/javascript/javascript_api/get_element_width_height.asp
*/
function js_get_elementHeight(elem) {

if (elem.style.pixelHeight) {
xPos = elem.style.pixelHeight;
}
else {
xPos = elem.offsetHeight;
}
return xPos;

}

js_get_elementWidth

2007-06-07T01:06:00.000-07:00

/**
* Get the width of an element
*
* Credit: http://www.aspandjavascript.co.uk/javascript/javascript_api/get_element_width_height.asp
*/
function js_get_elementWidth(elem) {

if (elem.style.pixelWidth) {
xPos = elem.style.pixelWidth;
}
else {
xPos = elem.offsetWidth;
}

return xPos;

}

js_get_pageWidth()

2007-06-07T01:05:00.000-07:00

/**
* Gets the width of a page
*
* Credit: http://www.quirksmode.org/viewport/compatibility.html
*/
function js_get_pageWidth(){

var x;
var test1 = document.body.scrollHeight;
var test2 = document.body.offsetHeight
if (test1 > test2) // all but Explorer Mac
{
x = document.body.scrollWidth;
}
else // Explorer Mac;
//would also work in Explorer 6 Strict, Mozilla and Safari
{
x = document.body.offsetWidth;
}

return x;

}

js_get_pageHeight()

2007-06-07T01:01:00.000-07:00

/**
* Gets the page height.
*
* Credit: http://www.quirksmode.org/viewport/compatibility.html
*/
function js_get_pageHeight(){

var y;
var test1 = document.body.scrollHeight;
var test2 = document.body.offsetHeight
if (test1 > test2) // all but Explorer Mac
{
y = document.body.scrollHeight;
}
else // Explorer Mac;
//would also work in Explorer 6 Strict, Mozilla and Safari
{
y = document.body.offsetHeight;
}

return y;

}

js_get_scrollTop()

2007-06-07T01:00:00.000-07:00

/**
* Gets the amount the page has been scrolled down.
*
* Credit: http://www.quirksmode.org/viewport/compatibility.html
*/
function js_get_scrollTop(){

if (self.pageYOffset) // all except Explorer
{
y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
y = document.body.scrollTop;
}

return y;

}

js_get_scrollLeft()

2007-06-07T00:57:00.000-07:00

/**
* Gets how much the page has been scrolled left.
*
* Credit: http://www.quirksmode.org/viewport/compatibility.html
*
*/
function js_get_scrollLeft(){

if (self.pageYOffset) // all except Explorer
{
x = self.pageXOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
x = document.documentElement.scrollLeft;
}
else if (document.body) // all other Explorers
{
x = document.body.scrollLeft;
}

return x;

}

js_get_browserInnerHeight

2007-06-07T00:52:00.000-07:00

/**
* Gets the inner height of the browser page.
*
* Credit: http://www.quirksmode.org/viewport/compatibility.html
*/
function js_get_browserInnerHeight(){

if (self.innerHeight) // all except Explorer
{
x = self.innerWidth;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
x = document.documentElement.clientWidth;
}
else if (document.body) // other Explorers
{
x = document.body.clientWidth;
}

return x;

}

js_get_browserInnerWidth

2007-06-07T00:42:00.000-07:00

/**
* Gets the inner width of the browser page.
*
* Credit: http://www.quirksmode.org/viewport/compatibility.html
*
function js_get_browserInnerWidth(){

if (self.innerHeight) // all except Explorer
{
y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
y = document.body.clientHeight;
}

return y;

}

js_get_pageInnerWidth

2007-06-07T00:41:00.000-07:00

bookmarklet

2007-05-15T01:52:00.000-07:00

/**
* For an excellent article on what bookmarklets are and how to use them see:
* hunlock.com - Bookmarklets
*
* Usage example:
<html>
<head>
</head>
<body>
<body>
Simply drag the link below to your bookmarklet toolbar. If you're using IE7 you will need to right click on the link and select add to favorites then save it in their "links" folder.
<br/>>br/>


<A HREF='javascript:(function(){var%20s=document.createElement(%22script%22);s.charset=%22UTF-8%22;s.src=%22http://ma.gnolia.com/meta/magf\
rame%22;document.body.appendChild(s)})();'>Bookmarklet</A>

</html>

*/
function(){var%20s=document.createElement(%22script%22);s.charset=%22UTF-8%22;s.src=%22http://ma.gnolia.com/meta/magf\
rame%22;document.body.appendChild(s)})();

js_set_opacity(el, value)

2007-05-15T00:40:00.000-07:00

/**
* Sets an element's opacity.
* @param obj el.
* @param int val - value from 0 to 10.
* Credit: quirksmode.org
*/
function js_set_opacity(el,value){
el.style.opacity = value/10;
el.style.filter = 'alpha(opacity=' + value*10 + ')'; // IE.
}

js_map_keyPress(actualKeyPress,keyPressToMatch,callback)

2007-04-17T04:28:00.000-07:00

/**
* Maps a key press to a function.
*
* @param int actualKeyPress.
* @param int keyPressToMatch.
* @param object callback.
*/
function js_map_keyPress(actualKeyPress,keyPressToMatch,callback){
if(actualKeyPress==keyPressToMatch){
callback();
}
}

js_get_keyCode(e)

2007-04-17T04:22:00.000-07:00

/**
* Returns the key code of a key press.
*
* @param object e.
* @return key code.
*/
function js_get_keyCode(e){

if(e.event){ // IE
keyCode = e.keyCode;
}
else if(e.which){
keyCode = e.which;
}
return keyCode;

}

js_create_socialBookmarks(container,path_to_icons)

2007-04-15T01:03:00.000-07:00

/**
* Creates links to social bookmarking sites.
*
* @param object container - div, span etc element to hold links.
* @param string path_to_icons - path to where the social bookmarking sites icons are.
*/
function js_create_socialBookmarks(container,path_to_icons){

var page = window.location;
var title = window.document.title;

links = new Array();

if(!path_to_icons || path_to_icons=='undefined'){
path_to_icons = './';
}

// Digg.
link = document.createElement('A');
link.href = "http://digg.com/submit?phase=2&url=" + escape(page) + "&title=" + escape(title);
link.setAttribute('title','Digg');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'digg.png');
img.setAttribute('border','0');

img.setAttribute('alt','digg');
link.appendChild(img);
links[links.length] = link;

// Delicious.
link = document.createElement('A');
link.href = "http://del.icio.us/post?url=" + escape(page) + "&title=" + escape(title);
link.setAttribute('title','del.icio.us');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'delicious.png');
img.setAttribute('border','0');
img.setAttribute('alt','del.icio.us');
link.appendChild(img);
links[links.length] = link;

// Stumbleupon.
link = document.createElement('A');
link.href = "http://www.stumbleupon.com/url/" + escape(page);

link.setAttribute('title','StumbleUpon');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'stumbleupon.png');
img.setAttribute('border','0');
img.setAttribute('alt','StumbleUpon');
link.appendChild(img);
links[links.length] = link;

// Reddit.
link = document.createElement('A');
link.href = "http://reddit.com/submit?url=" + escape(page) + "&title=" + escape(title);
link.setAttribute('title','Reddit');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'reddit.png');
img.setAttribute('border','0');
img.setAttribute('alt','Reddit');
link.appendChild(img);

links[links.length] = link;

// Technorati
link = document.createElement('A');
link.href = "http://technorati.com/faves?add=" + escape(page);
link.setAttribute('title','Technorati');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'technorati.png');
img.setAttribute('border','0');
img.setAttribute('alt','Technorati');
link.appendChild(img);
links[links.length] = link;

// Furl.
link = document.createElement('A');
link.href = "http://www.furl.net/storeIt.jsp?u=" + escape(page) + "&t=" + escape(title);
link.setAttribute('title','Furl');
img = document.createElement('IMG');

img.setAttribute('src', path_to_icons + 'furl.png');
img.setAttribute('border','0');
img.setAttribute('alt','Furl');
link.appendChild(img);
links[links.length] = link;

// Slashdot.
link = document.createElement('A');
link.href = "http://slashdot.org/bookmark.pl?title=" + escape(title) + "&url=" + escape(page);
link.setAttribute('title','Slashdot');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'slashdot.png');
img.setAttribute('border','0');
img.setAttribute('alt','Slashdot');
link.appendChild(img);

links[links.length] = link;

// Blinklist.
link = document.createElement('A');
link.href = "http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + escape(page) + "&Title=" + escape(page);
link.setAttribute('title','BlinkList');
img = document.createElement('IMG');
img.setAttribute('src', path_to_icons + 'blinklist.png');
img.setAttribute('border','0');
img.setAttribute('alt','BlinkList');
link.appendChild(img);
links[links.length] = link;

var max = links.length-1;

for(i=0;i<max;i++){

container.appendChild(links[i]);
}

}