Hi,
I am using php to generate an xml file with information from my database. What I want to do is style xml into an expandable collapsable table where the user will only see the childnodes if they click on the parent node.
completeproject .css
I am using php to generate an xml file with information from my database. What I want to do is style xml into an expandable collapsable table where the user will only see the childnodes if they click on the parent node.
Code:
<?xml-stylesheet href='completeproject.css' type='text/css'?> <companies> <company id='PORTASILO'> <project id='00001'> <project_name>LAFARGE</project_name> </project> <project id='00003'> <project_name>PATRICKSWELL</project_name> </project> <project id='00004'> <project_name>TP033</project_name> <panel> <panel_name>PANELB</panel_name> </panel> </project> </company> <company id='BI WATER'> <project id='00002'> <project_name>LEE TUNNEL</project_name> </project> <project id='00005'> <project_name>TP34</project_name> <panel> <panel_name>PANELA</panel_name> <status>Complete</status> </panel> </project> </company> </companies>
Code:
companies company project project_name{ background-color:#538620; border-bottom-width:0; color:#FFF; font-size:110%; font-weight:bold; margin:0; padding:0.3em 0.5em; display:block; } companies company project panel panel_name{ background-color:gray; color:white; display:block; padding:0.3em 0.9em; }
Comment