दिलचस्प पोस्ट
जेसन.नेट ने ईआर ऑब्जेक्ट को ईडी ऑब्जेक्ट को सेट करने के बावजूद " सरणी बनाम वेक्टर बनाम सूची कंसोल विंडो को दृश्य सी ++ में कैसे खोलें? Js का उपयोग कर सॉफ्टवेयर संस्करण संख्या की तुलना कैसे करें? (केवल संख्या) फायरबसे वेब के साथ डेटा को जारी रखें मोंगो डी बी बनाम कैसेंड्रा jquery abort () ajax अनुरोध दूसरा भेजने से पहले मैं $ http के साथ फार्म डेटा urlencoded कैसे पोस्ट करूं? इकाई फ़्रेमवर्क कोड प्रथम: मैं एक टेबल टूल्स के बीच वन-टू-एक और एक-टू-वन रिश्ते कैसे बना सकता हूं? जावास्क्रिप्ट का उपयोग कर रिमोट सर्वर पर डेटा कैसे भेजा जाए ब्राउज़र को कैश छवियों को कैसे प्राप्त करें, php के साथ? मैं रूबी के अंदर से C ++ फ़ंक्शन कैसे कॉल कर सकता हूं अजगर में एक पूर्णांक में स्ट्रिंग सूची को कैसे परिवर्तित करें जावास्क्रिप्ट में स्ट्रिंग से बचें फंक्शन के कमांड विंडो आउटपुट को दबाने

डीआईवी के आयाम को कैसे पता लगाया जाए?

मेरे पास निम्न नमूना एचटीएमएल है, इसमें एक डिव है जिसमें 100% चौड़ाई है। इसमें कुछ तत्व हैं विंडो को फिर से आकार देने के दौरान, आंतरिक तत्व फिर से स्थानांतरित हो सकते हैं, और डिव का आयाम बदल सकता है। मैं पूछ रहा हूं कि क्या डिव का आयाम बदलने की घटना को हुक करना संभव है? और यह कैसे करना है? मैं वर्तमान में लक्ष्य डीआईवी पर jQuery के आकार परिवर्तन समारोह में कॉलबैक फ़ंक्शन को बाध्य करता हूं, हालांकि, कोई कंसोल लॉग आउटपुट नहीं है, नीचे देखें:

आकार बदलने से पहलेयहां छवि विवरण दर्ज करें

<html> <head> <script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script type="text/javascript" language="javascript"> $('#test_div').bind('resize', function(){ console.log('resized'); }); </script> </head> <body> <div id="test_div" style="width: 100%; min-height: 30px; border: 1px dashed pink;"> <input type="button" value="button 1" /> <input type="button" value="button 2" /> <input type="button" value="button 3" /> </div> </body> </html> 

वेब के समाधान से एकत्रित समाधान "डीआईवी के आयाम को कैसे पता लगाया जाए?"

निर्धारित करने के लिए एक बहुत ही कुशल तरीका है कि एक तत्व का आकार बदल दिया गया है या नहीं।

http://marcj.github.io/css-element-queries/

इस पुस्तकालय में एक वर्ग ResizeSensor जो का आकार बदलने के लिए इस्तेमाल किया जा सकता है।
यह एक घटना-आधारित दृष्टिकोण का उपयोग करता है, इसलिए यह बहुत तेज़ है और CPU समय बर्बाद नहीं करता है।

उदाहरण:

 new ResizeSensor(jQuery('#divId'), function(){ console.log('content dimension changed'); }); 

कृपया jQuery के आरंभीकरण प्लगइन का उपयोग न करें क्योंकि यह परिवर्तनों की जांच के लिए setTimeout() लूप का उपयोग करता है।
यह अविश्वसनीय धीमा है और सटीक नहीं है

प्रकटीकरण: मैं सीधे इस पुस्तकालय से जुड़ा हूँ।

इसके लिए एक नया मानक रीसाइज ऑब्ज़र्वर एपीआई है, जो प्रायोगिक वेब प्लेटफॉर्म फीचर्स झंडा के पीछे Chrome 54 में उपलब्ध है।

 function outputsize() { width.value = textbox.offsetWidth height.value = textbox.offsetHeight } outputsize() new ResizeObserver(outputsize).observe(textbox) 
 Width: <output id="width">0</output><br> Height: <output id="height">0</output><br> <textarea id="textbox">Resize me</textarea><br> 

