તમારી વેબસાઇટ્સ પર એપ્લિકેશન-શૈલીનો અનુભવ બનાવો
ડાયનેમિક એચટીએમએલ (ડી.ટી.ટી.એલ.ટી.) તમને તમારી વેબસાઇટ્સ પર એપ્લીકેશન-સ્ટાઇલનો અનુભવ બનાવવા માટે પરવાનગી આપે છે, જે આવર્તન ઘટાડે છે કે જે સમગ્ર પૃષ્ઠોને સંપૂર્ણ રીતે લોડ કરવાની જરૂર છે. એપ્લિકેશન્સમાં, જ્યારે તમે કોઈ વસ્તુ પર ક્લિક કરો છો, તે એપ્લિકેશન તે ચોક્કસ સામગ્રીને બતાવવા માટે બદલાતી રહે છે અથવા આપના જવાબને પ્રદાન કરે છે.
તેનાથી વિપરીત, વેબપેજેસને ફરીથી લોડ કરવો પડે છે, અથવા એક સંપૂર્ણ નવું પૃષ્ઠ લોડ કરવું પડે છે. આ વપરાશકર્તા અનુભવને વધુ અસંબદ્ધ બનાવે છે. તમારા ગ્રાહકોને પ્રથમ પૃષ્ઠ લોડ થવાની રાહ જોવી પડશે અને પછી બીજા પૃષ્ઠને લોડ કરવા માટે ફરીથી રાહ જોવી પડશે, અને તેથી વધુ.
& Lt; div & gt; દર્શક અનુભવ સુધારવા માટે
આ અનુભવને સુધારવા માટેના સૌથી સરળ રીતો પૈકી એક ડીટીટીએમએલનો ઉપયોગ થાય છે, જ્યારે તે વિનંતી કરે છે કે જ્યારે સામગ્રીને દર્શાવવા માટે ડાવિ તત્વો ટૉગલ ચાલુ અને બંધ હોય. એક DIV તત્વ તમારા વેબપૃષ્ઠ પર લોજિકલ વિભાગો વ્યાખ્યાયિત કરે છે. એક ડિવને એક બૉક્સ તરીકે વિચારો કે જેમાં ફકરા, મથાળાઓ, લિંક્સ, છબીઓ અને અન્ય વિભાગો પણ હોઈ શકે છે.
તમને જરૂર છે
એક DIV બનાવવા માટે કે જે ચાલુ અને બંધ toggled કરી શકાય છે, તમે નીચેની જરૂર છે:
- જ્યારે ક્લિક કરેલું ત્યારે તેને ચાલુ અને બંધ કરીને DIV ને નિયંત્રિત કરવા માટેની લિંક
- DIV બતાવવા અને છુપાવવા માટે
- સીએસએસ છુપાવેલી અથવા દ્રશ્યમાન શૈલીમાં CSS
- ક્રિયા કરવા જાવાસ્ક્રિપ્ટ
નિયંત્રણ કડી
આ નિયંત્રક લિંક સૌથી સરળ ભાગ છે. ફક્ત એક લિંક બનાવો જે તમારા માટે બીજા પૃષ્ઠ પર હશે. હમણાં માટે, href એટેચ્રેટ ખાલી છોડી દો.
જાણો HTMLઆને તમારા વેબપૃષ્ઠ પર ગમે ત્યાં મૂકો.
Div અને બતાવો અને છુપાવો
તમે બતાવવા અને છુપાવવા માંગો છો તે ઘટક ઘટક બનાવો. ખાતરી કરો કે તમારી div પર તેની અનન્ય id છે. ઉદાહરણ તરીકે, અનન્ય ID HTML શીખે છે .
આ સામગ્રી કૉલમ છે. આ સ્પષ્ટીકરણ ટેક્સ્ટ સિવાય તેને ખાલી શરૂ થાય છે. પસંદ કરો કે તમે ડાબી બાજુએ નેવિગેશન કૉલમમાં શીખી શકો છો. ટેક્સ્ટ નીચે દેખાશે: તમારા CSS માટે બે ક્લાસ બનાવો: એક તે બતાવવા માટે div અને બીજાને છુપાવવા માટે. તમારી પાસે આ માટે બે વિકલ્પો છે: ડિસ્પ્લે અને દૃશ્યતા. દર્શાવો પૃષ્ઠના પ્રવાહમાંથી DIV ને દૂર કરે છે, અને દૃશ્યતા ફક્ત તે કેવી રીતે જોવામાં આવે છે તે બદલાય છે. કેટલાક કોડરો ડિસ્પ્લેને પસંદ કરે છે, પરંતુ કેટલીકવાર દ્રશ્યતા પણ અર્થમાં સમજે છે દાખ્લા તરીકે: જો તમે દૃશ્યતાનો ઉપયોગ કરવા માંગો છો, તો પછી આ વર્ગોને આમાં બદલો: છુપાવો વર્ગને તમારા div માં ઉમેરો જેથી તે પૃષ્ઠ પર છુપાવેલું શરૂ થાય: આ બધી સ્ક્રિપ્ટ તમારા DIV પર વર્તમાન ક્લાસ સેટ પર નજર રાખે છે અને તેને છૂપા અથવા ઊલટું તરીકે ચિહ્નિત કરાયેલ હોય તો તેને છુપાવી દેવામાં આવે છે. આ ફક્ત જાવાસ્ક્રિપ્ટની થોડી લાઈનો છે. નીચેનાને તમારા HTML દસ્તાવેજના વડામાં મૂકો ( આ સ્ક્રિપ્ટ શું કરે છે, લાઇન દ્વારા રેખા: સ્ક્રિપ્ટ કાર્ય કરવા માટે, તમારે એક વધુ વસ્તુ કરવાની જરૂર છે. તમારી લિંક પર પાછા જાઓ અને href લક્ષણને JavaScript ઉમેરો. તમે આ href માં તમારા DIV નામના ચોક્કસ અનન્ય ID નો ઉપયોગ કરવાની ખાતરી કરો: અભિનંદન! હવે તમારી પાસે એક એવી એવી એવી div છે જે તમને લિંક પર ક્લિક કરતી વખતે બતાવી અને છુપાવશે. આ સ્ક્રિપ્ટ નિરર્થક સાબિતી નથી. કેટલીક પરિસ્થિતિઓમાં તે તમારા માટે સમસ્યાઓનું કારણ બની શકે છે: તમારે હંમેશા તમારા ગ્રાહકો સાથે આની જેમ ડાયનેમિક એચટીએમએલનું પરીક્ષણ કરવું જોઈએ. એકવાર તમને વિશ્વાસ થાય છે કે તેઓ સમજી શકે છે અને તેનો ઉપયોગ કરી શકે છે, તે ઘણી બધી દૃશ્યમાન સ્થાન લીધા વિના તમારા વેબપૃષ્ઠો પર મોટી સંખ્યામાં સામગ્રી મેળવી શકે છે. HTML જાણો
આ ડીવી જોવા અને છુપાવવા માટે CSS
જાવાસ્ક્રિપ્ટ તે કામ કરવા માટે
માટે બહાર જોવા માટે શક્ય સમસ્યાઓ