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

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

wpf - ControlTemplate with changes for every class -

I have the following ControlTemplate that is the same for all my custom controls. & amp; the lift; ControlTemplate x: key = "PssFunctionControlBaseHorizontal" TargetType = "Local: PssFunctionControlBase" & gt; & Lt; Grid & gt; & Lt; Threshold Threshold = "1" & gt; & Lt; Content Control X: Name = "Inner Content" Template = "{Static Resources Inner Contentbase Horizontal}" /> & Lt; / Border & gt; & Lt; Control x: name = "PART_ResizeDecorator" visibility = "short" template = "{static resource resize deccurratematet}" /> & Lt; / Grid & gt; & Lt; ControlTemplate.Triggers & gt; & Lt; Data Trigger Value = "True" Binding = "{Binding Editing Moded, Relative Soros = {ResolveSource Search Engineer, Instant Type = {x: Type Local: PssViewLayoutControl}}}" & gt; & Lt; Setter target name = "PART_ResizeDecorator" ...
Read more

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more