domplate - Google Code

Source Path: svn/ trunk/ apache/ MultipleFunctionArguments/ index.php

‹ r14 r22

<html>
<head>
	<title>Domplate Test</title>
	
	<script type="text/javascript">	
		// This is just so domplate works
		
		function FBL() {};
		function FBTrace() {};
		
		if (!top.console || !top.console.firebug)
		{
		    top.console = {
		        log: function() {},
		        time: function() {},
		        timeEnd: function() {}
		    }
		}
		
		function ddd()
		{
			console.log.apply(console, arguments);
		}
		
		function dir()
		{
			console.dir.apply(console, arguments);
		}
		
		function $(id)
		{
		    return document.getElementById(id);
		}	
	</script>
	<!-- include domplate -->
	<script src="/libraries/domplate/domplate-debug.js" type="text/javascript"></script>	
	<script type="text/javascript">	
	
		with (FBL) {
	
		function Formatter() {};
		
		Formatter.prototype = domplate({
			
			table:
				TABLE({border:1},
					TBODY(
            TR(
  						TH('Col 1'),
  						TH('Col 2')
  					),				
  					FOR('row','$value,$styles|getRowData',
  						TR(
      					FOR('row','$row.value,$row.style|getRowData',
	    						TD({'style':'background-color: $row.style.color'},'$row.value|wrap|wrap')					
                )
  						)
  					)
          )						
				),
				
			getRowData: function(value,styles){
				
				var parts = [];
				for (var i=0; i < value.length; i++) {
						part = {name: i+1, value: value[i], style: styles[i] };
						parts.push(part);
				}
				return parts;				
        
			},
      
      wrap: function(value) {
        return '[' + value + ']';
      },
		

      table2:
        TABLE(
          TBODY(
            TR(
              TH({'style':'background-color: gray;'},
                 'Names')
            ),				
            FOR('row','$people|getRows',
              TR(
                TD({'style':'background-color: $row.color'},
                   'Hello $row.name|formatName')
              )
            )
          )
        ),    
        
			getRows: function(data){
				
				var rows = [];
				for (var i=0; i < data.length; i++) {
						rows.push({
                        name: data[i],
                        color: (i%2==1)?'lightgray':'white'
                      });
				}
				return rows;				
			},
      formatName: function(value) {
        return value.substr(0, 1).toUpperCase() + value.substr(1);
      }
		});
		
		formatter = new Formatter();
		
		};
					
		function runTest(){
			
			with (FBL){		
      
        DomplateDebug.enabled = true;
      
				var rows = [
                    ["row data 1","r1c2"],
                    ["row data 2","r2c2"],
                    ["row data 3","r3c2"]
                   ];			
        var styles = [
                      [{color:"red"},{color:"cyan"}],
                      [{color:"blue"},{color:"gray"}],
                      [{color:"yellow"},{color:"green"}]
                     ];
                       
				formatter.table.append({value:rows, styles:styles}, $("test"));			
        
        var names = [
                      'John Doe',
                      'Brad Smith',
                      'Susan Kent',
                      'Tamara Clayton'
                    ];

				formatter.table2.append({people:names}, $("test2"));			
        
			}
		
		};
					
		window.addEventListener("load", runTest, false);				

	</script>	
	
</head>
<body>

<div id="test"></div>

<br>

<div id="test2"></div>

</body>
</html>

Show details Hide details

Change log

r15 by christoph.dorn on Sep 10, 2008 Diff

[No log message]

Go to:

Project members, sign in to write a code review

Older revisions

r14 by christoph.dorn on Sep 10, 2008 Diff

Added support for multiple function
arguments

r13 by christoph.dorn on Sep 10, 2008 Diff

[No log message]

All revisions of this file

File info

Size: 3356 bytes, 160 lines

View raw file