Så här utvidgar du och döljer text i HTML
HTML 5 lovar rika interaktiva webbplatser, men vid denna tidpunkt varierar webbläsare i funktionen implementeringar och många företag har ännu inte distribuerat webbläsare kompatibla med den nya standarden. Trots detta kan rik interaktion implementeras med nuvarande webbläsare. För dem med en liten JavaScript-upplevelse, försök att använda div-taggens innerHTML-egenskap för att expandera och kontrakta konturer och lägga till interaktiv hjälp till din webbplats.
Skapa ett nytt projekt
Öppna ditt favoritverktyg för webbutveckling och skapa en ny webbplats. Microsofts Visual Studio-verktyg kommer att användas här eftersom WebDev-versionen kan laddas ner gratis och innehåller en inbyggd webbserver.
Skapa en ny HTML-sida
Skapa en ny sida default.htm. Klicka på "Project", "Add Item" och välj sedan "HTML Page" och namnge det default.htm. Om det redan finns en default.aspx-fil, radera den. Byt till HTML- eller Markup-vy och lägg till följande kod efter taggen.
Exempelsida
Exempelsida
1? Titel 1
2? Avdelning 2
H3-taggen skapar en sidhuvud med namnet "Sample Page", följt av två rader av en skiss. Varje rad börjar med ett nummer, ett frågetecken och en titel. Frågetecknen är omgivna av ankare ((taggar som gör dem till klickbara länkar. Efter varje titel har vi lagt till en tom div-tagg där ytterligare text kan infogas.
Lägg till JavaScript
Lägg till en JavaScript-funktion som kan aktiveras av var och en av frågeteckenlänkarna enligt följande:
Var och en av länkarna kallar JavaScript-funktionen help_click, passerar div tagnam och ytterligare text. Funktionen testar först om div-taggen är tom (div.innerHTML == ""). Om taggen är tom lägger koden en radbrytning (
), tre tomma tecken () följt av texten. Om div redan innehåller text, rensas markeringen inuti div-taggen.
Testa den nya sidan
Testa koden. För Visual Studio, klicka på "F5" -knappen. När sidan visas klickar du på någon av frågorna. Första gången länken i rad 1 blir klickad expanderar konturen till att inkludera texten "Ytterligare text för Titel 1". Andra gången länken blir klickad, går texten bort. Med en liten kreativ kod kan samma teknik användas för att skapa trädvyer, komplexa konturer eller att visa och dölja hjälptext.
Populära Inlägg
JCAHO är stenografi för Joint Commission on Accreditation of Healthcare Organizations - en organisation för ideell ackreditering som är känd inom hälsovårdsområdet som Joint Commission. Organisationens riktlinjer för akutavdelningens kvalitet baseras på två olika uppsättningar av tidsmätningar: Man mäter hur mycket tid som passerar mellan det ögonblick då patienten kommer in i akutavdelningen och tiden han lämnar hemma; den andra mäter tiden som löper mellan patientens inträde på sjukhuset från akutavdelningen eller ED och hans urladdning från sjukhuset. Kycklingen eller ägge
Läs Mer
Produktkataloger har varit ett av de stora marknadsföringsverktygen, eftersom postorderkataloger gjorde sina första framträdanden under 1800-talet. Det finns inget sätt att noggrant uppskatta hur mycket dollarkataloger är ansvariga för att sälja årligen, men enligt en 1998 Wharton Econometric Forecasting Associates nådde katalogförsäljningen för året 87 miljoner dollar. Det innebär
Läs Mer
Multilevelmarknadsföring, även kallad nätverksmarknadsföring, använder ett nätverk av oberoende säljkonsulter som tjänar pengar genom provisioner och av provisioner från extra säljare som de rekryterar. En legitim multilevel marknadsorganisation eller MLM ger det mesta av sin ersättning till säljare som säljer företagets produkter. Linjerna bör
Läs Mer
I USA är goda tillverkningsmetoder riktlinjer som fastställts av Food and Drug Administration för att reglera företag som är involverade i licensiering, tillverkning och försäljning av biologics, medicintekniska produkter eller livsmedels- och drogprodukter. Om du är läkemedels- eller livsmedelsproducent kräver FDA att du etablerar och följer vissa kvalitetssystemregler för att garantera att produkterna konsekvent uppfyller specifikationerna och inte utgör någon hälsorisk eller risk för korskontaminering. Byggnader, fac
Läs Mer
En tiondel av en sekund är allt du behöver för att få ett bra intryck, enligt psykologi professorer Janine Willis och Alexander Todorov från Princeton University. Ingenting kan vara mer pinsamt än att ge en framtida beställare ett smutsigt eller smutsigt visitkort. Att ha ett rent visitkort kan göra eller bryta din nästa affärsöverenskommelse. Ditt tele
Läs Mer