Hvordan skjule en DIV i JSP HTML

May 12

HTML-elementer kan kontrolleres av server-sided språk ved hjelp av betinget utsagn. En JSP script benytter en "hvis / else" statement kan angi visnings eiendommen for <div> tag før du skriver ut HTML til brukerens datamaskin. Variabelverdien brukt i "hvis" statement er lett gått i adressen for å gjenspeile brukerens innstilling.

Bruksanvisning

1 Åpne JSP-filen for redigering i din favoritt script editor. Hvis du bruker en WYSIWYG-editor, bytte til vise kildekoden.

2 Skriv inn følgende kode for en "hvis" statement som bruker nettadressen gått variabelen for å styre produksjonen:

String skjul = request.getParameter ( "skjule");

if (hide.equals ( "true"))

{

out.println ( "<a href='mypage.jsp?hide=false'> Show Seksjon </a>");

out.println ( "<div id = 'mydiv' style = 'display: none;'>");

}

ellers

{

out.println ( "<a href='mypage.jsp?hide=true'> Skjul Seksjon </a>");

out.println ( "<div id = 'mydiv' style = 'display: block;'>");

}

JSP kode erstatter åpningen <div> tag. Du må bytte "MinSide" med navnet på filen og "div id" med riktig referanse for din <div> tag.

3 Lagre JSP-filen, og deretter laste det opp til webserveren og forhåndsvise det. Når du klikker på linken for å skjule eller vise <div> element, vil siden lastes på nytt fra serveren med riktig skjerminnstillingen til enten skjule elementet eller vise det som en blokk.

Hint

Du må endre bare åpningen <div> tag og koblingen kontrollere om du vil skjule eller vise <div>. Du trenger ikke å gjenskape den resterende HTML for innholdet i <div> og den avsluttende <div> tag.