Nwlapcug.com


Come nascondere un DIV in HTML JSP

Come nascondere un DIV in HTML JSP


Elementi HTML possono essere controllati dai linguaggi lato server utilizzando istruzioni condizionali. Un JSP script utilizzando un "Se / else" istruzione può impostare la proprietà display per il tag < div > prima di emettere il codice HTML per il computer dell'utente. Il valore della variabile utilizzato nell'istruzione "if" è facilmente passato nell'URL in modo da riflettere l'impostazione dell'utente.

Istruzioni

1

Aprire il file JSP per la modifica nell'editor di script preferito. Se si utilizza un editor WYSIWYG, interruttore per visualizzare il codice sorgente.

2

Immettere il seguente codice per un'istruzione "if" che utilizza l'URL passato variabile per controllare l'output:

< %

Nascondi stringa = request.getParameter ("Nascondi");

Se (hide.equals ("true"))

{

out.println ("< un href='mypage.jsp?hide=false'> Visualizza sezione < /a >");

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

}

altro

{

out.println ("< un href='mypage.jsp?hide=true'> Nascondi sezione < /a >");

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

}

% >

Il codice JSP sostituisce il tag di apertura < div >. È necessario sostituire "mypage" con il nome del file e il "div id" con il riferimento appropriato per il vostro tag < div >.

3

Salvare il file JSP, quindi caricarlo sul server Web e visualizzarlo in anteprima. Come si fa clic sul collegamento per visualizzare o nascondere l'elemento < div >, la pagina verrà ricaricata dal server con l'impostazione di visualizzazione appropriata per nascondere l'elemento oppure lo mostrano come un blocco.

Consigli & Avvertenze

  • È necessario modificare solo il tag di apertura < div > e il link controllare se nascondere o mostrare il < div >. Non è necessario replicare il restante codice HTML per il contenuto di < div > e il tag di chiusura < div >.