एक पृष्ठ पर एक मनमाना तत्व के आकार बदलने की घटना को ट्रैक करने का एक काफी प्राचीन कार्य। यह समय-समय पर अजाक्स-लोडिंग (उदाहरण के लिए: समाचार) के साथ ब्लॉक में वांछित तत्व के आकार और अन्य सीएसएस-विशेषताओं को समायोजित करने के लिए एक मॉड्यूलर स्वतंत्र संरचना बनाते समय प्रासंगिक है। आमतौर पर तत्व आकारों के समय और आवधिक मतदान के माध्यम से हल किया जाता है। एक नया विकल्प - समय सर्वेक्षण का उपयोग नहीं करना।
ट्रिक: तत्व के अंदर,
स्थिति के साथ एक खाली फ्रेम डालें
: निरपेक्ष और 100% -
(एस) आकार, तत्व को
स्थिति दें: सापेक्ष; । और
फ़्रेम को ट्रैक करें।
टेस्ट कोड:
<div id="Test" style="position:relative;border:red solid 1px;width:200px;height:100px;"> <iframe name="frame" width=100% height=100% style="position:absolute;z-index:-1"></iframe> ... </div> <script type="text/javascript"> frame.onresize = function(){ alert(' div #Test .'); } setTimeout(function(){ </script>
बिगाड़ने वाले के नीचे
आपकी इच्छाओं के आधार पर, - एक अधिक विस्तृत कोड:
विस्तारित कोडकोड:
<div id="Test" style="position:relative;border:red solid 1px;width:200px;height:100px;"> <iframe name="frame" width=100% height=100% style="position:absolute;z-index:-1"></iframe> ... </div> <script type="text/javascript"> setTimeout(function(){ </script>