Skip to content
Snippets Groups Projects
Select Git revision
  • ec576c91ccd8b215a4feb61b00777cfd8fabdff1
  • 3.9 default
  • develop
  • 6.0
  • 5.0
  • 4.0
  • scrutinizer-patch-4
  • scrutinizer-patch-3
  • scrutinizer-patch-2
  • scrutinizer-patch-1
  • 3.7
  • 3.8
  • 3.6
  • 3.9_backported
  • 3.8_backported
  • 3.7_backported
  • 3.5
  • 3.6_backported
  • 3.5_backported
  • 3.4
  • 3.3_backported
  • 6.0.4
  • 6.0.3
  • 5.0.7
  • 6.0.2
  • 6.0.1
  • 5.0.6
  • 6.0.0
  • 5.0.5
  • 6.0.0-rc
  • 5.0.4
  • 6.0.0-beta
  • 5.0.3
  • 4.0.6
  • 5.0.2
  • 5.0.1
  • 4.0.5
  • 5.0.0
  • 4.0.4
  • 5.0.0-rc2
  • 5.0.0-rc1
41 results

test_arrays.php

Blame
  • test_arrays.php 7.03 KiB
    <?php
    define("NOLOGIN",1);		// This means this output page does not require to be logged.
    define("NOCSRFCHECK",1);	// We accept to go on this page from external web site.
    
    require '../../main.inc.php';
    
    if (!empty($conf->global->MAIN_FEATURES_LEVEL))
    {
    	print "Page available onto dev environment only";
    	exit;
    }
    ?>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    <meta name="robots" content="noindex,nofollow" />
    <meta name="author" content="Dolibarr Development Team">
    <link rel="shortcut icon" type="image/x-icon" href="<?php echo DOL_URL_ROOT ?>/theme/eldy/img/favicon.ico"/>
    <title>Test page</title>
    <!-- Includes for JQuery (Ajax library) -->
    <link rel="stylesheet" type="text/css" href="<?php echo DOL_URL_ROOT ?>/includes/jquery/css/smoothness/jquery-ui-latest.custom.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo DOL_URL_ROOT ?>/includes/jquery/plugins/datatables/css/jquery.dataTables.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo DOL_URL_ROOT ?>/includes/jquery/plugins/mobile/jquery.mobile-latest.min.css" />
    <link rel="stylesheet" type="text/css" title="default" href="<?php echo DOL_URL_ROOT ?>/theme/eldy/style.css.php?dol_use_jmobile=1" />
    <!-- Includes JS for JQuery -->
    <script type="text/javascript" src="<?php echo DOL_URL_ROOT ?>/includes/jquery/js/jquery-latest.min.js"></script>
    <script type="text/javascript" src="<?php echo DOL_URL_ROOT ?>/includes/jquery/plugins/tablednd/jquery.tablednd.0.6.min.js"></script>
    <script type="text/javascript" src="<?php echo DOL_URL_ROOT ?>/includes/jquery/plugins/datatables/js/jquery.dataTables.js"></script>
    <!--<script type="text/javascript" src="<?php echo DOL_URL_ROOT ?>/includes/jquery/plugins/mobile/jquery.mobile-latest.min.js"></script>-->
    </head>
    
    
    
    <body style="margin: 4px;">
    <div data-role="page">
    <br>
    This page is a sample of page using tables. To make test with<br>
    - css (edit page to change)<br>
    - jmobile (edit page to enable/disable)<br>
    - dataTables<br>
    - tablednd<br>
    <br>
    
    
    <br>
    Example 1 : Table using tags: div.tagtable+form+div or div.tagtable+div.tagtr+div.tagtd<br>
    <?php 
    	$tasksarray=array(1,2,3);	// To force having several lines
    	$tagidfortablednd='tablelines';
    	if (! empty($conf->use_javascript_ajax) && $object->statut == 0) include DOL_DOCUMENT_ROOT.'/core/tpl/ajaxrow.tpl.php';
    ?>
    
    <div class="tagtable centpercent" id="tablelines">
    <form class="liste_titre" method="POST" action="1.php">
            <div>line1<input type="hidden" name="cartitem" value="1"></div>
            <div><label><input type="checkbox" name="hidedetails" value="2"> A checkbox inside a cell</label></div>
            <div><input name="count" value="4"></div>
            <div><input type="submit" name="count" class="button noshadow" value="aaa"></div>
        </form>
        <form class="impair" method="POST" action="2.php">
            <div>line2<input type="hidden" name="cartitem" value="2"></div>
            <div>dfsdf</div>
            <div><input name="count" value="4"></div>
            <div class="tdlineupdown"><input type="submit" value="xxx" class="button"></div>
        </form>
        <div class="pair tagtr" method="GET" action="3.php">
            <div>line3<input type="hidden" name="cartitem" value="3"></div>
            <div>dfsdf</div>
            <div><input name="count" value="4"></div>
            <div class="tdlineupdown"><input type="submit" value="zzz" class="button"></div>
        </div>
        <div class="pair tagtr" method="GET" action="3.php">
            <div>line4<input type="hidden" name="cartitem" value="3"></div>
            <div>dfsdf</div>
            <div><input name="count" value="4"></div>
            <div class="tdlineupdown"><input type="submit" value="zzz" class="button"></div>
        </div>
    </div>
    
    
    
    <br><br>
    
    
    
    Example 2 : Table using tags: table/thead/tbody/tr/td + dataTable<br>
    
    <script type="text/javascript">
    /*$(document).ready(function(){
        $('#abc').dataTable();
    });*/
    $(document).ready(function(){
        $('#def').dataTable();
    });
    
    /*
    // counts total number of td in a head so that we can can use it for label extraction
    var head_col_count =  $('xxxthead td').size();
    // loop which replaces td
    for ( i=0; i <= head_col_count; i++ )  {
    	// head column label extraction
    	var head_col_label = $('xxxthead td:nth-child('+ i +')').text();
    	// replaces td with <div class="column" data-label="label">
    	$('xxxtr td:nth-child('+ i +')').replaceWith(
    		function(){
    			return $('<div class="column" data-label="'+ head_col_label +'">').append($(this).contents());
    		}
    	);
    }
    // replaces table with <div class="table">
    $('xxxtable').replaceWith(
    	function(){
    		return $('<div class="table">').append($(this).contents());
    	}
    );
    // replaces thead with <div class="table-head">
    $('xxxthead').replaceWith(
    	function(){
    		return $('<div class="table-head">').append($(this).contents());
    	}
    );
    // replaces tr with <div class="row">
    $('xxxtr').replaceWith(
    	function(){
    		return $('<div class="row">').append($(this).contents());
    	}
    );
    // replaces th with <div class="column">
    $('xxxth').replaceWith(
    	function(){
    		return $('<div class="column">').append($(this).contents());
    	}
    );
    */
    </script>
    
    <table id="def">
    	<thead>
        <tr>
            <th>snake</th>
            <th><label><input type="checkbox" name="hidedetails" value="2"> A checkbox inside a cell</label></th>
    		<?php print getTitleFieldOfList($langs->trans('zzz'),1,$_SERVER["PHP_SELF"],'','','','align="center" class="tagtd"',$sortfield,$sortorder); ?>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>line1</td>
            <td>dfsdf</td>
    		<td> xxx </td>
        </tr>
        <tr>
            <td>line2</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line3</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line4</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line5</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line6</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line7</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line8</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line9</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line10</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line11</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        <tr>
            <td>line12</td>
            <td>dfsdf</td>
            <td> xxx </td>
        </tr>
        </tbody>
    </table>
    
    
    <br><br>
    
    
    
    <br>
    Example 3 : Standard table<br>
    <?php 
    	$tasksarray=array(1,2,3);	// To force having several lines
    	$tagidfortablednd='tablelines3';
    	if (! empty($conf->use_javascript_ajax) && $object->statut == 0) include DOL_DOCUMENT_ROOT.'/core/tpl/ajaxrow.tpl.php';
    ?>
    
    <table class="tagtable centpercent centpercent" id="tablelines3">
    <tr class="liste_titre"><td>title1</td><td class="tdlineupdown">title2</td></tr>
    <tr class="pair"><td class="pair">a1</td><td class="tdlineupdown pair">b1</td></tr>
    <tr class="impair"><td class="impair">a2</td><td class="tdlineupdown impair">b2</td></tr>
    </table>
    <br>
    
    
    </div>
    </body>
    </html>