public static function jQueryAjax() { if (empty(self::$jQueryAjax)) { include_once __DIR__ . '/class.jQueryAjax.php'; self::$jQueryAjax = new jQueryAjax(self::$jQObj); } return self::$jQueryAjax; }
margin-top: 20px; font-size:25px; padding: 10px 20px; background-color: green; display: inline-block; float: left; clear: both; color: #FFF; } </style> <?php echo $ajax->library_def; ?> <script> <?php echo nUberJTools::DocumentReady($ajax->Construct()); ?> </script> <div id="wrapper"> <div style="display: inline-block; width: 100%;"> <div id="cookie" data-test="crumble">This text wrapper has a hidden <i>data</i> attribute called "cookie" that will send: <span style="color: red;">crumble</span></div> </div> <div style="display: inline-block; width: 100%;"> <div class="get_some_text" id="sometxt_id"><span style="color: red;">-->This text will send in the ajax request.<--</span></div> </div> <form id="tester" action="/tester.php" class="myforms"> <div style="display: inline-block; width: 100%;"> <label>Type something, then tab to dropdown. The name of this <input> is "butter" however, will be overridden and sent to AJAX as "subutter":</label> <input type="text" name="butter" value="" /> </div>
<?php include_once __DIR__ . '/classes/class.nUberJTools.php'; $result = array(0 => array('id' => 1, 'lesson' => 'Community Health Care', 'lesson_activity' => 'CHC.001', 'count(<50%)' => 7, 'count(Between 50-60%)' => 4, 'count(>60%)' => 9), 1 => array('id' => 2, 'lesson' => 'Community Health Care', 'lesson_activity' => 'CHC.002', 'count(<50%)' => 32, 'count(Between 50-60%)' => 11, 'count(>60%)' => 65), 2 => array('id' => 3, 'lesson' => 'Community Health Care', 'lesson_activity' => 'CHC.003', 'count(<50%)' => 44, 'count(Between 50-60%)' => 12, 'count(>60%)' => 76)); $Googlizer = nUberJTools::GoogleCharts(); $title = "My Trend Chart"; // Set options in general $options['legend'] = 'none'; $options['is3D'] = 'true'; foreach ($result as $i => $row) { // The incr setting allows for unique identifier when making multiple charts $settings["incr"] = $i; // Create a holder name for the javascript function $settings['id'] = "trend" . $settings["incr"]; // Create a title $settings['title'] = "PieChart " . $i; // Assign data for js function to use $settings['data'] = array("Title" => $settings['title'], "cond1" => $row['count(<50%)'], "cond2" => $row['count(Between 50-60%)'], "cond3" => $row['count(>60%)']); // Returns the assembled js data arrays and the js function that displays chart // Create the piechart $Googlizer->CreateChart($settings)->jScripter()->MakeContainer(array("w" => 500, "h" => 500, "unit" => "px", "wrap" => "div")); } // This applies the javascript options echo $Googlizer->ChartOptions($options)->ChartKind(GoogleCharts::PIE)->CreateJavascript(array("wrap" => true, "lib" => true)); ?> <html> <body> <?php echo $Googlizer->Containers(); ?>