|
I’m trying to get the onclick even to work with the
tabbed panes and I don’t seem to get anything. Could someone please help
me with this <%@ taglib uri="http://java.sun.com/jsf/core"
prefix="f" %> <%@ taglib uri="http://java.sun.com/jsf/html"
prefix="h" %> <%@ taglib uri="http://myfaces.apache.org/tomahawk"
prefix="t" %> <html> <head> <title>Page</title> <link rel="stylesheet"
type="text/css"
href=""
/> </head> <body> <f:view> <table width="85%" border="0"
id="headerTable"> <tr valign="top"> <td align="left"
width="33%"><img src=""
alt="Logo" ></td> <td width="33%"></td> <td align="right"
width="33%"> <a class="mainlinks"
href="" <a
href=""
class="mainlinks">logout</a> </td> </tr> </table> <f:subview id="panelTabbedPane1"> <t:panelTabbedPane selectedIndex="1"
width="100%" styleClass="leftTabbedPane" activeTabStyleClass="activeTab" tabContentStyleClass="tabContent" activeSubStyleClass="activeSub"> <t:panelTab id="portfolio" label="Portfolio" > <f:verbatim><br/><br/></f:verbatim> <h:outputText
value="Portfolio" /> </t:panelTab> <t:panelTab id="results" label="Results" > </t:panelTab> <t:panelTab id="document"
label="Document"> </t:panelTab> <t:panelTab id="analytics" label="Analytics"> </t:panelTab> </t:panelTabbedPane> </f:subview> </f:view> </body> </html> <script> function testme() { alert("test me"); } </script> ------ css ---- table.lefttabbedPane { width: 100% !important; vertical-align: top !important; background-color: #3CB371 !important; height: 100% !important; } td.activeTab { width: 25% !important; background-color: #7487A1 !important; height: 100% !important; } td.activeTab input { background-color: #7487A1 !important; color:#FFFFFF !important; height:100% !important; } td.tabContent { background-color: #FFFFFFF !important; vertical-align: top !important; height: 450 !important; width:100%; } td.activeSub { backgroundcolor: #000000 !important; height: 100% !important; } |
