gibney.org
:
Technology
:
Javascript
:
Bookmarklets
:
Resizer
search:
terms of service
imprint
gibney.org
is powered by
m1d1
Resizer
(Entry Nr. 43, by user 1 |
edit
)
//
/* Bookmarklet Script by Gibney-Enterprises This one adds a littel scale-handle to a textarea Create a bookmarklet with an uri like this: javascript:if (document.createElement){void(head=document.getElementsByTagName('head').item(0));void(script=document.createElement('script'));void(script.src='http://javascript.gibney.org/resizer.js');void(script.type='text/javascript');void(head.appendChild(script));} */ var isDOM=document.getElementById&&!document.all; var drag=false; var objOffsetX,objOffsetY; var mouseX,mouseY; var dragObj; var scalerToObj; function handleMouseMove(e) { if (drag) { dragObj.style.left = isDOM ? (objOffsetX + e.clientX - mouseX)+'px' : (objOffsetX + event.clientX - mouseX)+'px'; dragObj.style.top = isDOM ? (objOffsetY + e.clientY - mouseY)+'px' : (objOffsetY + event.clientY - mouseY)+'px'; dragObj.target.style.width =(getLeft(dragObj)-getLeft(dragObj.target))+'px'; dragObj.target.style.height=(getTop(dragObj)-getTop(dragObj.target))+'px'; return false; } } function selectScaler(e) { var tempObj = isDOM ? e.target : event.srcElement; if (tempObj.src) { var temp = tempObj.src; tempObjSrc=temp.substr(temp.length-10); if (tempObjSrc=='scaler.gif') { drag = true; dragObj = tempObj; objOffsetX = parseInt(dragObj.style.left+0); objOffsetY = parseInt(dragObj.style.top+0); mouseX = isDOM ? e.clientX : event.clientX; mouseY = isDOM ? e.clientY : event.clientY; document.onmousemove=handleMouseMove; return false; } } } function getTop(Element) { if (Element.offsetParent) return Element.offsetTop+getTop(Element.offsetParent); else return Element.offsetTop; } function getLeft(Element) { if (Element.offsetParent) return Element.offsetLeft+getLeft(Element.offsetParent) else return Element.offsetLeft; } function getWidth(Element) { return Element.offsetWidth; } function stopDrag() { drag=false; reAlignScalers(); } function reAlignScalers() { var out=''; var i; var tempImgSrc var images=document.getElementsByTagName('img'); for (i=0; i
Create a new entry at this position:
Title:
A short summary:
Entry text:
Text-Mode:
Text
Easy HTML
HTML
!