Jieun hiji pangalaman aplikasi-gaya on jaba Anjeun
Dinamis HTML (DHTML) ngidinan Anjeun pikeun nyieun hiji pangalaman aplikasi-gaya on jaba anjeun, ngurangan frékuénsi nu sakabéh kaca kudu jadi pinuh dimuat. Dina aplikasi, mun anjeun klik hal, aplikasi geura robah pikeun mintonkeun yen eusi husus atawa nyadiakeun Anjeun sareng jawaban Anjeun.
Kontras, webpages ilaharna kudu bisa reloaded, atawa hiji kaca anyar sakabéh geus jadi dimuat. Ieu bisa nyieun pangalaman pamaké leuwih disjointed. konsumén Anjeun kudu ngadagoan kaca munggaran pikeun muka lajeng antosan deui pikeun kaca kadua pikeun muka, jeung saterusna.
Ngagunakeun & lt; div & GT; pikeun ngaronjatkeun Viewer Garapan
Ngagunakeun DHTML, salah sahiji cara nu paling gampang pikeun ngaronjatkeun pangalaman ieu téh boga div elemen toggle sareng mareuman kana eusi tampilan keur dipénta. A unsur div ngahartikeun bagean logis dina Kalurahan Anjeun. Mikir nu div salaku kotak anu bisa ngamuat ayat, lulugu, Tumbu, Gambar, jeung malah divs lianna.
Naon Anjeun & # 39; gé ngabutuhkeun
Dina raraga nyiptakeun div nu bisa toggled sareng mareuman, Anjeun kedah di handap:
- A link ngadalikeun div nu kucara eta sareng mareuman nalika diklik
- div ka némbongkeun sarta nyumputkeun
- CSS jeung gaya div nu disumputkeun atawa ditingali
- JavaScript nedunan tindakan
The ngadalikeun Patalina
Link ngadalikeun teh bagian panggampangna. Kantun nyieun link kawas anjeun bakal ka kaca séjén. Pikeun ayeuna mah, ninggalkeun href atribut kosong.
Diajar HTMLTempat mana ieu dina Kalurahan Anjeun.
Div ka Témbongkeun na Sumputkeun
Jieun unsur div rék némbongkeun sarta nyumputkeun. Pastikeun yén div anjeun ngabogaan id unik dina eta. Dina conto éta, anu id unik nyaeta diajar HTML .
Ieu kolom eusi. Dimimitian kaluar kosong iwal téks kieu. Milih naon rék diajar dina kolom navigasi on kénca. Téks bakal némbongan di handap: p>
Diajar HTML h3> - Free HTML Kelas li>
- HTML Tutorial a> li>
- Naon XHTML? li> ul> div> div>
CSS ka Témbongkeun na Sumputkeun nu Div
Jieun dua kelas pikeun CSS anjeun: salah nyumputkeun div jeung lianna pikeun némbongkeun éta. Geus dua pilihan pikeun ieu: tampilan na pisibilitas.
Tampilan ngaluarkeun div ti aliran kaca, sarta pisibilitas ngan robah sabaraha ayeuna teh katempo. Sababaraha coders resep tampilan, tapi kadang pisibilitas ngajadikeun rasa, teuing. Salaku conto:
.hidden {tampilan: taya; } .unhidden {tampilan: block; } Lamun hayang ngagunakeun pisibilitas, teras robah kelas ieu ka:
.hidden {pisibilitas: disumputkeun; } .unhidden {pisibilitas: ditingali; } Tambahkeun kelas disumputkeun pikeun div anjeun meh dimimitian salaku disumputkeun dina kaca:
kelas = "disumputkeun"> JavaScript mun Jieun Ieu Gawé
Sakabéh naskah manten anu kasampak di kelas ayeuna disetel dina div anjeun sarta toggles ka unhidden lamun ayeuna teh ditandaan salaku disumputkeun atawa sabalikna.
Ieu ukur sababaraha garis tina JavaScript. Teundeun di handap dina sirah tina dokumen HTML anjeun (méméh tag:
fungsi unhide (divID) {var item = document.getElementById (divID); ? Lamun (item) {item.className = (item.className == 'disumputkeun') 'unhidden': 'disumputkeun'; }} Aksara> Naon ieu naskah teu, garis ku garis:
- Télépon fungsi unhide, sarta divID teh unik ID pasti rék Ningalikeun atanapi nyumputkeun.
- Susunan up variabel i tem kalayan nilai div Anjeun.
- Ngalakukeun hiji dipariksa browser basajan; lamun panyungsi nu teu ngarojong getElementById, Aksara ieu moal jalan.
- Cek nu kelas on div nu. Mun éta disumputkeun, éta robah ka unhidden. Upami teu kitu, eta robah ka disumputkeun.
- Nutup lamun pernyataan.
- Nutup fungsina.
Nyieun karya Aksara, Anjeun kedah ngalakukeun hiji hal deui. Balik deui ka link anjeun sarta nambahan JavaScript ka atribut href. Pastikeun pikeun nganggo id unik pasti nu ngaranna div anjeun dina href ieu:
javascript:unhide('learnHTML'); "> Diajar HTML Gening! Ayeuna gaduh div anu bakal némbongkeun sarta nyumputkeun iraha anjeun klik link.
Mungkin Masalah keur lalajo kaluar pikeun
Aksara ieu moal fool-buktina. Aya sababaraha kaayaan nu eta bisa ngabalukarkeun masalah keur anjeun:
- JavaScript Teu diaktipkeun. Lamun pembaca Anjeun teu boga JavaScript atanapi ayeuna teh dipareuman, Aksara ieu moal jalan. The divs disumputkeun tetep disumputkeun euweuh urusan naon pamiarsa anjeun ngalakukeun. Salah sahiji cara pikeun ngalereskeun ieu pikeun nyimpen divs disumputkeun di wewengkon noscript, tapi anjeun gé kudu maén sabudeureun kalawan yén pikeun meunangkeun éta pikeun nembongkeun neuleu.
- Teuing Kandungan. Ieu tiasa alat hébat pikeun ngidinan pamiarsa anjeun ningali ukur eusi maranéhna kudu, tapi lamun nyimpen teuing jero divs disumputkeun, éta drastis bisa mangaruhan kumaha kaca beban. Inget yen sanajan eusi henteu mintonkeun, web browser anu masih ngundeur éta, jadi make rasa alus dina sabaraha eusi Anjeun nyumputkeun.
- Konsumén Ulah Paham. Tungtungna, konsumén bisa jadi teu jadi biasa ngaklik tumbu anu nembongkeun atawa hides eusi. Maén di sabudeureun jeung ikon (tambah tanda na panah dianggo ogé) atawa téks pikeun ngajelaskeun naon nu bakal kajadian mun konsumén Anjeun. solusi sejen nyaeta ninggalkeun salah sahiji divs kabuka sedengkeun batur anu ditutup. Ieu bisa nepikeun gagasan pikeun konsumén anjeun, ngarah bisa leuwih gancang angka kaluar kumaha carana muka eusi sésana.
Anjeun kudu salawasna nguji Cim HTML kawas kieu jeung konsumén Anjeun. Sakali aran yakin maranéhna bisa ngarti sarta make eta, ieu tiasa janten jalan gede meunang loba kandungan on webpages Anjeun tanpa nyokot nepi loba spasi ditingali.
CSS ka Témbongkeun na Sumputkeun nu Div
Jieun dua kelas pikeun CSS anjeun: salah nyumputkeun div jeung lianna pikeun némbongkeun éta. Geus dua pilihan pikeun ieu: tampilan na pisibilitas.
Tampilan ngaluarkeun div ti aliran kaca, sarta pisibilitas ngan robah sabaraha ayeuna teh katempo. Sababaraha coders resep tampilan, tapi kadang pisibilitas ngajadikeun rasa, teuing. Salaku conto:
.hidden {tampilan: taya; } .unhidden {tampilan: block; }Lamun hayang ngagunakeun pisibilitas, teras robah kelas ieu ka:
.hidden {pisibilitas: disumputkeun; } .unhidden {pisibilitas: ditingali; }Tambahkeun kelas disumputkeun pikeun div anjeun meh dimimitian salaku disumputkeun dina kaca:
JavaScript mun Jieun Ieu Gawé
Sakabéh naskah manten anu kasampak di kelas ayeuna disetel dina div anjeun sarta toggles ka unhidden lamun ayeuna teh ditandaan salaku disumputkeun atawa sabalikna.
Ieu ukur sababaraha garis tina JavaScript. Teundeun di handap dina sirah tina dokumen HTML anjeun (méméh
Naon ieu naskah teu, garis ku garis:
- Télépon fungsi unhide, sarta divID teh unik ID pasti rék Ningalikeun atanapi nyumputkeun.
- Susunan up variabel i tem kalayan nilai div Anjeun.
- Ngalakukeun hiji dipariksa browser basajan; lamun panyungsi nu teu ngarojong getElementById, Aksara ieu moal jalan.
- Cek nu kelas on div nu. Mun éta disumputkeun, éta robah ka unhidden. Upami teu kitu, eta robah ka disumputkeun.
- Nutup lamun pernyataan.
- Nutup fungsina.
Nyieun karya Aksara, Anjeun kedah ngalakukeun hiji hal deui. Balik deui ka link anjeun sarta nambahan JavaScript ka atribut href. Pastikeun pikeun nganggo id unik pasti nu ngaranna div anjeun dina href ieu:
javascript:unhide('learnHTML'); "> Diajar HTMLGening! Ayeuna gaduh div anu bakal némbongkeun sarta nyumputkeun iraha anjeun klik link.
Mungkin Masalah keur lalajo kaluar pikeun
Aksara ieu moal fool-buktina. Aya sababaraha kaayaan nu eta bisa ngabalukarkeun masalah keur anjeun:
- JavaScript Teu diaktipkeun. Lamun pembaca Anjeun teu boga JavaScript atanapi ayeuna teh dipareuman, Aksara ieu moal jalan. The divs disumputkeun tetep disumputkeun euweuh urusan naon pamiarsa anjeun ngalakukeun. Salah sahiji cara pikeun ngalereskeun ieu pikeun nyimpen divs disumputkeun di wewengkon noscript, tapi anjeun gé kudu maén sabudeureun kalawan yén pikeun meunangkeun éta pikeun nembongkeun neuleu.
- Teuing Kandungan. Ieu tiasa alat hébat pikeun ngidinan pamiarsa anjeun ningali ukur eusi maranéhna kudu, tapi lamun nyimpen teuing jero divs disumputkeun, éta drastis bisa mangaruhan kumaha kaca beban. Inget yen sanajan eusi henteu mintonkeun, web browser anu masih ngundeur éta, jadi make rasa alus dina sabaraha eusi Anjeun nyumputkeun.
- Konsumén Ulah Paham. Tungtungna, konsumén bisa jadi teu jadi biasa ngaklik tumbu anu nembongkeun atawa hides eusi. Maén di sabudeureun jeung ikon (tambah tanda na panah dianggo ogé) atawa téks pikeun ngajelaskeun naon nu bakal kajadian mun konsumén Anjeun. solusi sejen nyaeta ninggalkeun salah sahiji divs kabuka sedengkeun batur anu ditutup. Ieu bisa nepikeun gagasan pikeun konsumén anjeun, ngarah bisa leuwih gancang angka kaluar kumaha carana muka eusi sésana.
Anjeun kudu salawasna nguji Cim HTML kawas kieu jeung konsumén Anjeun. Sakali aran yakin maranéhna bisa ngarti sarta make eta, ieu tiasa janten jalan gede meunang loba kandungan on webpages Anjeun tanpa nyokot nepi loba spasi ditingali.