- Sport=20 Algemeen|=20
- Sport=20 Brabant|=20
- Sport Zeeland| =
- Amateurvoetbal|= =20
- NAC|=20
- RBC|=20
- Giants|=20
- Voetbalcoach|=20
U bevindt zich hier =9B Sport =9B
![3D"zwaar](3D"http://www.bndestem.nl/bndestem.nl/images/weer_verkeer/C.gif")
=20
'Spelen in tweede klasse mijn droom'
door Gino van den Broecke. woensdag 17 december 2008 | = 08:23 |=20 Laatst bijgewerkt op: woensdag 17 december 2008 | 08:58
Tekstgrootte =
Tatsjana van den Eynde is bezig aan een voortreffelijk seizoen met = Rapide.=20 Ongeslagen koploper en hard op weg naar de tweede klasse. En hoe je moet = hockeyen, dat wil ze thuis best even demonstreren aan haar jongere = halfbroertje=20 Vince. foto Camile Schelstraete
HOCKEY - De competitie is halverwege, de koppositie = stevig in=20 handen en aan de horizon lonkt de tweede klasse. "En op dat niveau wil = ik=20 dolgraag spelen", zegt Rapide-spits Tatsjana van den Eynde.
De = teller=20 staat inmiddels op dertien. Nul verliespartijen en een gat van zes = punten met de=20 nummer twee. "Het kan beroerder. Het draait als een tierelier en dat is = de=20 verdienste van iedereen in en rondom de groep."De in het = Belgische Rumst=20 geboren Van den Eynde (20) is bezig aan haar derde seizoen bij het = eerste=20 vrouwenteam. In de vierde klasse maakte ze in haar eerste seizoen, toen = Rapide=20 via de groene tafel promoveerde, 23 treffers. Vorig seizoen, tijdens het = debuutjaar in de derde klasse, was het aan de magere kant. "Ik weet niet = eens=20 hoeveel het er waren, maar vooral de start van vorig seizoen wil ik zo = snel=20 mogelijk vergeten. Dramatisch en niet leuk."
Momenteel draait de=20 bordeauxrode machine elke zondag op volle toeren. "Het past en klopt = allemaal.=20 We hebben een ondoordringbaar blok achterin en een heel sterk = middenveld. Als=20 spits is dat heerlijk. Je kunt eens een actie maken of een bal = verspelen. Die is=20 toch binnen enkele tellen terug heroverd. Prachtig."
De jonge = spits heeft=20 een goed oog voor de juiste plek, maar roemt toch vooral haar = medespeelsters.=20 "Met de snelheid van Roliene Zaman en Stefanie van Haperen op de flanken = =E9n de=20 techniek en ervaring van Lieke Alberti achter me, is het heerlijk spelen = als=20 aanvalster. De ballen komen toch wel voor doel, ik moet er op het juiste = moment=20 staan."
Van den Eynde zegt dat ze de voorbije jaren een flinke=20 ontwikkeling heeft doorgemaakt. Als speelster, als mens. "Ik ben niet = meer zo=20 snel op de teentjes getrapt, ik reageer minder fel op beslissingen van = de=20 scheidsrechter en ben veel geconcentreerder. Ik hou me minder bezig met = de=20 randzaken. Ik ben volwassener en veel zelfverzekerder = geworden."
Waar=20 vorig seizoen de motor maar net op tijd begon te draaien, zit het team = van=20 Markjan de Jonge en Frank van Campenhout momenteel in een 'flow'. =
"Nu=20 hebben we wel dat beetje extra geluk dat wat we vorig seizoen niet = hadden.=20 Bovendien zorgt resultaat ook voor vertrouwen en vertrouwen weer voor = meer=20 geluk. De echte reden waarom het beter gaat? We opereren nu meer als een = hecht=20 team. Gaan voor elkaar door het vuur en knokken tot de laatste minuut. = We kunnen=20 conditioneel ook meer brengen."
Noodzakelijk om te overleven. = Want de=20 verrassende koploper wordt nu met harde middelen bestreden. "Je merkt = dat we de=20 te kloppen ploeg zijn. Teams wapenen zich tegen ons. Dat is wel een = mooie=20 ervaring. Het kost ons extra kracht."
Met een trefzekere spits, = een bijna=20 onpasseerbare verdediging en Sonja Matena als strafcornerspecialiste, = zijn alle=20 stukjes op hun plaats gevallen, meent Van den Eynde. "Sonja is ons = kanon. De=20 strafcorner loopt geweldig en hij kan in diverse varianten gespeeld=20 worden."
De Pabo-studente weet de plank dit jaar trouwens ook = goed te=20 raken. "Prettig want als spits word je afgerekend op doelpunten. = Tenminste, zo=20 zie ik dat. Ik heb die goals ook nodig. Die geven vertrouwen en vooral = durf. Die=20 23 treffers evenaren is geen must, maar als het lukt, zou het wel gaaf=20 zijn."
Van den Eynde trainde al eens mee bij EMHC in haar = studiestad=20 Eindhoven. Dat team speelt tweede klasse. Misschien wel een tegenstander = voor=20 volgend seizoen. "Dat zou gaaf zijn. Ik wil voor mezelf zo hoog mogelijk = hockeyen =E9n plezier aan het spelletje beleven. Bij Rapide heb ik het = allebei. Ik=20 ben op mijn zestiende in een warm nest terecht gekomen, vol met = vriendinnen. Dat=20 zou ik niet willen missen. Ik speelde bij Braxgata in Belgi=EB, maar = door de=20 verhuizing naar Clinge kon ik er niet blijven. Daar was het niveau = misschien wel=20 hoger, maar de sfeer veel minder. Terwijl ik dat toch erg belangrijk = vind om me=20 thuis te voelen."
Ze wil nu met Rapide hogerop. "We mogen het = niet meer=20 uit handen geven, al zal de tweede competitiehelft heel zwaar worden. = Iedereen=20 zal tegen ons voluit gaan, maar we moeten dit samen afmaken. En waar we = dan ook=20 zullen spelen, op het bestaande dan wel op een fonkelnieuw complex; voor = de=20 gemeente Hulst zou het prachtig zijn dat er een tweedeklasser huist." = Leeftijd:=20 20 jaar
Woonplaats: Clinge/ Eindhoven
Relatie: met=20 Geert
Studie : tweedejaars Pabo-studente in = Eindhoven
Sport:=20 hockey
Clubs: Braxgata (B), Rapide
Positie :=20 spits
Hoogtepunt: promotie naar derde klasse =E9n 23 goals in=20 debuutseizoen
Dieptepunt: het afgelopen seizoen.
Ambitie: = promotie=20 met Rapide naar de tweede klasse
![3D""](3D"http://www.bndestem.nl/bndestem.nl/images/mail_icon.gif")
=20
Doorsturen=20
![3D""=20](3D"http://www.bndestem.nl/bndestem.nl/images/print_icon.gif")
![3D"bewaar](3D"http://www.bndestem.nl/bndestem.nl/images/delicious.gif")
![3D"Deel](3D"http://www.bndestem.nl/bndestem.nl/images/ekudos.gif")
=20
![3D"Deel](3D"http://www.bndestem.nl/bndestem.nl/images/nujij.gif")
=20
![3D"Deel](3D"http://www.bndestem.nl/bndestem.nl/images/msnreporter.gif")
![3D""=20](3D"http://www.bndestem.nl/bndestem.nl/images/reactie_icon.gif")
Reageren(0)=20
- wo 17-12
- wo 17-12
- wo 17-12
- wo 17-12
- wo 17-12
- wo 17-12
- wo 17-12
- di 16-12
- di 16-12
- di 16-12
- wo 17-12
Reageren
Z=F3 reageert U:
![](3D"http://www.bndestem.nl/multimedia/archive/00958/blue_958341b.gif")
=
=
=
Sport Zeeland
Jacques Hendriks=20
(chef)
Peter de = Brie (plv.=20 chef)
Yadran = Blanco
Ad Pertijs
Karel Pleunis
Dennis van Bergen
Jan Martens
Peter de = Brie (plv.=20 chef)
Yadran = Blanco
- Externe links=20
-
Voetbal Baronie=20 - NAC
- RBC Online=20
- Alliance=20
- DVO\'60=20
- BSC Roosendaal
- Madese Boys=20
- Moerse Boys=20
- VV Kogelvangers=20
- FSV Fijnaart=20
- VV Seolto=20
- VV Terneuzen=20
- VV Spui=20
- KNVB=20
- NAC\-fanzine De Rat=20
- RBC\-fanzine=20
- SV Smerdiek=20
- VV SPS=20
- VV Steenbergen=20
-
Andere sporten - AVR Achilles
- AVR \'90
- Barons=20
- BC De Zwaluwen
- Badmintonvereniging de = Pluimbal
- Bowling Vereniging = Oosterhout=20
- Kaaienloop=20
- ARSV Thor=20
- Triathlon Ver. Breda=20
- Melissa=20 Boekelman=20
- Rugby Club = Etten\-Leur=20
- Etten\-Leurse Basketbal Club =
- Tennisvereniging Hamo=20
- Singelloop=20
- LTES=20
- West Brabant = Giants=20
- Mikro Electro = Roosendaal=20
- De Jonge = Renner=20
- Gianni = Romme=20
- Marion Bax=20
- KNSB=20
- Wedstr. KNSB = Breda=20
- Spaarselect=20 Schaatsteam=20
- TVM=20 Schaatsteam=20
- KNBB (Biljartbond)=20
- Hockeyclub Breda=20
- Hockeyclub Push=20
- Hockeyclub Zevenbergen=20
- Hoofdklasse = hockey=20
- Jeka honkbal=20
- Twins=20
- AV Sprint=20
- Jurgen van de = Goorbergh=20
- Jeroen van den = Heuvel=20
- Servais Knaven=20
- Ronde van = Nederland=20
- De Warande=20
- TTV Jagersrust=20
- Kanovereniging Zeewitoe
- Blauw\-Wit Basketball
- Hockeyclub Zwart-Wit
- VC Atak'55 =
-
Gesponsorde links:
![3D""](3D"http://pt000148.unica.com/ntpagetag.gif?js=3D0&site=3Dwww.bnde=)
![3Dwww.mensenlinq.nl=20](3D"http://www.bndestem.nl/bndestem.nl/images/logos/mensenlinq.gif")
=20
![3Dwww.kleintjesmarkt.nl=20](3D"http://www.bndestem.nl/bndestem.nl/images/logos/kleintjesmarkt.gif=)
![3Dwww.ikbendeleukste.nl=20](3D"http://www.bndestem.nl/bndestem.nl/images/logos/ikbendeleukste.gif=)
![3Dwww.deondernemer.nl=20](3D"http://www.bndestem.nl/bndestem.nl/images/logos/de_ondernemer.gif"=)
=0A=
//
=0A=
=0A=
=0A=
var objBody =3D document.getElementsByTagName("body").item(0);=0A=
=0A=
var objOverlay =3D document.createElement("div");=0A=
objOverlay.setAttribute('id','overlay');=0A=
objOverlay.style.display =3D 'none';=0A=
objOverlay.onclick =3D function() { myLightbox.end(); }=0A=
objBody.appendChild(objOverlay);=0A=
=0A=
var objLightbox =3D document.createElement("div");=0A=
objLightbox.setAttribute('id','lightbox');=0A=
objLightbox.style.display =3D 'none';=0A=
objLightbox.onclick =3D function(e) { // close Lightbox is user clicks =
shadow overlay=0A=
if (!e) var e =3D window.event;=0A=
var clickObj =3D Event.element(e).id;=0A=
if ( clickObj =3D=3D 'lightbox') {=0A=
myLightbox.end();=0A=
}=0A=
};=0A=
objBody.appendChild(objLightbox);=0A=
=0A=
var objOuterImageContainer =3D document.createElement("div");=0A=
objOuterImageContainer.setAttribute('id','outerImageContainer');=0A=
objLightbox.appendChild(objOuterImageContainer);=0A=
=0A=
// When Lightbox starts it will resize itself from 250 by 250 to the =
current image dimension.=0A=
// If animations are turned off, it will be hidden as to prevent a =
flicker of a=0A=
// white 250 by 250 box.=0A=
if(animate){=0A=
Element.setWidth('outerImageContainer', 250);=0A=
Element.setHeight('outerImageContainer', 250); =0A=
} else {=0A=
Element.setWidth('outerImageContainer', 1);=0A=
Element.setHeight('outerImageContainer', 1); =0A=
}=0A=
=0A=
var objImageContainer =3D document.createElement("div");=0A=
objImageContainer.setAttribute('id','imageContainer');=0A=
objOuterImageContainer.appendChild(objImageContainer);=0A=
=0A=
var objLightboxImage =3D document.createElement("img");=0A=
objLightboxImage.setAttribute('id','lightboxImage');=0A=
objImageContainer.appendChild(objLightboxImage);=0A=
=0A=
var objHoverNav =3D document.createElement("div");=0A=
objHoverNav.setAttribute('id','hoverNav');=0A=
objImageContainer.appendChild(objHoverNav);=0A=
=0A=
var objPrevLink =3D document.createElement("a");=0A=
objPrevLink.setAttribute('id','prevLink');=0A=
objPrevLink.setAttribute('href','#');=0A=
objHoverNav.appendChild(objPrevLink);=0A=
=0A=
var objNextLink =3D document.createElement("a");=0A=
objNextLink.setAttribute('id','nextLink');=0A=
objNextLink.setAttribute('href','#');=0A=
objHoverNav.appendChild(objNextLink);=0A=
=0A=
var objLoading =3D document.createElement("div");=0A=
objLoading.setAttribute('id','loading');=0A=
objImageContainer.appendChild(objLoading);=0A=
=0A=
var objLoadingLink =3D document.createElement("a");=0A=
objLoadingLink.setAttribute('id','loadingLink');=0A=
objLoadingLink.setAttribute('href','#');=0A=
objLoadingLink.onclick =3D function() { myLightbox.end(); return =
false; }=0A=
objLoading.appendChild(objLoadingLink);=0A=
=0A=
//var objLoadingImage =3D document.createElement("img");=0A=
//objLoadingImage.setAttribute('src', fileLoadingImage);=0A=
//objLoadingLink.appendChild(objLoadingImage);=0A=
=0A=
var objImageDataContainer =3D document.createElement("div");=0A=
objImageDataContainer.setAttribute('id','imageDataContainer');=0A=
objLightbox.appendChild(objImageDataContainer);=0A=
=0A=
var objImageData =3D document.createElement("div");=0A=
objImageData.setAttribute('id','imageData');=0A=
objImageDataContainer.appendChild(objImageData);=0A=
=0A=
var objImageDetails =3D document.createElement("div");=0A=
objImageDetails.setAttribute('id','imageDetails');=0A=
objImageData.appendChild(objImageDetails);=0A=
=0A=
var objCaption =3D document.createElement("span");=0A=
objCaption.setAttribute('id','caption');=0A=
objImageDetails.appendChild(objCaption);=0A=
=0A=
var objNumberDisplay =3D document.createElement("span");=0A=
objNumberDisplay.setAttribute('id','numberDisplay');=0A=
objImageDetails.appendChild(objNumberDisplay);=0A=
=0A=
var objBottomNav =3D document.createElement("div");=0A=
objBottomNav.setAttribute('id','bottomNav');=0A=
objImageData.appendChild(objBottomNav);=0A=
=0A=
var objBottomNavCloseLink =3D document.createElement("a");=0A=
objBottomNavCloseLink.setAttribute('id','bottomNavClose');=0A=
objBottomNavCloseLink.setAttribute('href','#');=0A=
objBottomNavCloseLink.onclick =3D function() { myLightbox.end(); =
return false; }=0A=
objBottomNav.appendChild(objBottomNavCloseLink);=0A=
=0A=
//var objBottomNavCloseImage =3D document.createElement("img");=0A=
//objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);=0A=
//objBottomNavCloseLink.appendChild(objBottomNavCloseImage);=0A=
// var objBottomNavCloseText =3D =
document.createTextNode("Sluiten");=0A=
// objBottomNavCloseLink.appendChild(objBottomNavCloseText);=0A=
// objBottomNav.appendChild(objBottomNavCloseLink);=0A=
},=0A=
=0A=
=0A=
//=0A=
// updateImageList()=0A=
// Loops through anchor tags looking for 'lightbox' references and =
applies onclick=0A=
// events to appropriate links. You can rerun after dynamically adding =
images w/ajax.=0A=
//=0A=
updateImageList: function() { =0A=
if (!document.getElementsByTagName){ return; }=0A=
var anchors =3D document.getElementsByTagName('a');=0A=
var areas =3D document.getElementsByTagName('area');=0A=
=0A=
// loop through all anchor tags=0A=
for (var i=3D0; i=0A=
//
=0A=
// =0A=
// ![]()
=0A=
// =0A=
//
=0A=
// =0A=
// =0A=
// ![](3D"images/loading.gif")
=0A=
// =0A=
//
=0A=
// =0A=
// =0A=
// =0A=
//
=0A=
// =0A=
//
=0A=
// =0A=
// =0A=
// =0A=
//
=0A=
// =0A=
// =0A=
// ![](3D"images/close.gif")
=0A=
// =0A=
//
=0A=
// =0A=
// =0A=
// See: Element.addListener
=0A= *If handler returns false, the change will be cancelled, and the = value will not=0A= * be set.
=0A= *Event fields:
=0A=
* <String> type beforeActiveTabChange
=0A=
* <YAHOO.widget.Tab>=0A=
* prevValue the currently active tab
=0A=
* <YAHOO.widget.Tab>=0A=
* newValue the tab to be made active
Usage:
=0A=
* var handler =3D function(e) {var previous =3D e.prevValue};
=0A=
* myTabs.addListener('beforeActiveTabChange', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type activeTabChange
=0A=
* <YAHOO.widget.Tab>=0A=
* prevValue the formerly active tab
=0A=
* <YAHOO.widget.Tab>=0A=
* newValue the new active tab
Usage:
=0A=
* var handler =3D function(e) {var previous =3D e.prevValue};
=0A=
* myTabs.addListener('activeTabChange', handler);
See: Element.addListener
=0A= *If handler returns false, the change will be cancelled, and the = value will not=0A= * be set.
=0A= *Event fields:
=0A=
* <String> type beforeOrientationChange
=0A=
* <String>=0A=
* prevValue the current orientation
=0A=
* <String>=0A=
* newValue the new orientation to be applied
Usage:
=0A=
* var handler =3D function(e) {var previous =3D e.prevValue};
=0A=
* myTabs.addListener('beforeOrientationChange', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type orientationChange
=0A=
* <String>=0A=
* prevValue the former orientation
=0A=
* <String>=0A=
* newValue the new orientation
Usage:
=0A=
* var handler =3D function(e) {var previous =3D e.prevValue};
=0A=
* myTabs.addListener('orientationChange', handler);
See: Element.addListener
=0A= *If handler returns false, the change will be cancelled, and = the value will not=0A= * be set.
=0A= *Event fields:
=0A=
* <String> type beforeActiveChange
=0A=
* <Boolean>=0A=
* prevValue the current value
=0A=
* <Boolean>=0A=
* newValue the new value
Usage:
=0A=
* var handler =3D function(e) {var previous =3D =
e.prevValue};
=0A=
* myTabs.addListener('beforeActiveChange', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type activeChange
=0A=
* <Boolean>=0A=
* prevValue the previous value
=0A=
* <Boolean>=0A=
* newValue the updated value
Usage:
=0A=
* var handler =3D function(e) {var previous =3D =
e.prevValue};
=0A=
* myTabs.addListener('activeChange', handler);
See: Element.addListener
=0A= *If handler returns false, the change will be cancelled, and = the value will not=0A= * be set.
=0A= *Event fields:
=0A=
* <String> type beforeLabelChange
=0A=
* <String>=0A=
* prevValue the current value
=0A=
* <String>=0A=
* newValue the new value
Usage:
=0A=
* var handler =3D function(e) {var previous =3D =
e.prevValue};
=0A=
* myTabs.addListener('beforeLabelChange', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type labelChange
=0A=
* <String>=0A=
* prevValue the previous value
=0A=
* <String>=0A=
* newValue the updated value
Usage:
=0A=
* var handler =3D function(e) {var previous =3D =
e.prevValue};
=0A=
* myTabs.addListener('labelChange', handler);
See: Element.addListener
=0A= *If handler returns false, the change will be cancelled, and = the value will not=0A= * be set.
=0A= *Event fields:
=0A=
* <String> type beforeContentChange
=0A=
* <String>=0A=
* prevValue the current value
=0A=
* <String>=0A=
* newValue the new value
Usage:
=0A=
* var handler =3D function(e) {var previous =3D =
e.prevValue};
=0A=
* myTabs.addListener('beforeContentChange', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type contentChange
=0A=
* <String>=0A=
* prevValue the previous value
=0A=
* <Boolean>=0A=
* newValue the updated value
Usage:
=0A=
* var handler =3D function(e) {var previous =3D =
e.prevValue};
=0A=
* myTabs.addListener('contentChange', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type available
=0A=
* <HTMLElement>=0A=
* target the HTMLElement bound to this Element instance
=0A=
*
Usage:
=0A=
* var handler =3D function(e) {var target =3D e.target};
=0A=
* myTabs.addListener('available', handler);
See: Element.addListener
=0A= *Event fields:
=0A=
* <String> type contentReady
=0A=
* <HTMLElement>=0A=
* target the HTMLElement bound to this Element instance
=0A=
*
Usage:
=0A=
* var handler =3D function(e) {var target =3D e.target};
=0A=
* myTabs.addListener('contentReady', handler);
=0A=
* YAHOO.util.DragDropMgr.refreshCache({group1:true, =
group2:true});=0A=
* =0A=
* @TODO this really should be an indexed array. Alternatively =
this=0A=
* method could accept both.=0A=
* @method refreshCache=0A=
* @param {Object} groups an associative array of groups to =
refresh=0A=
* @static=0A=
*/=0A=
refreshCache: function(groups) {=0A=
=0A=
// refresh everything if group array is not provided=0A=
var g =3D groups || this.ids;=0A=
=0A=
for (var sGroup in g) {=0A=
if ("string" !=3D typeof sGroup) {=0A=
continue;=0A=
}=0A=
for (var i in this.ids[sGroup]) {=0A=
var oDD =3D this.ids[sGroup][i];=0A=
=0A=
if (this.isTypeOfDD(oDD)) {=0A=
var loc =3D this.getLocation(oDD);=0A=
if (loc) {=0A=
this.locationCache[oDD.id] =3D loc;=0A=
} else {=0A=
delete this.locationCache[oDD.id];=0A=
}=0A=
}=0A=
}=0A=
}=0A=
},=0A=
=0A=
/**=0A=
* This checks to make sure an element exists and is in the DOM. =
The=0A=
* main purpose is to handle cases where innerHTML is used to =
remove=0A=
* drag and drop objects from the DOM. IE provides an =
'unspecified=0A=
* error' when trying to access the offsetParent of such an =
element=0A=
* @method verifyEl=0A=
* @param {HTMLElement} el the element to check=0A=
* @return {boolean} true if the element looks usable=0A=
* @static=0A=
*/=0A=
verifyEl: function(el) {=0A=
try {=0A=
if (el) {=0A=
var parent =3D el.offsetParent;=0A=
if (parent) {=0A=
return true;=0A=
}=0A=
}=0A=
} catch(e) {=0A=
}=0A=
=0A=
return false;=0A=
},=0A=
=0A=
/**=0A=
* Returns a Region object containing the drag and drop =
element's position=0A=
* and size, including the padding configured for it=0A=
* @method getLocation=0A=
* @param {DragDrop} oDD the drag and drop object to get the =0A=
* location for=0A=
* @return {YAHOO.util.Region} a Region object representing the =
total area=0A=
* the element occupies, including =
any padding=0A=
* the instance is configured for.=0A=
* @static=0A=
*/=0A=
getLocation: function(oDD) {=0A=
if (! this.isTypeOfDD(oDD)) {=0A=
return null;=0A=
}=0A=
=0A=
var el =3D oDD.getEl(), pos, x1, x2, y1, y2, t, r, b, l;=0A=
=0A=
try {=0A=
pos=3D YAHOO.util.Dom.getXY(el);=0A=
} catch (e) { }=0A=
=0A=
if (!pos) {=0A=
return null;=0A=
}=0A=
=0A=
x1 =3D pos[0];=0A=
x2 =3D x1 + el.offsetWidth;=0A=
y1 =3D pos[1];=0A=
y2 =3D y1 + el.offsetHeight;=0A=
=0A=
t =3D y1 - oDD.padding[0];=0A=
r =3D x2 + oDD.padding[1];=0A=
b =3D y2 + oDD.padding[2];=0A=
l =3D x1 - oDD.padding[3];=0A=
=0A=
return new YAHOO.util.Region( t, r, b, l );=0A=
},=0A=
=0A=
/**=0A=
* Checks the cursor location to see if it over the target=0A=
* @method isOverTarget=0A=
* @param {YAHOO.util.Point} pt The point to evaluate=0A=
* @param {DragDrop} oTarget the DragDrop object we are =
inspecting=0A=
* @param {boolean} intersect true if we are in intersect mode=0A=
* @param {YAHOO.util.Region} pre-cached location of the dragged =
element=0A=
* @return {boolean} true if the mouse is over the target=0A=
* @private=0A=
* @static=0A=
*/=0A=
isOverTarget: function(pt, oTarget, intersect, curRegion) {=0A=
// use cache if available=0A=
var loc =3D this.locationCache[oTarget.id];=0A=
if (!loc || !this.useCache) {=0A=
loc =3D this.getLocation(oTarget);=0A=
this.locationCache[oTarget.id] =3D loc;=0A=
=0A=
}=0A=
=0A=
if (!loc) {=0A=
return false;=0A=
}=0A=
=0A=
oTarget.cursorIsOver =3D loc.contains( pt );=0A=
=0A=
// DragDrop is using this as a sanity check for the initial =
mousedown=0A=
// in this case we are done. In POINT mode, if the drag obj =
has no=0A=
// contraints, we are done. Otherwise we need to evaluate =
the =0A=
// region the target as occupies to determine if the dragged =
element=0A=
// overlaps with it.=0A=
=0A=
var dc =3D this.dragCurrent;=0A=
if (!dc || (!intersect && !dc.constrainX && !dc.constrainY)) =
{=0A=
=0A=
//if (oTarget.cursorIsOver) {=0A=
//}=0A=
return oTarget.cursorIsOver;=0A=
}=0A=
=0A=
oTarget.overlap =3D null;=0A=
=0A=
// Get the current location of the drag element, this is the=0A=
// location of the mouse event less the delta that represents=0A=
// where the original mousedown happened on the element. We=0A=
// need to consider constraints and ticks as well.=0A=
=0A=
if (!curRegion) {=0A=
var pos =3D dc.getTargetCoord(pt.x, pt.y);=0A=
var el =3D dc.getDragEl();=0A=
curRegion =3D new YAHOO.util.Region( pos.y, =0A=
pos.x + =
el.offsetWidth,=0A=
pos.y + =
el.offsetHeight, =0A=
pos.x );=0A=
}=0A=
=0A=
var overlap =3D curRegion.intersect(loc);=0A=
=0A=
if (overlap) {=0A=
oTarget.overlap =3D overlap;=0A=
return (intersect) ? true : oTarget.cursorIsOver;=0A=
} else {=0A=
return false;=0A=
}=0A=
},=0A=
=0A=
/**=0A=
* unload event handler=0A=
* @method _onUnload=0A=
* @private=0A=
* @static=0A=
*/=0A=
_onUnload: function(e, me) {=0A=
this.unregAll();=0A=
},=0A=
=0A=
/**=0A=
* Cleans up the drag and drop events and objects.=0A=
* @method unregAll=0A=
* @private=0A=
* @static=0A=
*/=0A=
unregAll: function() {=0A=
=0A=
if (this.dragCurrent) {=0A=
this.stopDrag();=0A=
this.dragCurrent =3D null;=0A=
}=0A=
=0A=
this._execOnAll("unreg", []);=0A=
=0A=
for (i in this.elementCache) {=0A=
delete this.elementCache[i];=0A=
}=0A=
=0A=
this.elementCache =3D {};=0A=
this.ids =3D {};=0A=
},=0A=
=0A=
/**=0A=
* A cache of DOM elements=0A=
* @property elementCache=0A=
* @private=0A=
* @static=0A=
*/=0A=
elementCache: {},=0A=
=0A=
/**=0A=
* Get the wrapper for the DOM element specified=0A=
* @method getElWrapper=0A=
* @param {String} id the id of the element to get=0A=
* @return {YAHOO.util.DDM.ElementWrapper} the wrapped element=0A=
* @private=0A=
* @deprecated This wrapper isn't that useful=0A=
* @static=0A=
*/=0A=
getElWrapper: function(id) {=0A=
var oWrapper =3D this.elementCache[id];=0A=
if (!oWrapper || !oWrapper.el) {=0A=
oWrapper =3D this.elementCache[id] =3D =0A=
new this.ElementWrapper(YAHOO.util.Dom.get(id));=0A=
}=0A=
return oWrapper;=0A=
},=0A=
=0A=
/**=0A=
* Returns the actual DOM element=0A=
* @method getElement=0A=
* @param {String} id the id of the elment to get=0A=
* @return {Object} The element=0A=
* @deprecated use YAHOO.util.Dom.get instead=0A=
* @static=0A=
*/=0A=
getElement: function(id) {=0A=
return YAHOO.util.Dom.get(id);=0A=
},=0A=
=0A=
/**=0A=
* Returns the style property for the DOM element (i.e., =0A=
* document.getElById(id).style)=0A=
* @method getCss=0A=
* @param {String} id the id of the elment to get=0A=
* @return {Object} The style property of the element=0A=
* @deprecated use YAHOO.util.Dom instead=0A=
* @static=0A=
*/=0A=
getCss: function(id) {=0A=
var el =3D YAHOO.util.Dom.get(id);=0A=
return (el) ? el.style : null;=0A=
},=0A=
=0A=
/**=0A=
* Inner class for cached elements=0A=
* @class DragDropMgr.ElementWrapper=0A=
* @for DragDropMgr=0A=
* @private=0A=
* @deprecated=0A=
*/=0A=
ElementWrapper: function(el) {=0A=
/**=0A=
* The element=0A=
* @property el=0A=
*/=0A=
this.el =3D el || null;=0A=
/**=0A=
* The element id=0A=
* @property id=0A=
*/=0A=
this.id =3D this.el && el.id;=0A=
/**=0A=
* A reference to the style property=0A=
* @property css=0A=
*/=0A=
this.css =3D this.el && el.style;=0A=
},=0A=
=0A=
/**=0A=
* Returns the X position of an html element=0A=
* @method getPosX=0A=
* @param el the element for which to get the position=0A=
* @return {int} the X coordinate=0A=
* @for DragDropMgr=0A=
* @deprecated use YAHOO.util.Dom.getX instead=0A=
* @static=0A=
*/=0A=
getPosX: function(el) {=0A=
return YAHOO.util.Dom.getX(el);=0A=
},=0A=
=0A=
/**=0A=
* Returns the Y position of an html element=0A=
* @method getPosY=0A=
* @param el the element for which to get the position=0A=
* @return {int} the Y coordinate=0A=
* @deprecated use YAHOO.util.Dom.getY instead=0A=
* @static=0A=
*/=0A=
getPosY: function(el) {=0A=
return YAHOO.util.Dom.getY(el); =0A=
},=0A=
=0A=
/**=0A=
* Swap two nodes. In IE, we use the native method, for others =
we =0A=
* emulate the IE behavior=0A=
* @method swapNode=0A=
* @param n1 the first node to swap=0A=
* @param n2 the other node to swap=0A=
* @static=0A=
*/=0A=
swapNode: function(n1, n2) {=0A=
if (n1.swapNode) {=0A=
n1.swapNode(n2);=0A=
} else {=0A=
var p =3D n2.parentNode;=0A=
var s =3D n2.nextSibling;=0A=
=0A=
if (s =3D=3D n1) {=0A=
p.insertBefore(n1, n2);=0A=
} else if (n2 =3D=3D n1.nextSibling) {=0A=
p.insertBefore(n2, n1);=0A=
} else {=0A=
n1.parentNode.replaceChild(n2, n1);=0A=
p.insertBefore(n1, s);=0A=
}=0A=
}=0A=
},=0A=
=0A=
/**=0A=
* Returns the current scroll position=0A=
* @method getScroll=0A=
* @private=0A=
* @static=0A=
*/=0A=
getScroll: function () {=0A=
var t, l, dde=3Ddocument.documentElement, db=3Ddocument.body;=0A=
if (dde && (dde.scrollTop || dde.scrollLeft)) {=0A=
t =3D dde.scrollTop;=0A=
l =3D dde.scrollLeft;=0A=
} else if (db) {=0A=
t =3D db.scrollTop;=0A=
l =3D db.scrollLeft;=0A=
} else {=0A=
}=0A=
return { top: t, left: l };=0A=
},=0A=
=0A=
/**=0A=
* Returns the specified element style property=0A=
* @method getStyle=0A=
* @param {HTMLElement} el the element=0A=
* @param {string} styleProp the style property=0A=
* @return {string} The value of the style property=0A=
* @deprecated use YAHOO.util.Dom.getStyle=0A=
* @static=0A=
*/=0A=
getStyle: function(el, styleProp) {=0A=
return YAHOO.util.Dom.getStyle(el, styleProp);=0A=
},=0A=
=0A=
/**=0A=
* Gets the scrollTop=0A=
* @method getScrollTop=0A=
* @return {int} the document's scrollTop=0A=
* @static=0A=
*/=0A=
getScrollTop: function () { return this.getScroll().top; },=0A=
=0A=
/**=0A=
* Gets the scrollLeft=0A=
* @method getScrollLeft=0A=
* @return {int} the document's scrollTop=0A=
* @static=0A=
*/=0A=
getScrollLeft: function () { return this.getScroll().left; },=0A=
=0A=
/**=0A=
* Sets the x/y position of an element to the location of the=0A=
* target element.=0A=
* @method moveToEl=0A=
* @param {HTMLElement} moveEl The element to move=0A=
* @param {HTMLElement} targetEl The position reference =
element=0A=
* @static=0A=
*/=0A=
moveToEl: function (moveEl, targetEl) {=0A=
var aCoord =3D YAHOO.util.Dom.getXY(targetEl);=0A=
YAHOO.util.Dom.setXY(moveEl, aCoord);=0A=
},=0A=
=0A=
/**=0A=
* Gets the client height=0A=
* @method getClientHeight=0A=
* @return {int} client height in px=0A=
* @deprecated use YAHOO.util.Dom.getViewportHeight instead=0A=
* @static=0A=
*/=0A=
getClientHeight: function() {=0A=
return YAHOO.util.Dom.getViewportHeight();=0A=
},=0A=
=0A=
/**=0A=
* Gets the client width=0A=
* @method getClientWidth=0A=
* @return {int} client width in px=0A=
* @deprecated use YAHOO.util.Dom.getViewportWidth instead=0A=
* @static=0A=
*/=0A=
getClientWidth: function() {=0A=
return YAHOO.util.Dom.getViewportWidth();=0A=
},=0A=
=0A=
/**=0A=
* Numeric array sort function=0A=
* @method numericSort=0A=
* @static=0A=
*/=0A=
numericSort: function(a, b) { return (a - b); },=0A=
=0A=
/**=0A=
* Internal counter=0A=
* @property _timeoutCount=0A=
* @private=0A=
* @static=0A=
*/=0A=
_timeoutCount: 0,=0A=
=0A=
/**=0A=
* Trying to make the load order less important. Without this =
we get=0A=
* an error if this file is loaded before the Event Utility.=0A=
* @method _addListeners=0A=
* @private=0A=
* @static=0A=
*/=0A=
_addListeners: function() {=0A=
var DDM =3D YAHOO.util.DDM;=0A=
if ( YAHOO.util.Event && document ) {=0A=
DDM._onLoad();=0A=
} else {=0A=
if (DDM._timeoutCount > 2000) {=0A=
} else {=0A=
setTimeout(DDM._addListeners, 10);=0A=
if (document && document.body) {=0A=
DDM._timeoutCount +=3D 1;=0A=
}=0A=
}=0A=
}=0A=
},=0A=
=0A=
/**=0A=
* Recursively searches the immediate parent and all child nodes =
for =0A=
* the handle element in order to determine wheter or not it was =0A=
* clicked.=0A=
* @method handleWasClicked=0A=
* @param node the html element to inspect=0A=
* @static=0A=
*/=0A=
handleWasClicked: function(node, id) {=0A=
if (this.isHandle(id, node.id)) {=0A=
return true;=0A=
} else {=0A=
// check to see if this is a text node child of the one =
we want=0A=
var p =3D node.parentNode;=0A=
=0A=
while (p) {=0A=
if (this.isHandle(id, p.id)) {=0A=
return true;=0A=
} else {=0A=
p =3D p.parentNode;=0A=
}=0A=
}=0A=
}=0A=
=0A=
return false;=0A=
}=0A=
=0A=
};=0A=
=0A=
}();=0A=
=0A=
// shorter alias, save a few bytes=0A=
YAHOO.util.DDM =3D YAHOO.util.DragDropMgr;=0A=
YAHOO.util.DDM._addListeners();=0A=
=0A=
}=0A=
=0A=
(function() {=0A=
=0A=
var Event=3DYAHOO.util.Event; =0A=
var Dom=3DYAHOO.util.Dom;=0A=
=0A=
/**=0A=
* Defines the interface and base operation of items that that can be =0A=
* dragged or can be drop targets. It was designed to be extended, =
overriding=0A=
* the event handlers for startDrag, onDrag, onDragOver, onDragOut.=0A=
* Up to three html elements can be associated with a DragDrop instance:=0A=
* - =0A=
*
- linked element: the element that is passed into the constructor.=0A= * This is the element which defines the boundaries for interaction with =0A= * other DragDrop objects. =0A= *
- handle element(s): The drag operation only occurs if the element = that =0A= * was clicked matches a handle element. By default this is the linked =0A= * element, but there are times that you will want only a portion of the =0A= * linked element to initiate the drag operation, and the = setHandleElId() =0A= * method provides a way to define this. =0A= *
- drag element: this represents an the element that would be moved = along=0A= * with the cursor during a drag operation. By default, this is the = linked=0A= * element itself as in {@link YAHOO.util.DD}. setDragElId() lets you = define=0A= * a separate element that would be moved, as in {@link = YAHOO.util.DDProxy}=0A= * =0A= *
=0A=
* dd =3D new YAHOO.util.DragDrop("div1", "group1");=0A=
* =0A=
* Since none of the event handlers have been implemented, nothing would =0A=
* actually happen if you were to run the code above. Normally you =
would =0A=
* override this class or one of the default implementations, but you =
can =0A=
* also override the methods you want on an instance of the class...=0A=
* =0A=
* dd.onDragDrop =3D function(e, id) {=0A=
* alert("dd was dropped on " + id);=0A=
* }=0A=
* =0A=
* @namespace YAHOO.util=0A=
* @class DragDrop=0A=
* @constructor=0A=
* @param {String} id of the element that is linked to this instance=0A=
* @param {String} sGroup the group of related DragDrop objects=0A=
* @param {object} config an object containing configurable attributes=0A=
* Valid properties for DragDrop: =0A=
* padding, isTarget, maintainOffset, =
primaryButtonOnly,=0A=
*/=0A=
YAHOO.util.DragDrop =3D function(id, sGroup, config) {=0A=
if (id) {=0A=
this.init(id, sGroup, config); =0A=
}=0A=
};=0A=
=0A=
YAHOO.util.DragDrop.prototype =3D {=0A=
=0A=
/**=0A=
* The id of the element associated with this object. This is what =
we =0A=
* refer to as the "linked element" because the size and position of =0A=
* this element is used to determine when the drag and drop objects =
have =0A=
* interacted.=0A=
* @property id=0A=
* @type String=0A=
*/=0A=
id: null,=0A=
=0A=
/**=0A=
* Configuration attributes passed into the constructor=0A=
* @property config=0A=
* @type object=0A=
*/=0A=
config: null,=0A=
=0A=
/**=0A=
* The id of the element that will be dragged. By default this is =
same =0A=
* as the linked element , but could be changed to another element. =
Ex: =0A=
* YAHOO.util.DDProxy=0A=
* @property dragElId=0A=
* @type String=0A=
* @private=0A=
*/=0A=
dragElId: null, =0A=
=0A=
/**=0A=
* the id of the element that initiates the drag operation. By =
default =0A=
* this is the linked element, but could be changed to be a child of =
this=0A=
* element. This lets us do things like only starting the drag when =
the =0A=
* header element within the linked html element is clicked.=0A=
* @property handleElId=0A=
* @type String=0A=
* @private=0A=
*/=0A=
handleElId: null, =0A=
=0A=
/**=0A=
* An associative array of HTML tags that will be ignored if clicked.=0A=
* @property invalidHandleTypes=0A=
* @type {string: string}=0A=
*/=0A=
invalidHandleTypes: null, =0A=
=0A=
/**=0A=
* An associative array of ids for elements that will be ignored if =
clicked=0A=
* @property invalidHandleIds=0A=
* @type {string: string}=0A=
*/=0A=
invalidHandleIds: null, =0A=
=0A=
/**=0A=
* An indexted array of css class names for elements that will be =
ignored=0A=
* if clicked.=0A=
* @property invalidHandleClasses=0A=
* @type string[]=0A=
*/=0A=
invalidHandleClasses: null, =0A=
=0A=
/**=0A=
* The linked element's absolute X position at the time the drag was =0A=
* started=0A=
* @property startPageX=0A=
* @type int=0A=
* @private=0A=
*/=0A=
startPageX: 0,=0A=
=0A=
/**=0A=
* The linked element's absolute X position at the time the drag was =0A=
* started=0A=
* @property startPageY=0A=
* @type int=0A=
* @private=0A=
*/=0A=
startPageY: 0,=0A=
=0A=
/**=0A=
* The group defines a logical collection of DragDrop objects that =
are =0A=
* related. Instances only get events when interacting with other =0A=
* DragDrop object in the same group. This lets us define multiple =0A=
* groups using a single DragDrop subclass if we want.=0A=
* @property groups=0A=
* @type {string: string}=0A=
*/=0A=
groups: null,=0A=
=0A=
/**=0A=
* Individual drag/drop instances can be locked. This will prevent =0A=
* onmousedown start drag.=0A=
* @property locked=0A=
* @type boolean=0A=
* @private=0A=
*/=0A=
locked: false,=0A=
=0A=
/**=0A=
* Lock this instance=0A=
* @method lock=0A=
*/=0A=
lock: function() { this.locked =3D true; },=0A=
=0A=
/**=0A=
* Unlock this instace=0A=
* @method unlock=0A=
*/=0A=
unlock: function() { this.locked =3D false; },=0A=
=0A=
/**=0A=
* By default, all instances can be a drop target. This can be =
disabled by=0A=
* setting isTarget to false.=0A=
* @method isTarget=0A=
* @type boolean=0A=
*/=0A=
isTarget: true,=0A=
=0A=
/**=0A=
* The padding configured for this drag and drop object for =
calculating=0A=
* the drop zone intersection with this object.=0A=
* @method padding=0A=
* @type int[]=0A=
*/=0A=
padding: null,=0A=
=0A=
/**=0A=
* Cached reference to the linked element=0A=
* @property _domRef=0A=
* @private=0A=
*/=0A=
_domRef: null,=0A=
=0A=
/**=0A=
* Internal typeof flag=0A=
* @property __ygDragDrop=0A=
* @private=0A=
*/=0A=
__ygDragDrop: true,=0A=
=0A=
/**=0A=
* Set to true when horizontal contraints are applied=0A=
* @property constrainX=0A=
* @type boolean=0A=
* @private=0A=
*/=0A=
constrainX: false,=0A=
=0A=
/**=0A=
* Set to true when vertical contraints are applied=0A=
* @property constrainY=0A=
* @type boolean=0A=
* @private=0A=
*/=0A=
constrainY: false,=0A=
=0A=
/**=0A=
* The left constraint=0A=
* @property minX=0A=
* @type int=0A=
* @private=0A=
*/=0A=
minX: 0,=0A=
=0A=
/**=0A=
* The right constraint=0A=
* @property maxX=0A=
* @type int=0A=
* @private=0A=
*/=0A=
maxX: 0,=0A=
=0A=
/**=0A=
* The up constraint =0A=
* @property minY=0A=
* @type int=0A=
* @type int=0A=
* @private=0A=
*/=0A=
minY: 0,=0A=
=0A=
/**=0A=
* The down constraint =0A=
* @property maxY=0A=
* @type int=0A=
* @private=0A=
*/=0A=
maxY: 0,=0A=
=0A=
/**=0A=
* The difference between the click position and the source =
element's location=0A=
* @property deltaX=0A=
* @type int=0A=
* @private=0A=
*/=0A=
deltaX: 0,=0A=
=0A=
/**=0A=
* The difference between the click position and the source =
element's location=0A=
* @property deltaY=0A=
* @type int=0A=
* @private=0A=
*/=0A=
deltaY: 0,=0A=
=0A=
/**=0A=
* Maintain offsets when we resetconstraints. Set to true when you =
want=0A=
* the position of the element relative to its parent to stay the =
same=0A=
* when the page changes=0A=
*=0A=
* @property maintainOffset=0A=
* @type boolean=0A=
*/=0A=
maintainOffset: false,=0A=
=0A=
/**=0A=
* Array of pixel locations the element will snap to if we specified =
a =0A=
* horizontal graduation/interval. This array is generated =
automatically=0A=
* when you define a tick interval.=0A=
* @property xTicks=0A=
* @type int[]=0A=
*/=0A=
xTicks: null,=0A=
=0A=
/**=0A=
* Array of pixel locations the element will snap to if we specified =
a =0A=
* vertical graduation/interval. This array is generated =
automatically =0A=
* when you define a tick interval.=0A=
* @property yTicks=0A=
* @type int[]=0A=
*/=0A=
yTicks: null,=0A=
=0A=
/**=0A=
* By default the drag and drop instance will only respond to the =
primary=0A=
* button click (left button for a right-handed mouse). Set to true =
to=0A=
* allow drag and drop to start with any mouse click that is =
propogated=0A=
* by the browser=0A=
* @property primaryButtonOnly=0A=
* @type boolean=0A=
*/=0A=
primaryButtonOnly: true,=0A=
=0A=
/**=0A=
* The availabe property is false until the linked dom element is =
accessible.=0A=
* @property available=0A=
* @type boolean=0A=
*/=0A=
available: false,=0A=
=0A=
/**=0A=
* By default, drags can only be initiated if the mousedown occurs =
in the=0A=
* region the linked element is. This is done in part to work =
around a=0A=
* bug in some browsers that mis-report the mousedown if the previous=0A=
* mouseup happened outside of the window. This property is set to =
true=0A=
* if outer handles are defined.=0A=
*=0A=
* @property hasOuterHandles=0A=
* @type boolean=0A=
* @default false=0A=
*/=0A=
hasOuterHandles: false,=0A=
=0A=
/**=0A=
* Property that is assigned to a drag and drop object when testing =
to=0A=
* see if it is being targeted by another dd object. This property=0A=
* can be used in intersect mode to help determine the focus of=0A=
* the mouse interaction. DDM.getBestMatch uses this property first =
to=0A=
* determine the closest match in INTERSECT mode when multiple =
targets=0A=
* are part of the same interaction.=0A=
* @property cursorIsOver=0A=
* @type boolean=0A=
*/=0A=
cursorIsOver: false,=0A=
=0A=
/**=0A=
* Property that is assigned to a drag and drop object when testing =
to=0A=
* see if it is being targeted by another dd object. This is a =
region=0A=
* that represents the area the draggable element overlaps this =
target.=0A=
* DDM.getBestMatch uses this property to compare the size of the =
overlap=0A=
* to that of other targets in order to determine the closest match =
in=0A=
* INTERSECT mode when multiple targets are part of the same =
interaction.=0A=
* @property overlap =0A=
* @type YAHOO.util.Region=0A=
*/=0A=
overlap: null,=0A=
=0A=
/**=0A=
* Code that executes immediately before the startDrag event=0A=
* @method b4StartDrag=0A=
* @private=0A=
*/=0A=
b4StartDrag: function(x, y) { },=0A=
=0A=
/**=0A=
* Abstract method called after a drag/drop object is clicked=0A=
* and the drag or mousedown time thresholds have beeen met.=0A=
* @method startDrag=0A=
* @param {int} X click location=0A=
* @param {int} Y click location=0A=
*/=0A=
startDrag: function(x, y) { /* override this */ },=0A=
=0A=
/**=0A=
* Code that executes immediately before the onDrag event=0A=
* @method b4Drag=0A=
* @private=0A=
*/=0A=
b4Drag: function(e) { },=0A=
=0A=
/**=0A=
* Abstract method called during the onMouseMove event while =
dragging an =0A=
* object.=0A=
* @method onDrag=0A=
* @param {Event} e the mousemove event=0A=
*/=0A=
onDrag: function(e) { /* override this */ },=0A=
=0A=
/**=0A=
* Abstract method called when this element fist begins hovering =
over =0A=
* another DragDrop obj=0A=
* @method onDragEnter=0A=
* @param {Event} e the mousemove event=0A=
* @param {String|DragDrop[]} id In POINT mode, the element=0A=
* id this is hovering over. In INTERSECT mode, an array of one or =
more =0A=
* dragdrop items being hovered over.=0A=
*/=0A=
onDragEnter: function(e, id) { /* override this */ },=0A=
=0A=
/**=0A=
* Code that executes immediately before the onDragOver event=0A=
* @method b4DragOver=0A=
* @private=0A=
*/=0A=
b4DragOver: function(e) { },=0A=
=0A=
/**=0A=
* Abstract method called when this element is hovering over another =0A=
* DragDrop obj=0A=
* @method onDragOver=0A=
* @param {Event} e the mousemove event=0A=
* @param {String|DragDrop[]} id In POINT mode, the element=0A=
* id this is hovering over. In INTERSECT mode, an array of dd =
items =0A=
* being hovered over.=0A=
*/=0A=
onDragOver: function(e, id) { /* override this */ },=0A=
=0A=
/**=0A=
* Code that executes immediately before the onDragOut event=0A=
* @method b4DragOut=0A=
* @private=0A=
*/=0A=
b4DragOut: function(e) { },=0A=
=0A=
/**=0A=
* Abstract method called when we are no longer hovering over an =
element=0A=
* @method onDragOut=0A=
* @param {Event} e the mousemove event=0A=
* @param {String|DragDrop[]} id In POINT mode, the element=0A=
* id this was hovering over. In INTERSECT mode, an array of dd =
items =0A=
* that the mouse is no longer over.=0A=
*/=0A=
onDragOut: function(e, id) { /* override this */ },=0A=
=0A=
/**=0A=
* Code that executes immediately before the onDragDrop event=0A=
* @method b4DragDrop=0A=
* @private=0A=
*/=0A=
b4DragDrop: function(e) { },=0A=
=0A=
/**=0A=
* Abstract method called when this item is dropped on another =
DragDrop =0A=
* obj=0A=
* @method onDragDrop=0A=
* @param {Event} e the mouseup event=0A=
* @param {String|DragDrop[]} id In POINT mode, the element=0A=
* id this was dropped on. In INTERSECT mode, an array of dd items =
this =0A=
* was dropped on.=0A=
*/=0A=
onDragDrop: function(e, id) { /* override this */ },=0A=
=0A=
/**=0A=
* Abstract method called when this item is dropped on an area with =
no=0A=
* drop target=0A=
* @method onInvalidDrop=0A=
* @param {Event} e the mouseup event=0A=
*/=0A=
onInvalidDrop: function(e) { /* override this */ },=0A=
=0A=
/**=0A=
* Code that executes immediately before the endDrag event=0A=
* @method b4EndDrag=0A=
* @private=0A=
*/=0A=
b4EndDrag: function(e) { },=0A=
=0A=
/**=0A=
* Fired when we are done dragging the object=0A=
* @method endDrag=0A=
* @param {Event} e the mouseup event=0A=
*/=0A=
endDrag: function(e) { /* override this */ },=0A=
=0A=
/**=0A=
* Code executed immediately before the onMouseDown event=0A=
* @method b4MouseDown=0A=
* @param {Event} e the mousedown event=0A=
* @private=0A=
*/=0A=
b4MouseDown: function(e) { },=0A=
=0A=
/**=0A=
* Event handler that fires when a drag/drop obj gets a mousedown=0A=
* @method onMouseDown=0A=
* @param {Event} e the mousedown event=0A=
*/=0A=
onMouseDown: function(e) { /* override this */ },=0A=
=0A=
/**=0A=
* Event handler that fires when a drag/drop obj gets a mouseup=0A=
* @method onMouseUp=0A=
* @param {Event} e the mouseup event=0A=
*/=0A=
onMouseUp: function(e) { /* override this */ },=0A=
=0A=
/**=0A=
* Override the onAvailable method to do what is needed after the =
initial=0A=
* position was determined.=0A=
* @method onAvailable=0A=
*/=0A=
onAvailable: function () { =0A=
},=0A=
=0A=
/**=0A=
* Returns a reference to the linked element=0A=
* @method getEl=0A=
* @return {HTMLElement} the html element =0A=
*/=0A=
getEl: function() { =0A=
if (!this._domRef) {=0A=
this._domRef =3D Dom.get(this.id); =0A=
}=0A=
=0A=
return this._domRef;=0A=
},=0A=
=0A=
/**=0A=
* Returns a reference to the actual element to drag. By default =
this is=0A=
* the same as the html element, but it can be assigned to another =0A=
* element. An example of this can be found in YAHOO.util.DDProxy=0A=
* @method getDragEl=0A=
* @return {HTMLElement} the html element =0A=
*/=0A=
getDragEl: function() {=0A=
return Dom.get(this.dragElId);=0A=
},=0A=
=0A=
/**=0A=
* Sets up the DragDrop object. Must be called in the constructor =
of any=0A=
* YAHOO.util.DragDrop subclass=0A=
* @method init=0A=
* @param id the id of the linked element=0A=
* @param {String} sGroup the group of related items=0A=
* @param {object} config configuration attributes=0A=
*/=0A=
init: function(id, sGroup, config) {=0A=
this.initTarget(id, sGroup, config);=0A=
Event.on(this._domRef || this.id, "mousedown", =0A=
this.handleMouseDown, this, true);=0A=
// Event.on(this.id, "selectstart", Event.preventDefault);=0A=
},=0A=
=0A=
/**=0A=
* Initializes Targeting functionality only... the object does not=0A=
* get a mousedown handler.=0A=
* @method initTarget=0A=
* @param id the id of the linked element=0A=
* @param {String} sGroup the group of related items=0A=
* @param {object} config configuration attributes=0A=
*/=0A=
initTarget: function(id, sGroup, config) {=0A=
=0A=
// configuration attributes =0A=
this.config =3D config || {};=0A=
=0A=
// create a local reference to the drag and drop manager=0A=
this.DDM =3D YAHOO.util.DDM;=0A=
=0A=
// initialize the groups object=0A=
this.groups =3D {};=0A=
=0A=
// assume that we have an element reference instead of an id if =
the=0A=
// parameter is not a string=0A=
if (typeof id !=3D=3D "string") {=0A=
this._domRef =3D id;=0A=
id =3D Dom.generateId(id);=0A=
}=0A=
=0A=
// set the id=0A=
this.id =3D id;=0A=
=0A=
// add to an interaction group=0A=
this.addToGroup((sGroup) ? sGroup : "default");=0A=
=0A=
// We don't want to register this as the handle with the manager=0A=
// so we just set the id rather than calling the setter.=0A=
this.handleElId =3D id;=0A=
=0A=
Event.onAvailable(id, this.handleOnAvailable, this, true);=0A=
=0A=
=0A=
// the linked element is the element that gets dragged by default=0A=
this.setDragElId(id); =0A=
=0A=
// by default, clicked anchors will not start drag operations. =0A=
// @TODO what else should be here? Probably form fields.=0A=
this.invalidHandleTypes =3D { A: "A" };=0A=
this.invalidHandleIds =3D {};=0A=
this.invalidHandleClasses =3D [];=0A=
=0A=
this.applyConfig();=0A=
},=0A=
=0A=
/**=0A=
* Applies the configuration parameters that were passed into the =
constructor.=0A=
* This is supposed to happen at each level through the inheritance =
chain. So=0A=
* a DDProxy implentation will execute apply config on DDProxy, DD, =
and =0A=
* DragDrop in order to get all of the parameters that are available =
in=0A=
* each object.=0A=
* @method applyConfig=0A=
*/=0A=
applyConfig: function() {=0A=
=0A=
// configurable properties: =0A=
// padding, isTarget, maintainOffset, primaryButtonOnly=0A=
this.padding =3D this.config.padding || [0, 0, 0, 0];=0A=
this.isTarget =3D (this.config.isTarget !=3D=3D false);=0A=
this.maintainOffset =3D (this.config.maintainOffset);=0A=
this.primaryButtonOnly =3D (this.config.primaryButtonOnly =
!=3D=3D false);=0A=
=0A=
},=0A=
=0A=
/**=0A=
* Executed when the linked element is available=0A=
* @method handleOnAvailable=0A=
* @private=0A=
*/=0A=
handleOnAvailable: function() {=0A=
this.available =3D true;=0A=
this.resetConstraints();=0A=
this.onAvailable();=0A=
},=0A=
=0A=
/**=0A=
* Configures the padding for the target zone in px. Effectively =
expands=0A=
* (or reduces) the virtual object size for targeting calculations. =0A=
* Supports css-style shorthand; if only one parameter is passed, =
all sides=0A=
* will have that padding, and if only two are passed, the top and =
bottom=0A=
* will have the first param, the left and right the second.=0A=
* @method setPadding=0A=
* @param {int} iTop Top pad=0A=
* @param {int} iRight Right pad=0A=
* @param {int} iBot Bot pad=0A=
* @param {int} iLeft Left pad=0A=
*/=0A=
setPadding: function(iTop, iRight, iBot, iLeft) {=0A=
// this.padding =3D [iLeft, iRight, iTop, iBot];=0A=
if (!iRight && 0 !=3D=3D iRight) {=0A=
this.padding =3D [iTop, iTop, iTop, iTop];=0A=
} else if (!iBot && 0 !=3D=3D iBot) {=0A=
this.padding =3D [iTop, iRight, iTop, iRight];=0A=
} else {=0A=
this.padding =3D [iTop, iRight, iBot, iLeft];=0A=
}=0A=
},=0A=
=0A=
/**=0A=
* Stores the initial placement of the linked element.=0A=
* @method setInitialPosition=0A=
* @param {int} diffX the X offset, default 0=0A=
* @param {int} diffY the Y offset, default 0=0A=
* @private=0A=
*/=0A=
setInitPosition: function(diffX, diffY) {=0A=
var el =3D this.getEl();=0A=
=0A=
if (!this.DDM.verifyEl(el)) {=0A=
return;=0A=
}=0A=
=0A=
var dx =3D diffX || 0;=0A=
var dy =3D diffY || 0;=0A=
=0A=
var p =3D Dom.getXY( el );=0A=
=0A=
this.initPageX =3D p[0] - dx;=0A=
this.initPageY =3D p[1] - dy;=0A=
=0A=
this.lastPageX =3D p[0];=0A=
this.lastPageY =3D p[1];=0A=
=0A=
=0A=
=0A=
this.setStartPosition(p);=0A=
},=0A=
=0A=
/**=0A=
* Sets the start position of the element. This is set when the obj=0A=
* is initialized, the reset when a drag is started.=0A=
* @method setStartPosition=0A=
* @param pos current position (from previous lookup)=0A=
* @private=0A=
*/=0A=
setStartPosition: function(pos) {=0A=
var p =3D pos || Dom.getXY(this.getEl());=0A=
=0A=
this.deltaSetXY =3D null;=0A=
=0A=
this.startPageX =3D p[0];=0A=
this.startPageY =3D p[1];=0A=
},=0A=
=0A=
/**=0A=
* Add this instance to a group of related drag/drop objects. All =0A=
* instances belong to at least one group, and can belong to as many =0A=
* groups as needed.=0A=
* @method addToGroup=0A=
* @param sGroup {string} the name of the group=0A=
*/=0A=
addToGroup: function(sGroup) {=0A=
this.groups[sGroup] =3D true;=0A=
this.DDM.regDragDrop(this, sGroup);=0A=
},=0A=
=0A=
/**=0A=
* Remove's this instance from the supplied interaction group=0A=
* @method removeFromGroup=0A=
* @param {string} sGroup The group to drop=0A=
*/=0A=
removeFromGroup: function(sGroup) {=0A=
if (this.groups[sGroup]) {=0A=
delete this.groups[sGroup];=0A=
}=0A=
=0A=
this.DDM.removeDDFromGroup(this, sGroup);=0A=
},=0A=
=0A=
/**=0A=
* Allows you to specify that an element other than the linked =
element =0A=
* will be moved with the cursor during a drag=0A=
* @method setDragElId=0A=
* @param id {string} the id of the element that will be used to =
initiate the drag=0A=
*/=0A=
setDragElId: function(id) {=0A=
this.dragElId =3D id;=0A=
},=0A=
=0A=
/**=0A=
* Allows you to specify a child of the linked element that should =
be =0A=
* used to initiate the drag operation. An example of this would be =
if =0A=
* you have a content div with text and links. Clicking anywhere in =
the =0A=
* content area would normally start the drag operation. Use this =
method=0A=
* to specify that an element inside of the content div is the =
element =0A=
* that starts the drag operation.=0A=
* @method setHandleElId=0A=
* @param id {string} the id of the element that will be used to =0A=
* initiate the drag.=0A=
*/=0A=
setHandleElId: function(id) {=0A=
if (typeof id !=3D=3D "string") {=0A=
id =3D Dom.generateId(id);=0A=
}=0A=
this.handleElId =3D id;=0A=
this.DDM.regHandle(this.id, id);=0A=
},=0A=
=0A=
/**=0A=
* Allows you to set an element outside of the linked element as a =
drag =0A=
* handle=0A=
* @method setOuterHandleElId=0A=
* @param id the id of the element that will be used to initiate the =
drag=0A=
*/=0A=
setOuterHandleElId: function(id) {=0A=
if (typeof id !=3D=3D "string") {=0A=
id =3D Dom.generateId(id);=0A=
}=0A=
Event.on(id, "mousedown", =0A=
this.handleMouseDown, this, true);=0A=
this.setHandleElId(id);=0A=
=0A=
this.hasOuterHandles =3D true;=0A=
},=0A=
=0A=
/**=0A=
* Remove all drag and drop hooks for this element=0A=
* @method unreg=0A=
*/=0A=
unreg: function() {=0A=
Event.removeListener(this.id, "mousedown", =0A=
this.handleMouseDown);=0A=
this._domRef =3D null;=0A=
this.DDM._remove(this);=0A=
},=0A=
=0A=
/**=0A=
* Returns true if this instance is locked, or the drag drop mgr is =
locked=0A=
* (meaning that all drag/drop is disabled on the page.)=0A=
* @method isLocked=0A=
* @return {boolean} true if this obj or all drag/drop is locked, =
else =0A=
* false=0A=
*/=0A=
isLocked: function() {=0A=
return (this.DDM.isLocked() || this.locked);=0A=
},=0A=
=0A=
/**=0A=
* Fired when this object is clicked=0A=
* @method handleMouseDown=0A=
* @param {Event} e =0A=
* @param {YAHOO.util.DragDrop} oDD the clicked dd object (this dd =
obj)=0A=
* @private=0A=
*/=0A=
handleMouseDown: function(e, oDD) {=0A=
=0A=
var button =3D e.which || e.button;=0A=
=0A=
if (this.primaryButtonOnly && button > 1) {=0A=
return;=0A=
}=0A=
=0A=
if (this.isLocked()) {=0A=
return;=0A=
}=0A=
=0A=
=0A=
=0A=
// firing the mousedown events prior to calculating positions=0A=
this.b4MouseDown(e);=0A=
this.onMouseDown(e);=0A=
=0A=
this.DDM.refreshCache(this.groups);=0A=
// var self =3D this;=0A=
// setTimeout( function() { self.DDM.refreshCache(self.groups); =
}, 0);=0A=
=0A=
// Only process the event if we really clicked within the linked =0A=
// element. The reason we make this check is that in the case =
that =0A=
// another element was moved between the clicked element and the =0A=
// cursor in the time between the mousedown and mouseup events. =
When =0A=
// this happens, the element gets the next mousedown event =0A=
// regardless of where on the screen it happened. =0A=
var pt =3D new YAHOO.util.Point(Event.getPageX(e), =
Event.getPageY(e));=0A=
if (!this.hasOuterHandles && !this.DDM.isOverTarget(pt, this) ) =
{=0A=
} else {=0A=
if (this.clickValidator(e)) {=0A=
=0A=
=0A=
// set the initial element position=0A=
this.setStartPosition();=0A=
=0A=
// start tracking mousemove distance and mousedown time =
to=0A=
// determine when to start the actual drag=0A=
this.DDM.handleMouseDown(e, this);=0A=
=0A=
// this mousedown is mine=0A=
this.DDM.stopEvent(e);=0A=
} else {=0A=
=0A=
=0A=
}=0A=
}=0A=
},=0A=
=0A=
clickValidator: function(e) {=0A=
var target =3D Event.getTarget(e);=0A=
return ( this.isValidHandleChild(target) &&=0A=
(this.id =3D=3D this.handleElId || =0A=
this.DDM.handleWasClicked(target, this.id)) );=0A=
},=0A=
=0A=
/**=0A=
* Finds the location the element should be placed if we want to move=0A=
* it to where the mouse location less the click offset would place =
us.=0A=
* @method getTargetCoord=0A=
* @param {int} iPageX the X coordinate of the click=0A=
* @param {int} iPageY the Y coordinate of the click=0A=
* @return an object that contains the coordinates (Object.x and =
Object.y)=0A=
* @private=0A=
*/=0A=
getTargetCoord: function(iPageX, iPageY) {=0A=
=0A=
=0A=
var x =3D iPageX - this.deltaX;=0A=
var y =3D iPageY - this.deltaY;=0A=
=0A=
if (this.constrainX) {=0A=
if (x < this.minX) { x =3D this.minX; }=0A=
if (x > this.maxX) { x =3D this.maxX; }=0A=
}=0A=
=0A=
if (this.constrainY) {=0A=
if (y < this.minY) { y =3D this.minY; }=0A=
if (y > this.maxY) { y =3D this.maxY; }=0A=
}=0A=
=0A=
x =3D this.getTick(x, this.xTicks);=0A=
y =3D this.getTick(y, this.yTicks);=0A=
=0A=
=0A=
return {x:x, y:y};=0A=
},=0A=
=0A=
/**=0A=
* Allows you to specify a tag name that should not start a drag =
operation=0A=
* when clicked. This is designed to facilitate embedding links =
within a=0A=
* drag handle that do something other than start the drag.=0A=
* @method addInvalidHandleType=0A=
* @param {string} tagName the type of element to exclude=0A=
*/=0A=
addInvalidHandleType: function(tagName) {=0A=
var type =3D tagName.toUpperCase();=0A=
this.invalidHandleTypes[type] =3D type;=0A=
},=0A=
=0A=
/**=0A=
* Lets you to specify an element id for a child of a drag handle=0A=
* that should not initiate a drag=0A=
* @method addInvalidHandleId=0A=
* @param {string} id the element id of the element you wish to =
ignore=0A=
*/=0A=
addInvalidHandleId: function(id) {=0A=
if (typeof id !=3D=3D "string") {=0A=
id =3D Dom.generateId(id);=0A=
}=0A=
this.invalidHandleIds[id] =3D id;=0A=
},=0A=
=0A=
=0A=
/**=0A=
* Lets you specify a css class of elements that will not initiate a =
drag=0A=
* @method addInvalidHandleClass=0A=
* @param {string} cssClass the class of the elements you wish to =
ignore=0A=
*/=0A=
addInvalidHandleClass: function(cssClass) {=0A=
this.invalidHandleClasses.push(cssClass);=0A=
},=0A=
=0A=
/**=0A=
* Unsets an excluded tag name set by addInvalidHandleType=0A=
* @method removeInvalidHandleType=0A=
* @param {string} tagName the type of element to unexclude=0A=
*/=0A=
removeInvalidHandleType: function(tagName) {=0A=
var type =3D tagName.toUpperCase();=0A=
// this.invalidHandleTypes[type] =3D null;=0A=
delete this.invalidHandleTypes[type];=0A=
},=0A=
=0A=
/**=0A=
* Unsets an invalid handle id=0A=
* @method removeInvalidHandleId=0A=
* @param {string} id the id of the element to re-enable=0A=
*/=0A=
removeInvalidHandleId: function(id) {=0A=
if (typeof id !=3D=3D "string") {=0A=
id =3D Dom.generateId(id);=0A=
}=0A=
delete this.invalidHandleIds[id];=0A=
},=0A=
=0A=
/**=0A=
* Unsets an invalid css class=0A=
* @method removeInvalidHandleClass=0A=
* @param {string} cssClass the class of the element(s) you wish to =0A=
* re-enable=0A=
*/=0A=
removeInvalidHandleClass: function(cssClass) {=0A=
for (var i=3D0, len=3Dthis.invalidHandleClasses.length; i