CSS, JavaScript എന്നിവ ഉപയോഗിച്ച് വാചകം അല്ലെങ്കിൽ ഇമേജുകൾ കാണിക്കുക, മറയ്ക്കുക

നിങ്ങളുടെ വെബ്സൈറ്റുകളിൽ ഒരു അപ്ലിക്കേഷൻ-ശൈലി അനുഭവം സൃഷ്ടിക്കുക

നിങ്ങളുടെ വെബ്സൈറ്റുകളിൽ ഒരു അപ്ലിക്കേഷൻ-ശൈലി അനുഭവം സൃഷ്ടിക്കാൻ ഡൈനാമിക് HTML (DHTML) നിങ്ങളെ അനുവദിക്കുന്നു, മുഴുവൻ പേജുകളും പൂർണമായി ലോഡുചെയ്യേണ്ട ആവൃത്തി കുറയ്ക്കുന്നു. പ്രയോഗങ്ങളിൽ, നിങ്ങൾ എന്തെങ്കിലും ക്ലിക്കുചെയ്യുമ്പോൾ, നിർദ്ദിഷ്ട ഉള്ളടക്കം കാണിക്കുന്നതിനോ അല്ലെങ്കിൽ നിങ്ങളുടെ ഉത്തരം നൽകുന്നതിന്തോ ആയ ആപ്ലിക്കേഷൻ ഉടൻ തന്നെ മാറുന്നു.

നേരെമറിച്ച്, വെബ്പേജുകൾ സാധാരണയായി വീണ്ടും ലോഡ് ചെയ്യണം, അല്ലെങ്കിൽ ഒരു പുതിയ പേജ് ലോഡ് ചെയ്യണം. ഇത് ഉപയോക്തൃ അനുഭവത്തെ കൂടുതൽ വ്യത്യാസപ്പെടുത്താൻ കഴിയും. ആദ്യ പേജ് ലോഡ് ചെയ്യാനായി നിങ്ങളുടെ ഉപഭോക്താക്കൾ കാത്തിരിക്കുകയും തുടർന്ന് രണ്ടാമത്തെ പേജ് ലോഡുചെയ്യാൻ വീണ്ടും കാത്തിരിക്കുകയും ചെയ്യുന്നു.

& Lt; div & gt; ഉപയോഗിച്ച് കാഴ്ചക്കാരന്റെ അനുഭവം മെച്ചപ്പെടുത്തുന്നതിന്

DHTML ഉപയോഗിക്കുന്നതിലൂടെ, ഈ അനുഭവം മെച്ചപ്പെടുത്തുന്നതിനുള്ള എളുപ്പമാർഗങ്ങളിൽ ഒന്ന്, ഡിഗ്പ്ലെറ്റുകൾ അഭ്യർത്ഥിക്കപ്പെടുമ്പോൾ അത് പ്രദർശിപ്പിക്കാൻ ഓൺലൈനായും ഓഫ് ചെയ്യുക. ഒരു ഡിവിഡ് ഘടകത്തെ നിങ്ങളുടെ വെബ്പേജിൽ ലോജിക്കൽ ഡിവിഷനുകൾ നിർവ്വചിക്കുന്നു. ഖണ്ഡിക, തലക്കെട്ട്, ലിങ്കുകൾ, ചിത്രങ്ങൾ, മറ്റ് വിഭജനങ്ങൾ എന്നിവപോലുള്ള ഒരു ബോക്സായി ഒരു ഡിവിഡിനെക്കുറിച്ച് ചിന്തിക്കുക.

നിങ്ങൾക്ക് വേണ്ടിവരും

ടോഗിൾ ഓണാക്കാനും ഓഫുചെയ്യാനുമുള്ള ഒരു ഡിവി സൃഷ്ടിക്കുന്നതിന്, നിങ്ങൾക്ക് ഇനി പറയുന്നവ ആവശ്യമാണ്:

കൺട്രോളിലിംഗ് ലിങ്ക്

നിയന്ത്രിത ലിങ്ക് വളരെ എളുപ്പമുള്ള ഭാഗമാണ്. മറ്റൊരു പേജ് സന്ദർശിക്കുക എന്നതുപോലെ ഒരു ലിങ്ക് സൃഷ്ടിക്കുക. ഇപ്പോൾ, href ആട്രിബ്യൂട്ട് ശൂന്യമായി വിടുക.

