2012-02-26 15 views
5

के साथ नवीनतम रिश्तेदार स्थित अभिभावक के सापेक्ष किसी तत्व की स्थिति ढूंढें क्या नवीनतम रिश्तेदार स्थिति माता-पिता से संबंधित तत्व स्थिति खोजने का कोई तरीका है?जावास्क्रिप्ट

मैं एक जावास्क्रिप्ट रास्ता

चाहते मान हम इस HTML

<div id="div1" style="position:relative"> 
    <div id="div2" style="padding:10px"> 
     <div id="div3" style="position:absolute top:15px; left:20px;">Stack</div> 
    </div> 
</div> 

मैं "DIV3" की स्थिति चाहते हैं "div1" से संबंधित है।

धन्यवाद

+1

आप 'div1' के संबंध में एक्स' div3' की/y निर्देशांक खोजने के लिए करना चाहते हैं? –

+1

मुझे लगता है कि आपने '.osition()' की कोशिश की है? http://api.jquery.com/position/ –

+0

हाँ डेविड, एक समस्या को हल करने के लिए [niceform] में है (http://www.emblematiq.com/lab/niceforms/) – Mosijava

उत्तर

5

div3.offsetTop और div3.offsetLeft आप क्या चाहते हैं आप देना चाहिए।

https://developer.mozilla.org/en/DOM/element.offsetTop

https://developer.mozilla.org/en/DOM/element.offsetLeft

+0

हाय ज़ेंडर, क्या यह सभी ब्राउज़रों में काम करता है? [यहां] (http://www.quirksmode.org/dom/getstyles.html) यह कहता है: "मुश्किल बिट्स पर जाने से पहले, पहले एक अच्छा शॉर्टकट जो मोज़िला और एक्सप्लोरर दोनों में डाला गया है: ऑफ़सेट कुछ।" – Mosijava

+1

@Mosijava: http://www.quirksmode.org/dom/w3c_cssom.html#t32 – pimvdb

+1

@Mosijava @pimvdb के रूप में बस इंगित किया गया - यह आईई में quirky है <= 7. यह आपके परिदृश्य के लिए काम करेगा। यदि आप दस्तावेज़ से संबंधित तत्व की स्थिति चाहते हैं, तो आपको सभी माता-पिता के ऑफसेट को जोड़ने के लिए एक विधि की आवश्यकता होगी। निम्न पोस्ट http://www.quirksmode.org/js/findpos.html पर चर्चा की गई विधि के समान विधि के समान – xandercoded