आपको window ऑब्जेक्ट पर resize इवेंट को बाध्य करना होगा, सामान्य HTML तत्व पर नहीं।

आप तब इसका उपयोग कर सकते हैं:

 $(window).resize(function() { ... }); 

और कॉलबैक फ़ंक्शन के भीतर आप अपने div कॉलिंग की नई चौड़ाई की जांच कर सकते हैं

 $('.a-selector').width(); 

इसलिए, आपके प्रश्न का उत्तर नहीं है , आप resize से resize घटना को किसी div में बाँध नहीं सकते हैं।

इस http://benalman.com/code/projects/jquery-resize/examples/resize/ पर एक नज़र डालें

इसमें कई उदाहरण हैं अपनी विंडो का आकार बदलने का प्रयास करें और देखें कि कंटेनर तत्वों के तत्वों को कैसे समायोजित किया गया है।

उदाहरण के लिए जे एस बेलाल यह समझाने के लिए कि यह कैसे काम करे।
इस बेवकूफ पर एक नज़र डालें http://jsfiddle.net/sgsqJ/4/

उस आकार में () घटना क्लास "परीक्षण" वाले तत्वों के लिए और विंडो ऑब्जेक्ट के साथ और विंडो ऑब्जेक्ट $ ('test') के कॉलबैक का आकार बदलने के लिए बाध्य है। Resize () को कहा जाता है

जैसे

 $('#test_div').bind('resize', function(){ console.log('resized'); }); $(window).resize(function(){ $('#test_div').resize(); }); 

सबसे अच्छा समाधान तथाकथित तत्व प्रश्नों का उपयोग करना होगा हालांकि, वे मानक नहीं हैं, कोई विनिर्देश मौजूद नहीं है – और यदि आप इस तरह से जाना चाहते हैं, तो केवल एक पॉलीफाइल / लाइब्रेरीज़ का उपयोग करने का एकमात्र विकल्प है।

तत्व प्रश्नों के पीछे का विचार है कि पेज पर एक निश्चित कंटेनर को उस जगह पर प्रतिक्रिया देने के लिए अनुमति दें जो उसे प्रदान की गई है। यह एक बार एक घटक लिखने की अनुमति देगा और फिर इसे पृष्ठ पर कहीं भी छोड़ देगा, जबकि यह उसकी सामग्री को अपने वर्तमान आकार में समायोजित करेगा कोई फर्क नहीं पड़ता कि विंडो आकार क्या है यह पहला अंतर है जिसे हम तत्व प्रश्नों और मीडिया प्रश्नों के बीच देखते हैं। हर कोई उम्मीद करता है कि कुछ बिंदु पर एक विनिर्देश बनाया जाएगा जो तत्व प्रश्नों (या ऐसा कुछ जो एक ही लक्ष्य प्राप्त होता है) को मानकीकृत करेगा और उन्हें देशी, स्वच्छ, सरल और मजबूत बना देगा ज्यादातर लोग मानते हैं कि मीडिया की क्वेरीज़ काफी सीमित हैं और मॉड्यूलर डिजाइन और सही जवाबदेही के लिए मदद नहीं करते हैं।

कुछ पॉलीफिल / लाइब्रेरी हैं जो समस्या को अलग-अलग तरीकों से सुलझाते हैं (समाधान के बजाय हलकों को कहा जा सकता है):

  • सीएसएस तत्व प्रश्न – https://github.com/marcj/css-element-queries
  • बूम क्वेरीज – https://github.com/BoomTownROI/boomqueries
  • eq.js – https://github.com/Snugug/eq.js
  • ElementQuery – https://github.com/tysonmatanich/elementQuery
  • और कुछ और, जो मैं यहाँ सूची नहीं जा रहा हूं, लेकिन आप खोज करने के लिए स्वतंत्र हैं। मैं कहने में सक्षम नहीं होगा कि वर्तमान में उपलब्ध विकल्पों में से कौन सा सबसे अच्छा है आपको कुछ कोशिश करने और फैसला करना होगा।

