title: Conditionally render a <div> based on value of <h:outputText>
body: <p>I am using jsf primefaces. I want to display an image depending on the value of a specific outputext. If the text value is 'Alarm *' then a div will appear whith a spesific image. If the value is 'Alarm **' then a div with an other image will appear, etc. I tried the code below but it does not work for me.</p>
  
  <pre><code>&lt;h:outputText id="alarmCriticalityValue" value="#{msg[summary.criticality.key]}" /&gt;
  
  &lt;c:if test="#{alarmCriticalityValue=='Alarm *'}"&gt;
     &lt;div class="alarm1"&gt;&lt;/div&gt;
  &lt;/c:if&gt;
  </code></pre>
  
  <p>How should i implement this idea?</p>