HTML- ൽ പഠിക്കുക

ഇത് നിങ്ങളുടെ വെബ്പേജിൽ എവിടെ വച്ചാലും വയ്ക്കുക.

കാണിക്കേണ്ടതും മറയ്ക്കുന്നതും

നിങ്ങൾ പ്രദർശിപ്പിക്കാനും മറയ്ക്കാൻ ആഗ്രഹിക്കാനും കഴിയുന്ന ഡിവിഡ് ഘടകം സൃഷ്ടിക്കുക. നിങ്ങളുടെ div അതിൽ തനതായ ഒരു id ഉണ്ടെന്ന് ഉറപ്പുവരുത്തുക. ഉദാഹരണത്തിന്, തനതായ ഐഡി HTML പഠിക്കുന്നത് .

ഇതാണ് ഉള്ളടക്ക നിര. ഈ വിശദീകരണ പാഠം ഒഴികെ ഇത് ശൂന്യമായി ആരംഭിക്കുന്നു. നിങ്ങൾ ഇടതുവശത്തുള്ള നാവിഗേഷൻ നിരയിൽ മനസിലാക്കാൻ തിരഞ്ഞെടുക്കുക. പാഠം താഴെ കാണും: div >

HTML
  • സ്വതന്ത്ര HTML ക്ലാസ്
  • HTML ട്യൂട്ടോറിയൽ
  • XHTML എന്താണ്?

    ഡിവൈസിനെ കാണിക്കാനും മറയ്ക്കാനും CSS

    നിങ്ങളുടെ CSS- നായി രണ്ട് ക്ലാസുകൾ സൃഷ്ടിക്കുക: ഒന്ന് തെളിയിക്കാൻ ഒരെണ്ണം മറയ്ക്കുന്നതിന് ഒരെണ്ണം മറയ്ക്കും. ഇതിനായി നിങ്ങൾക്ക് രണ്ട് ഓപ്ഷനുകൾ ഉണ്ട്: ഡിസ്പ്ലേയും ദൃശ്യപരതയും.

    പ്രദർശനം പേജ് ഫ്ലോയിൽ നിന്നും ഡിവിഡി നീക്കം ചെയ്യുന്നു, കൂടാതെ അത് എങ്ങനെ കാണപ്പെടുന്നു എന്നത് ദൃശ്യമാക്കും. ചില കോഡറുകൾ ഡിസ്പ്ലേ ഇഷ്ടപ്പെടുന്നവയാണ്, പക്ഷേ ചിലപ്പോൾ ദൃശ്യവത്കരണവും അർത്ഥമാക്കുന്നു. ഉദാഹരണത്തിന്:

    .ഹീഡ്ഡ് {പ്രദർശിപ്പിക്കുക: none; } .നിശ്ചിതം {display: block; }

    നിങ്ങൾക്ക് ദൃശ്യപരത ഉപയോഗിക്കണമെങ്കിൽ, ഈ ക്ലാസുകളിലേക്ക് ഇതിലേക്ക് മാറ്റുക:

    .hidden {ദൃശ്യത: മറച്ചു; } .ഉപഭോക്തത്വം: ദൃശ്യരൂപം; }

    നിങ്ങളുടെ ഡിവിഡിന് മറഞ്ഞിരിക്കുന്ന ക്ലാസ് ചേർക്കുക, അത് പേജിൽ മറയ്ക്കുന്നത് പോലെ ആരംഭിക്കുന്നു:

    class = "hidden" >

    ഇത് പ്രവർത്തിപ്പിക്കാൻ JavaScript

    നിങ്ങളുടെ സ്ക്രിപ്പില് നിലവിലുള്ള ക്ലാസ് സെറ്റില് ഈ സ്ക്രിപ്റ്റിന് കാണാം, മറഞ്ഞിരിക്കുന്നതായി അടയാളപ്പെടുത്തി അല്ലെങ്കില് മറച്ചുവെച്ചാലും മറച്ചുവയ്ക്കാന് അത് ടോഗിള് ചെയ്യുന്നു.

    ഇത് JavaScript ന്റെ കുറച്ച് വരികൾ മാത്രമാണ്. നിങ്ങളുടെ HTML പ്രമാണത്തിന്റെ തലയിൽ താഴെ കൊടുക്കുക ( ടാഗ്: