javascript - width of div is not increasing -


यह मेरा कोड है: 

  & lt; script & gt; Var change = function () {alert ("sam"); (Var i; i & gt; = 200; i ++) के लिए {var z = स्ट्रिंग (i); Var x = document.getElementById ("div1"); X.style.width = z; }}; & Lt; / स्क्रिप्ट & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; # Div1 {width: 100px; ऊंचाई: 100 पिक्सेल; पृष्ठभूमि का रंग: #ccc; } & Lt; / style & gt; & Lt; div id = "div1" & gt; & lt; / div & gt; & Lt; बटन onclick = "परिवर्तन ();" & gt; / बटन और gt; लीटर और क्लिक करें   
 वास्तव में यह कोड क्या करता है, यह चौड़ाई बढ़ेगी जैसे कि jquery में हम चौड़ाई बढ़ाते हैं, क्योंकि इसकी चौड़ाई फिसलने है .. मैं इस चौड़ाई जावास्क्रिप्ट की तरह कोशिश कर रहा हूं।  
 और जब मैंने इसे Google क्रोम में जांच लिया, तो यह कोई गलती नहीं दिखाई या त्रुटि, लेकिन उस डिवाइन की चौड़ाई में परिवर्तन नहीं हुआ है और यह ध्यान दिया जाना चाहिए कि, यह  sam  को सतर्क कर दिया!  
 कृपया मेरी गलती मुझे बताओ ... धन्यवाद!   
 
 
 सब कुछ थोड़ा अधिक जटिल होने जा रहा है:  
  var परिवर्तन = समारोह () {var div = document.getElementById ("div1"), startWidth = div.offsetWidth; के लिए (var i = 0; i & lt; = 100; i ++) {(फ़ंक्शन (i) {setTimeout (फ़ंक्शन () {div.style.width = startWidth + i + 'px';}, i * 10)}) (I) // एक सेट में सेट सेट टाइमआउट}};   
 एक जोड़ी नोट्स।  
 1)। आपको प्रारंभिक चौड़ाई की गणना करने की आवश्यकता है। आप इसके लिए  offsetwidth  संपत्ति का उपयोग कर सकते हैं।  
 2)। सुनिश्चित करें कि आप लूप में  div  तत्व को नहीं खोजते हैं।  
 3)। स्लाइडिंग प्रभाव के लिए आपको एक क्लोजर और  setTimeout  की आवश्यकता है  i  चर के एक स्नैपशॉट (वर्तमान में लूप में) के साथ एक सेटटाइमआउट बाइंड करने के लिए बंद किया जाता है।  
 4)। लूप  i & gt; = 200  में  i & lt; = 200  होना चाहिए।  
 डेमो:

Comments

Post a Comment

Popular posts from this blog

sql - Return Function using Cursor -

My current schedule is: USERID Department NAME Real Estimated 522 Xyz Department John Wayne 2/1/14/14 8:34 522 Investigation Department John Wayne 2/17/1411: 21 78 9Except Department Bill Smith 2/17/14 9:41 78 9 Excise Department Bill Smith 2/17/14 11:16 78 9 Excise Department Bill Smith 2 / 17/14 11:50 78 9 Excise Department Bill Smith 2/17/14 12: 18 856 Explore Department Raul Castill 2/17/14 9:25 I have to create a function which enables me to enter a user ID and that Allows the user to return data from the person. However, I want to take the first line and want to hold the actual date and then put it in the 'column' check and I also carry the last row and store it in 'Check Out' in the column call. Basically, for every day, I want to record the records in the user's time and want to take the time for each day. This is what I have done so far " return @RtnValue table (useridd integer, deptname varchar (max), emplname varchar (100), actualDate da...
Read more

sql server - How to use pivot in this table -

वास्तविक तालिका संरचना ==================== =============== slno ParnetID ParnetName संवर्धन मार्केटर 1 SLM1010S SKR.RAJASHEGARAN 2 43640 2 40049 M.KANNAN 3 43640 3 40018 M.PRABU 6 43,640 4 SLM1010S SKR.RAJASHEGARAN 2 43641 5 40042 M.KANNAN 3 43,641 6 40011 M.PRABU 6 43,641 मैं अपने प्रश्न हैं: अस्थायी रूप (slno, parentid, parentname, parentpromotionid, marketerid, (चयन गणना (*) parentmaster कहां t1.marketerid = marketerid और t1.parentid से चयन युक्त = parentid और t1.parentname = parentname और slno & lt; = t1.slno) ROWNUM के रूप में parentmaster t1 रूप से) का चयन करें marketerid, [2], [6], [3] अस्थायी धुरी से (न्यूनतम (parentid) के लिए parentpromotionid में ( [2], [6], [3])) के रूप में टी लेकिन मैं इस तालिका संरचना चाहते हैं MarketerID 2 से 6 3 43,640 SLM1010S 40,018 40049 43641 SLM1010S 40011 40042 यह आपकी मदद कर सकता है .. बाज़ार का चयन करें, [2], [3], [6] से ( मार्केटर का चयन करें, संवर्धन, ParnetID parentmaster) घ धुरी (न्यूनतम (ParnetID) ([2], [3], [6])) के ...
Read more

javascript - Is there any way to add a new parameter to a function programmatically? -

Since I can set the number of expectations by calling a function its function.length Property, do I have to programmatically create the right number of parameters to include in that function at runtime? Example: var xyz = function (a, b) {}; Var BCD = function (A, B, C, D, E, F) {}; // vararg example var doc = document, func_length = xyz.length; Doc.xyz = (function () {returns function (A, B, C, D, E) works for one / but other is not}}}. Call (doctor); / * With `only two parameters ', like' Return function (A, B)`, if this function is used for `xyz` (although in this case 5 works fine), and return function ( If the function is used for 'BCD' (which does not work with only five parameters) with A, B, C, D, E, F) `6 / / Xyz.apply (blank, arguments) Think about ... but which logic ..? : // Returning function (A, B, C, D, E) does not support work with more than five parameters, which will be mostly class - hence my question / I also know very well That I use an obj...
Read more