how to use dynamic css in jsp file base on param value

Question

I have a jsp file ,like this :

<html>
<head>
     <script type="text/javascript">
       var type=<bean:write name="class" property="type" />  
     </script> 

     <style type="text/css">
        .td-type1
        {
            width: 10mm;
        }
        .td-type2
        {
            width: 20mm;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td class="td-type1">
            </td>
        </tr>
    </table>
</body>
</html>

My question is: How to change css dynamically base on type value? For example, if type equal 2, then the css class of td-type2 should be used for td tag. should I use .properties file to save all config or multi css files or ...?

Community · Accepted Answer · 2017-05-23 12:02:24Z

9

You can append the request attribute's value to the class attribute in the JSP :

<td class="td-type<%=type%>">

As a side note, the use of scriptlets (java code in JSP's) is strongly discouraged. Use JSTL and EL instead. In this question you'll find out Why and how to avoid Java Code in JSP files.

<td class="td-type${type}">

Or, if you wanted to implement an if-else like construct, for instance :

<c:choose>
    <c:when test="${type eq "2"}">
        <c:set var="varclass" value="td-type2"/>
    </c:when>
    <c:otherwise>
        <c:set var="varclass" value="td-type1"/>
    </c:otherwise>
</c:choose>
<td class="${varClass}">

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Feb 8, 2013 at 15:37

Xavi López

27.9k11 gold badges100 silver badges167 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mina Over a year ago

I use struts to get type variable,does it make any difference to ur answer?

Xavi López Over a year ago

@Mina It's been a long time since I've last used it, but if I remember correctly, you'll have some kind of form bean available as a request attribute. It should be the same, accessing the bean's property in the EL expression.

Collectives™ on Stack Overflow

how to use dynamic css in jsp file base on param value

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related