Wie kann ich im ID-Attribut von h:graphicImage auf ein Attribut meiner Element-Liste zugreifen? Folgender Code funktioniert natürlich nicht; wie wäre es richtig?
[XML]
<h:dataTable value="#{myList}" var="elem">
<h:column>
<h:graphicImage id="click#{elem.id}" name="/images/click.png" />
<div id="open#{elem.id}" style="display: none">
anything
</div>
<script type="text/javascript">
$("#click<hutputText value="#{elem.id}" />").click(function()
{
$("#open<hutputText value="#{elem.id}" />").toggle('fast');
});
</script>
</h:column>
</h:dataTable>
[/XML]
Folgende Funktion soll erreicht werden: Beim Click auf das Image mit der ID "click1" wird das div mit der ID "open1" aufgeklappt, beim Image-ID = "click2" das Div mit ID "open2" usw.
[XML]
<h:dataTable value="#{myList}" var="elem">
<h:column>
<h:graphicImage id="click#{elem.id}" name="/images/click.png" />
<div id="open#{elem.id}" style="display: none">
anything
</div>
<script type="text/javascript">
$("#click<hutputText value="#{elem.id}" />").click(function()
{
$("#open<hutputText value="#{elem.id}" />").toggle('fast');
});
</script>
</h:column>
</h:dataTable>
[/XML]
Folgende Funktion soll erreicht werden: Beim Click auf das Image mit der ID "click1" wird das div mit der ID "open1" aufgeklappt, beim Image-ID = "click2" das Div mit ID "open2" usw.