Krei aplikaĵon de stilo-apliko en viaj retejoj
Dinamika HTML (DHTML) permesas krei aplikaĵon-stilo en viaj retejoj, reduktante la oftecon, ke ĉiuj paĝoj devas esti plene ŝarĝitaj. En aplikoj, kiam vi alklakas iun, la apliko tuj ŝanĝas por montri tiun specifan enhavon aŭ por doni al vi vian respondon.
Kontraŭe, retpaĝoj kutime devas esti reŝargitaj, aŭ tute nova paĝo devas esti ŝarĝita. Ĉi tio povas fari la sperton de la uzanto pli disigita. Viaj klientoj devas atendi la unuan paĝon por ŝarĝi kaj poste atendi denove por la dua paĝo por ŝarĝi, kaj tiel plu.
Uzanta & lt; div & gt; Por plibonigi spektanton de spektantoj
Uzante DHTML, unu el la plej facilaj manieroj por plibonigi ĉi tiun sperton estas, ke divaj elementoj ebligu kaj malŝalti enhavon kiam ĝi petas. Dia elemento difinas logikajn dividojn en via retpaĝo. Pensu pri div kiel skatolo, kiu povas enhavi alineojn, rubrikojn, ligilojn, bildojn kaj eĉ aliajn divs.
Kion Vi Deziros
Por krei div, kiu povas esti alŝaltita kaj malŝaltita, vi bezonas la jenajn:
- Ligo por kontroli la divon turnante ĝin ekstere kaj ekstere kiam klakita
- La div montri kaj kaŝi
- CSS por stiligi la div kaŝitan aŭ videbla
- Ĝavaskripto por plenumi la agon
La Kontrolanta Ligo
La kontrola ligo estas la plej facila parto. Simple kreu ligilon kiel vi volas al alia paĝo. Nuntempe lasu la paĝan atributon malplenan.
Lernu HTMLMetu ĉi tien sur via retpaĝo.
La Div por Montri kaj Kaŝi
Krei la div-elementon, kiun vi volas montri kaj kaŝi. Certigu, ke via div havas unikan idon sur ĝi. En la ekzemplo, la unika id estas lerni HTML .
Ĉi tiu estas la enhavo kolumno. Ĝi komenciĝas malplena krom ĉi tiu eksplika teksto. Elektu kion vi volas lerni en la navigada kolumno maldekstre. La teksto aperos sube: Krei du klasojn por via CSS: unu por kaŝi la div kaj la alian por montri ĝin. Vi havas du eblojn por ĉi tio: montriĝo kaj videbleco. Montriĝo forigas la div de la paĝo-fluo, kaj videbleco nur ŝanĝas kiel ĝi vidas. Kelkaj kodistoj preferas montriĝo , sed foje videbleco ankaŭ havas sencon. Ekzemple: Se vi volas uzi videblecon, tiam ŝanĝi ĉi tiujn klasojn al: Aldonu la kaŝitan klason al via div por ke ĝi komenciĝu kiel kaŝita sur la paĝo: Ĉio ĉi tiu skripto faras rigardas la nuna klaso en via div kaj ebligas al ĝi senkulpigi se ĝi estas markita kiel kaŝita aŭ viceversa. Ĉi tio estas nur kelkaj linioj de JavaScript. Metu la jenon en la kapo de via HTML-dokumento (antaŭ la Lernu HTML
La CSS por Montri kaj Kaŝi la Div
Ĝavaskripto por Fari ĝin Labori