आपल्या वेबसाइटवर अनुप्रयोग-शैली अनुभव तयार करा
डायनॅमिक एचटीएमएल (डीएचटीएमएल) तुम्हाला तुमच्या वेबसाइटवर ऍप्लीकेशन-स्टाईलचा अनुभव तयार करण्यास परवानगी देते, वारंवारिता कमी करते ज्यामुळे संपूर्ण पृष्ठे पूर्णतः भरावतात. अनुप्रयोगात, जेव्हा आपण एखाद्यावर क्लिक करता, तेव्हा ती विशिष्ट सामग्री दर्शविण्यासाठी किंवा आपल्याला आपले उत्तर प्रदान करण्यासाठी अनुप्रयोग तत्काळ बदल करतो.
त्याउलट, वेबपृष्ठांना विशेषत: रीलोड करावे लागेल किंवा संपूर्ण नवीन पृष्ठ लोड केले जावे. हे वापरकर्त्यास अधिक विसंगत बनवू शकतो. आपल्या ग्राहकांना प्रथम पृष्ठ लोड होण्याची प्रतीक्षा करावी लागणार आहे आणि दुसऱ्या पृष्ठावर लोड होण्यास पुन्हा प्रतीक्षा करावी लागेल, आणि अशीच काही
& Lt; div & gt; दर्शक अनुभव सुधारण्यासाठी
डीएचटीएमएल वापरणे, हे अनुभव सुधारण्यासाठी सर्वात सोपा मार्गांपैकी एक म्हणजे डिवेल तत्व जेव्हा विनंती केली जाते तेव्हा सामग्री प्रदर्शित करण्यासाठी चालू आणि बंद करणे आवश्यक असते. एक div घटक आपल्या वेबपृष्ठावर तार्किक विभाग व्याख्या. डिवीविने एक चौकटीचा विचार करा ज्यामध्ये परिच्छेद, मथळे, लिंक्स, प्रतिमा आणि इतर विभाग देखील असू शकतात.
आपल्याला काय पाहिजे
टॉगल करणे चालू आणि बंद करता येणारी एक तयार करण्याकरिता आपल्याला खालील गोष्टींची आवश्यकता आहे:
- क्लिक केल्यावर त्या चालू व बंद करण्याने div नियंत्रित करण्यासाठी एक दुवा
- DIV दर्शविण्यासाठी आणि लपविण्यासाठी
- CSS ला लपविलेल्या किंवा दृश्यमान शैलीने CSS
- कृती करण्यासाठी जावास्क्रिप्ट
कंट्रोलिंग लिंक
नियंत्रक दुवा सर्वात सोपा भाग आहे. फक्त एक दुवा तयार करा जसे की आपण दुसर्या पृष्ठावर करू इच्छिता. आत्तासाठी, href विशेषता रिक्त सोडा.
जाणून घ्या HTMLहे आपल्या वेबपृष्ठावर कुठेही ठेवा.
दि डिव फॉर शो आणि ओव्हड
आपण दर्शवू आणि लपवू इच्छित असलेले विभाग घटक तयार करा आपल्या डिव्हीनावर एक विशिष्ट आयडी आहे याची खात्री करा. उदाहरणार्थ, एकमेव आयडी HTML शिकतो
ही सामग्री स्तंभ आहे. हे स्पष्टीकरण मजकूर वगळता तो रिक्त प्रारंभ होतो. डावीकडील नेव्हिगेशन स्तंभात आपण काय जाणून घेऊ इच्छिता ते निवडा. मजकूर खाली दिसेल: आपल्या सीएसएससाठी दोन वर्ग तयार कराः एक डिव्ही आणि लपवण्यासाठी तो लपवण्यासाठी दुसरा. आपल्याकडे याकरिता दोन पर्याय आहेत: प्रदर्शन आणि दृश्यमानता प्रदर्शन पृष्ठाच्या प्रवाहापासून डिव्ही काढून टाकते आणि दृश्यमानता तो कसा दिसतो ते बदलते. काही कॉडर्स प्रदर्शनास पसंत करतात, पण कधी कधी दृश्यमानता देखील अर्थपूर्ण आहे उदाहरणार्थ: आपण दृश्यमानता वापरू इच्छित असल्यास, नंतर हे वर्ग यावर बदला: आपल्या डिव्हीवर लपलेले वर्ग जोडा जेणेकरून ते पृष्ठावर लपविलेले सुरू होईल: हे सर्व स्क्रिप्ट आपल्या डिव्ह वर सेट केलेल्या वर्तमान श्रेणीकडे पहायला देते आणि ते लपविलेले किंवा उलट रुपाने चिन्हांकित नसल्यास ते अननुरुपात टॉगल करते. ही JavaScript ची केवळ काही ओळी आहेत खालील आपल्या HTML दस्तऐवजाच्या शीर्षस्थानी ठेवा ( हे स्क्रिप्ट काय करेल, ओळीनुसार ओळ: स्क्रिप्टचे कार्य करण्यासाठी, आपल्याला आणखी एक गोष्ट करणे आवश्यक आहे. आपल्या दुव्यावर परत जा आणि href वैशिष्ट्यामध्ये javascript जोडा. आपण या href मध्ये आपल्या div नावाची अचूक एकमेव आयडी वापरण्याचे सुनिश्चित करा: अभिनंदन! आता आपल्याकडे एक डिव्ही आहे जे आपण एखाद्या लिंकवर क्लिक करता तेव्हा दर्शवेल आणि लपवेल. हे स्क्रिप्ट मूर्ख-पुरावा नाही काही परिस्थितींमध्ये ते आपल्यासाठी समस्या उत्पन्न करु शकतात: आपण नेहमी आपल्या ग्राहकांसह यासारख्या डायनॅमिक एचटीएमएलची चाचणी करावी. एकदा आपल्याला विश्वास वाटतो की ते समजून घेण्यास आणि त्याचा वापर करू शकतात, तेव्हा बरेच दृश्यमान जागा न घेता आपल्या वेबपृष्ठांवर मोठ्या प्रमाणात सामग्री मिळविण्याचा हा एक चांगला मार्ग असू शकतो. HTML जाणून घ्या
डिव्हिड बघण्यासाठी आणि लपविण्यासाठी CSS
जावास्क्रिप्ट हे कार्य करण्यासाठी
यासाठी संभाव्य समस्या पहा