मैंने इसी तरह की समस्याओं के समाधान के अन्य उपाय देखा है आम तौर पर वे टाइमर या विंडो / व्यूपोर्ट आकार हुड के तहत उपयोग करते हैं, जो वास्तविक समाधान नहीं है। इसके अलावा, मुझे लगता है कि यह मुख्यतः सीएसएस में हल किया जाना चाहिए, जावास्क्रिप्ट या html में नहीं।

दीर्घकालिक, आप ResizeObserver का उपयोग करने में सक्षम होंगे

 new ResizeObserver(callback).observe(element); 

दुर्भाग्यवश यह वर्तमान में कई ब्राउज़रों में डिफ़ॉल्ट रूप से समर्थित नहीं है।

मतलब समय में, आप निम्नलिखित की तरह फ़ंक्शन का उपयोग कर सकते हैं। चूंकि अधिकांश तत्व आकार में परिवर्तन विंडो रीसाइजिंग से या डोम में कुछ बदलने से आएगा। आप खिड़की के आकार के इवेंट के साथ विंडो रीसाइजिंग को सुन सकते हैं और आप उत्परिवर्तन ओब्सर्वर का उपयोग करके डोम परिवर्तन सुन सकते हैं।

यहां उन फ़ंक्शन का एक उदाहरण दिया गया है जो आपको वापस बुलाएगा जब प्रदान किए गए तत्व का आकार इन दोनों घटनाओं के परिणामस्वरूप बदल जाता है:

 var onResize = function(element, callback) { if (!onResize.watchedElementData) { // First time we are called, create a list of watched elements // and hook up the event listeners. onResize.watchedElementData = []; var checkForChanges = function() { onResize.watchedElementData.forEach(function(data) { if (data.element.offsetWidth !== data.offsetWidth || data.element.offsetHeight !== data.offsetHeight) { data.offsetWidth = data.element.offsetWidth; data.offsetHeight = data.element.offsetHeight; data.callback(); } }); }; // Listen to the window's size changes window.addEventListener('resize', checkForChanges); // Listen to changes on the elements in the page that affect layout var observer = new MutationObserver(checkForChanges); observer.observe(document.body, { attributes: true, childList: true, characterData: true, subtree: true }); } // Save the element we are watching onResize.watchedElementData.push({ element: element, offsetWidth: element.offsetWidth, offsetHeight: element.offsetHeight, callback: callback }); }; 

मुझे इस पुस्तकालय को काम करने के लिए मिला जब मार्केज के समाधान नहीं हुए:

https://github.com/sdecima/javascript-detect-element-resize

यह बहुत हल्का है और सीएसएस के माध्यम से भी प्राकृतिक आकार का पता लगाता है या बस HTML लोडिंग / रेंडरिंग

कोड नमूना (लिंक से लिया गया):

 <script type="text/javascript" src="detect-element-resize.js"></script> <script type="text/javascript"> var resizeElement = document.getElementById('resizeElement'), resizeCallback = function() { /* do something */ }; addResizeListener(resizeElement, resizeCallback); removeResizeListener(resizeElement, resizeCallback); </script> 

आप सामग्री का उपयोग कर iframe या object का उपयोग कर सकते contentDocument या contentDocument आकार बदलने पर contentDocument सेट setInterval या सेट setTimeout बिना

कदम:

  1. relative को अपने तत्व की स्थिति निर्धारित करें
  2. एक पारदर्शी पूर्ण छुपा IFRAME अंदर जोड़ें
  3. IFRAME.contentWindow को IFRAME.contentWindow – घटना को IFRAME.contentWindow

HTML का एक उदाहरण:

 <div style="height:50px;background-color:red;position:relative;border:1px solid red"> <iframe style=width:100%;height:100%;position:absolute;border:none;background-color:transparent allowtransparency=true> </iframe> This is my div </div> 

जावास्क्रिप्ट:

 $('div').width(100).height(100); $('div').animate({width:200},2000); $('object').attr({ type : 'text/html' }) $('object').on('resize,onresize,load,onload',function(){ console.log('ooooooooonload') }) $($('iframe')[0].contentWindow).on('resize',function(){ console.log('div changed') }) 

उदाहरण चल रहा है

जेएसफ़िल्ड: https://jsfiddle.net/qq8p470d/


और देखें:

  • क्ले – यह element-resize-event पर आधारित है
  • तत्व-आकार-घटना

केवल विंडो ऑब्जेक्ट एक "रीसाइज" इवेंट उत्पन्न करता है एकमात्र तरीका है जो मुझे करना है जो आप करना चाहते हैं वह एक अंतराल टाइमर को चलाने के लिए है जो समय-समय पर आकार की जांच करता है।

क्ले.जेएस ( https://github.com/zzarcon/clay ) का उपयोग करना तत्व आकार पर परिवर्तनों को पहचानना काफी आसान है:

 var el = new Clay('.element'); el.on('resize', function(size) { console.log(size.height, size.width); }); 

इस ब्लॉग पोस्ट ने मुझे DOM तत्वों में आकार परिवर्तनों को कुशलता से पता लगाया।

http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/

इस कोड का उपयोग कैसे करें …

 AppConfig.addResizeListener(document.getElementById('id'), function () { //Your code to execute on resize. }); 

उदाहरण द्वारा उपयोग किए गए पैकेज किए गए कोड …

 var AppConfig = AppConfig || {}; AppConfig.ResizeListener = (function () { var attachEvent = document.attachEvent; var isIE = navigator.userAgent.match(/Trident/); var requestFrame = (function () { var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) { return window.setTimeout(fn, 20); }; return function (fn) { return raf(fn); }; })(); var cancelFrame = (function () { var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout; return function (id) { return cancel(id); }; })(); function resizeListener(e) { var win = e.target || e.srcElement; if (win.__resizeRAF__) cancelFrame(win.__resizeRAF__); win.__resizeRAF__ = requestFrame(function () { var trigger = win.__resizeTrigger__; trigger.__resizeListeners__.forEach(function (fn) { fn.call(trigger, e); }); }); } function objectLoad(e) { this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__; this.contentDocument.defaultView.addEventListener('resize', resizeListener); } AppConfig.addResizeListener = function (element, fn) { if (!element.__resizeListeners__) { element.__resizeListeners__ = []; if (attachEvent) { element.__resizeTrigger__ = element; element.attachEvent('onresize', resizeListener); } else { if (getComputedStyle(element).position === 'static') element.style.position = 'relative'; var obj = element.__resizeTrigger__ = document.createElement('object'); obj.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;'); obj.__resizeElement__ = element; obj.onload = objectLoad; obj.type = 'text/html'; if (isIE) element.appendChild(obj); obj.data = 'about:blank'; if (!isIE) element.appendChild(obj); } } element.__resizeListeners__.push(fn); }; AppConfig.removeResizeListener = function (element, fn) { element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1); if (!element.__resizeListeners__.length) { if (attachEvent) element.detachEvent('onresize', resizeListener); else { element.__resizeTrigger__.contentDocument.defaultView.removeEventListener('resize', resizeListener); element.__resizeTrigger__ = !element.removeChild(element.__resizeTrigger__); } } } })(); 

नोट: AppConfig एक नेमस्पेस / ऑब्जेक्ट है जिसे मैं पुन: प्रयोज्य फ़ंक्शंस के आयोजन के लिए उपयोग करता हूं। किसी भी चीज के साथ नाम खोजने और बदलने के लिए स्वतंत्र महसूस करें

मेरा jQuery प्लगइन सभी घटकों पर "पुन: आकार" ईवेंट को सक्षम करता है, न कि केवल window

https://github.com/dustinpoissant/ResizeTriggering

 $("#myElement") .resizeTriggering().on("resize", function(e){ // Code to handle resize }); 
 jQuery(document).ready( function($) { function resizeMapDIVs() { // check the parent value... var size = $('#map').parent().width(); if( $size < 640 ) { // ...and decrease... } else { // ..or increase as necessary } } resizeMapDIVs(); $(window).resize(resizeMapDIVs); }); 

आप कोड को निम्न स्निपेट में आज़मा सकते हैं, यह सादे जावास्क्रिप्ट का उपयोग कर आपकी आवश्यकताओं को कवर करता है। ( कोड स्निपेट चलाएं और चेतावनी को ट्रिगर करने के लिए पूर्ण पृष्ठ लिंक पर क्लिक करें कि यदि आप इसे टेस्ट करना चाहते हैं तो डिवा का आकार बदल दिया गया है। )।

इस तथ्य के आधार पर कि यह 100 मिलीसेकंड का एक सेट setInterval है, मैं यह कहने का साहस करता हूं कि मेरे पीसी को यह बहुत सीपीयू भूखा नहीं मिला। (परीक्षण के समय क्रोम में सभी खोले गए टैब के लिए सीपीयू का 0.1% कुल उपयोग किया गया था।)। लेकिन फिर यह सिर्फ एक div के लिए है, यदि आप इसे बहुत अधिक तत्वों के लिए करना चाहते हैं तो हाँ यह बहुत सीपीयू भूखा हो सकता है

आप वैसे भी div-resize sniffing को रोकने के लिए हमेशा एक क्लिक ईवेंट का उपयोग कर सकते हैं।

 var width = 0; var interval = setInterval(function(){ if(width <= 0){ width = document.getElementById("test_div").clientWidth; } if(document.getElementById("test_div").clientWidth!==width) { alert('resized div'); width = document.getElementById("test_div").clientWidth; } }, 100); 
 <div id="test_div" style="width: 100%; min-height: 30px; border: 1px dashed pink;"> <input type="button" value="button 1" /> <input type="button" value="button 2" /> <input type="button" value="button 3" /> </div> 

भरत पाटील का उपयोग करते हुए उत्तर में अधिकतम स्टैक त्रुटि को रोकने के लिए आपके बाइंड कॉलबैक के अंदर झूठ का जवाब नीचे दिए गए उदाहरण में देखें:

 $('#test_div').bind('resize', function(){ console.log('resized'); return false; }); 

शीर्ष उत्तर की यह बहुत सटीक प्रतिलिपि है, लेकिन एक लिंक के बजाय, यह कोड का सिर्फ एक हिस्सा है, जो मायने रखता है, आईएमओ को और अधिक पठनीय और समझने में आसान हो। कुछ अन्य छोटे परिवर्तनों में क्लोननोड () का उपयोग करना शामिल है, और जे एस स्ट्रिंग में html नहीं डाल रहा है। छोटे सामान, लेकिन आप इसे कॉपी और पेस्ट कर सकते हैं जैसा है और यह काम करेगा।

जिस तरह से यह काम करता है, वह दो अदृश्य डिवा बनाकर आप देख रहे तत्व को भरें, और फिर प्रत्येक में एक ट्रिगर डालें, और एक स्क्रॉल स्थिति सेट करें जिससे एक स्क्रॉल परिवर्तन ट्रिगर हो सकता है अगर आकार में परिवर्तन हो।

सभी असली क्रेडिट मार्क जे पर जाता है, लेकिन अगर आप बस प्रासंगिक कोड की तलाश कर रहे हैं, तो यह यहां है:

  window.El = {} El.resizeSensorNode = undefined; El.initResizeNode = function() { var fillParent = "display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;"; var triggerStyle = "position: absolute; left: 0; top: 0; transition: 0s;"; var resizeSensor = El.resizeSensorNode = document.createElement("resizeSensor"); resizeSensor.style = fillParent; var expandSensor = document.createElement("div"); expandSensor.style = fillParent; resizeSensor.appendChild(expandSensor); var trigger = document.createElement("div"); trigger.style = triggerStyle; expandSensor.appendChild(trigger); var shrinkSensor = expandSensor.cloneNode(true); shrinkSensor.firstChild.style = triggerStyle + " width: 200%; height: 200%"; resizeSensor.appendChild(shrinkSensor); } El.onSizeChange = function(domNode, fn) { if (!domNode) return; if (domNode.resizeListeners) { domNode.resizeListeners.push(fn); return; } domNode.resizeListeners = []; domNode.resizeListeners.push(fn); if(El.resizeSensorNode == undefined) El.initResizeNode(); domNode.resizeSensor = El.resizeSensorNode.cloneNode(true); domNode.appendChild(domNode.resizeSensor); var expand = domNode.resizeSensor.firstChild; var expandTrigger = expand.firstChild; var shrink = domNode.resizeSensor.childNodes[1]; var reset = function() { expandTrigger.style.width = '100000px'; expandTrigger.style.height = '100000px'; expand.scrollLeft = 100000; expand.scrollTop = 100000; shrink.scrollLeft = 100000; shrink.scrollTop = 100000; }; reset(); var hasChanged, frameRequest, newWidth, newHeight; var lastWidth = domNode.offsetWidth; var lastHeight = domNode.offsetHeight; var onResized = function() { frameRequest = undefined; if (!hasChanged) return; lastWidth = newWidth; lastHeight = newHeight; var listeners = domNode.resizeListeners; for(var i = 0; listeners && i < listeners.length; i++) listeners[i](); }; var onScroll = function() { newWidth = domNode.offsetWidth; newHeight = domNode.offsetHeight; hasChanged = newWidth != lastWidth || newHeight != lastHeight; if (hasChanged && !frameRequest) { frameRequest = requestAnimationFrame(onResized); } reset(); }; expand.addEventListener("scroll", onScroll); shrink.addEventListener("scroll", onScroll); } 
 var div = document.getElementById('div'); div.addEventListener('resize', (event) => console.log(event.detail)); function checkResize (mutations) { var el = mutations[0].target; var w = el.clientWidth; var h = el.clientHeight; var isChange = mutations .map((m) => m.oldValue + '') .some((prev) => prev.indexOf('width: ' + w + 'px') == -1 || prev.indexOf('height: ' + h + 'px') == -1); if (!isChange) return; var event = new CustomEvent('resize', {detail: {width: w, height: h}}); el.dispatchEvent(event); } var observer = new MutationObserver(checkResize); observer.observe(div, {attributes: true, attributeOldValue: true, attributeFilter: ['style']}); 
 #div {width: 100px; border: 1px solid #bbb; resize: both; overflow: hidden;} 
 <div id = "div">DIV</div> 

केवल Window.onResize विनिर्देशन में मौजूद है, लेकिन आप अपने डीआईवी में नई Window ऑब्जेक्ट उत्पन्न करने के लिए हमेशा IFrame का उपयोग कर सकते हैं।

कृपया इस उत्तर की जांच करें। एक नया छोटा jquery प्लगइन है , जो पोर्टेबल और उपयोग में आसान है। आप हमेशा यह देखने के लिए स्रोत कोड कैसे देख सकते हैं कि यह कैसे किया जाता है।

 <!-- (1) include plugin script in a page --> <script src="/src/jquery-element-onresize.js"></script> // (2) use the detectResizing plugin to monitor changes to the element's size: $monitoredElement.detectResizing({ onResize: monitoredElement_onResize }); // (3) write a function to react on changes: function monitoredElement_onResize() { // logic here... } 

मैंने सोचा कि यह नहीं किया जा सकता है, लेकिन फिर मैंने इसके बारे में सोचा, आप मैन्युअल रूप से शैली = "आकार: दोनों; ऐसा करने के लिए आप उस पर क्लिक करने के लिए एवे करें ताकि तत्व की ऊंचाई और चौड़ाई की जांच करने के लिए एक onclick फ़ंक्शन जोड़ा और यह काम किया। शुद्ध जावास्क्रिप्ट की केवल 5 लाइनों के साथ (यकीन है कि यह भी कम हो सकता है) http://codepen.io/anon/pen/eNyyVN

 <div id="box" style=" height:200px; width:640px; background-color:#FF0066; resize: both; overflow: auto;" onclick="myFunction()"> <p id="sizeTXT" style=" font-size: 50px;"> WxH </p> </div> <p>This my example demonstrates how to run a resize check on click for resizable div.</p> <p>Try to resize the box.</p> <script> function myFunction() { var boxheight = document.getElementById('box').offsetHeight; var boxhwidth = document.getElementById('box').offsetWidth; var txt = boxhwidth +"x"+boxheight; document.getElementById("sizeTXT").innerHTML = txt; } </script>