Sådan udvides og skjules tekst i HTML
HTML 5 lover rige interaktive hjemmesider, men i øjeblikket varierer browsere i implementeringsfunktioner, og mange virksomheder har endnu ikke implementeret browsere, der er kompatible med den nye standard. Alligevel kan rig interaktion implementeres med nuværende browsere. For dem med en lille JavaScript-oplevelse skal du prøve at bruge div-tagens indreHTML-egenskab til at udvide og kontraktlægge og tilføje interaktive hjælp til dit websted.
Opret et nyt projekt
Åbn dit foretrukne webudviklingsværktøj og opret en ny hjemmeside. Microsofts Visual Studio-værktøjer vil blive brugt her, da WebDev-versionen kan downloades gratis, og den indeholder en indbygget webserver.
Opret en ny HTML-side
Opret en ny side default.htm. Klik på "Projekt", "Tilføj produkt" og vælg derefter "HTML-side" og navngiv det som standard.htm. Hvis der allerede findes en default.aspx-fil, skal du slette den. Skift til HTML eller Markup visning og tilføj følgende kode efter tagget.
Sample Page
Sample Page
1? Titel 1
2? Afsnit 2
H3-tagget opretter en sideoverskrift med titlen "Sample Page", efterfulgt af to linjer i en omrids. Hver linje starter med et nummer, et spørgsmålstegn og en titel. Spørgemærkerne er omgivet af anker ((tags der gør dem til klikbare links. Efter hver titel har vi tilføjet et tomt div-tag, hvor der kan indsættes yderligere tekst.
Tilføj JavaScript
Tilføj en JavaScript-funktion, der kan aktiveres af hver af spørgsmålstegnene, som følger:
Hver af linkene kalder JavaScript-funktionen help_click, passerer div tagnamet og en ekstra tekst. Funktionen testes først for at se om div-tagget er tomt (div.innerHTML == ""). Hvis tagget er tomt, tilføjer koden en linjeskift (
), tre tomme tegn () efterfulgt af teksten. Hvis div allerede indeholder tekst, bliver markeringen inde i div-mærket ryddet.
Test den nye side
Test koden. For Visual Studio, klik på "F5" tasten. Når siden vises, skal du klikke på et af spørgsmålstegnene. Første gang linket i linje 1 bliver klikket, udvides konturen til at inkludere teksten "Yderligere tekst til afsnit 1". Anden gang linket bliver klikket, går teksten væk. Med en lille kreativ kode kan denne samme teknik bruges til at oprette trævisninger, komplekse konturer eller til at vise og skjule hjælpetekst.
Populære Indlæg
Når din virksomhed får dårlig reklame, vil du måske lukke dit kontordør og håber, at negativiteten bare går væk alene. Normalt tager det imidlertid et proaktivt svar på at hjælpe med at flytte beskeden i en mere positiv retning. At vide, hvem man skal nå ud til og hvad man skal sige er afgørende for at få samtalen tilbage i den rigtige retning. Være ærlig
Læs Mere
Virksomheder, der sælger produkter, måler deres salg i varer. Så rapporterer deres balancer deres brutto salg af varer. Virksomheder, der også yder kunderne en service - enten udelukkende eller som led i salget af et produkt - vil have en arbejdskomponent eller omkostningerne ved at betale arbejdstagerne for at udføre tjenesten, der tilføjes til transaktionen. For
Læs Mere
Pengestrømme vedrører tilstrømning og udstrømning af virksomhedens penge i en bestemt periode, mens en del af indkomsten, der afsættes og akkumuleres på en bankkonto, almindeligvis kaldes besparelser. Korrekt styring af pengestrømme er afgørende for at holde en virksomhed ude af røde, men besparelser er et værktøj, der kan yde finansiel bistand, når der er opstået kontantstrømsproblemer. Pengestrømme
Læs Mere
Store virksomheder, der søger nye vækstmetoder, diversificerer ofte til forskellige områder og sysler. I teorien kan et selskab med beholdninger i forskellige brancher reducere sine chancer for økonomisk skade, hvis en af disse industrier laver. Diversificering kan imidlertid også udgøre udfordringer og ulemper både for et enkelt selskab og for økonomien som helhed. uheldig Hv
Læs Mere
Indkøbskraften måler værdien af varer, der kan købes med et bestemt beløb af en valuta. Købekraft er en relativ foranstaltning, der er mest relevant, når den analyseres for ændringer over tid. For eksempel, hvis en dollar er værdifuld nok til at købe fem æbler for en dollar på et tidspunkt, og en dollar kun kan købe fire æbler et år senere, så vil dollarens købekraft være faldet i løbet af året. priserne Inflationen e
Læs Mere