DZone Snippets: div code

Change colour when a div (runtime dimension and position) contains another div (fixed dimension and position)

ziobudda (ziobudda) — Fri, 11 May 2007 00:12:56 GMT

This code is not tested so much, and is little slow. It is only a test, but it works. Requires PROTOTYPE.JS



        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





  Prova di selezione rettangolo

div function

gregg.irwin (Gregg Irwin) — Tue, 10 Jan 2006 05:32:54 GMT



    div: func [

        "Returns the quotient and remainder of the first value divided by the second."

        value1 [number! money! time!]

        value2 [number! money! time!]

    ][

        reduce [round/down value1 / value2  remainder value1 value2]

    ]

HitTest //JavaScript Function

jonasraoni (Jonas Raoni Soares Silva) — Thu, 24 Nov 2005 18:55:27 GMT

With this it's possible to correct the "SELECT over DIV" IE bug as i showed in the example bellow

it checks one element (or an array of them) against another one and returns the itens that matched the hit test (if the element superposes the other one in any place)

[UPDATED CODE AND HELP CAN BE FOUND HERE]

code



//+ Jonas Raoni Soares Silva

//@ http://jsfromhell.com/geral/hittest [v1.0]



hitTest = function(o, l){

	function getOffset(o){

		for(var r = {l: o.offsetLeft, t: o.offsetTop, r: o.offsetWidth, b: o.offsetHeight};

			o = o.offsetParent; r.l += o.offsetLeft, r.t += o.offsetTop);

		return r.r += r.l, r.b += r.t, r;

	}

	for(var b, s, r = [], a = getOffset(o), j = isNaN(l.length), i = (j ? l = [l] : l).length; i;

		b = getOffset(l[--i]), (a.l == b.l || (a.l > b.l ? a.l <= b.r : b.l <= a.r))

		&& (a.t == b.t || (a.t > b.t ? a.t <= b.b : b.t <= a.b)) && (r[r.length] = l[i]));

	return j ? !!r.length : r;

};

usage









    





    

    DIV x SELECT