Helbert
Novembro 17, 2010, 9:39am
#1
http://livedemo.exadel.com/richfaces-demo/richfaces/tabPanel.jsf
Nesta pagina tem um componente ou um comportamento que faz o seguinte:
Quando click no link View Source ele abre um painel embaixo… Quando click no link Hide ele oculta o panel
Alguém sabe qual é esse componente?
Kra, eu ñ testei esse código:
<h:outputLink value="#">Show</h:outputLink>
<rich:panel id="code">
<!-- O código fonte q vc quer mostra vem aqui -->
</rich:panel>
<rich:effect name="showCode" for="code" type="BlindDown" />
<rich:effect name="hideCode" for="code" type="BlindUp" />
<script type="javascript">
<![CDATA[
var codeStatus = 0; // 0 p/ oculto e 1 p/ visível.
function toggleCode(link) {
switch (codeStatus) {
case 0:
showCode();
link.text = "Hide";
codeStatus = 1;
break;
case 1:
hideCode();
link.text = "Show";
codeStatus = 0;
break;
}
}
]]>
</script>
Eu ñ sou exatamente “brilhante” no javascript então podem haver alguns erros ai e precisem ser corrigidos. O uso de jQuery tb pode ajudar um pouco, embora seja típicamente trabalhoso de usar jQuery em scripts em projetos q usam RichFaces.