Code Highlighter jQuery Plugin Demos

HTML code example

<!DOCTYPE html>
<html lang="en">
<head>
<title>Code Highlighter jQuery Plugin Demos</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="CodeHighlighter.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="CodeHighlighter.js"></script>
<script src="example.js"></script>
</head>

CSS code example

 html, body {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 100%;
          font-family: monospace;
          }
          /*############################################################
          * General code
          *############################################################*/
          .comment {
          color: #008000;
          }
          .comment * {
          color: inherit !important;
          font-weight: inherit !important;
          }
          /*############################################################
          * HTML code
          *############################################################*/
          .htmlTag {
          color: #0000FF;
          }
          .htmlAttr{
          color: #FF0000;
          }
          .htmlValue {
          color: #8000FF;
          font-weight: bold;
          }
          /*############################################################
          * CSS code
          *############################################################*/
          .cssTag {
          color: #0000FF;
          }
          .cssClass {
          color: #FF0000;
          }
          .cssImportant {
          color: #FF0000;
          font-weight: bold;
          }
          .cssAttr {
          color: #8080C0;
          font-weight: bold;
          }
          .cssPseudoClass {
          color: #FF8000;
          font-weight: bold;
          }
          .cssId {
          color: #0080FF;
          font-weight: bold;
          }
          /*############################################################
          * JavaScript code
          *############################################################*/
          .jsInt {
          color: #FF0000;
          }
          .jsKeyword {
          color: #000080;
          font-weight: bold;
          }
          .jsString {
          color: inherit !important;
          }
          .jsString {
          color: #808080 !important;
          font-weight: normal !important;
          }
          .jsString * {
          color: inherit !important;
          font-weight: normal !important;
          }
          .jsRegex {
          color: #8000FF;
          }
          /*############################################################
          * PHP code
          *############################################################*/
          .phpStart, .phpEnd {
          color: #FF0000;
          }
          .phpString {
          color: #808080;
          }
          .phpString * {
          color: inherit !important;
          font-weight: normal !important;
          }
          .phpInt {
          color: #FF8000;
          }
          .phpVar {
          color: #000080;
          }
          .phpOperator {
          color: #8000FF;
          font-weight: bold;
          }

JavaScript Code Example

$(document).ready(function(){
  
  /* 1. Visualizing things on Hover - See next part for action on click */
  $('#stars li').on('mouseover', function(){
    var onStar = parseInt($(this).data('value'), 10); // The star currently mouse on
   
    // Now highlight all the stars that's not after the current hovered star
    $(this).parent().children('li.star').each(function(e){
      if (e < onStar) {
        $(this).addClass('hover');
      }
      else {
        $(this).removeClass('hover');
      }
    });
    
  }).on('mouseout', function(){
    $(this).parent().children('li.star').each(function(e){
      $(this).removeClass('hover');
    });
  });
  
  
  /* 2. Action to perform on click */
  $('#stars li').on('click', function(){
    var onStar = parseInt($(this).data('value'), 10); // The star currently selected
    var stars = $(this).parent().children('li.star');
    
    for (i = 0; i < stars.length; i++) {
      $(stars[i]).removeClass('selected');
    }
    
    for (i = 0; i < onStar; i++) {
      $(stars[i]).addClass('selected');
    }
    
    // JUST RESPONSE (Not needed)
    var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
    var msg = "";
    if (ratingValue > 1) {
        msg = "Thanks! You rated this " + ratingValue + " stars.";
    }
    else {
        msg = "We will improve ourselves. You rated this " + ratingValue + " stars.";
    }
    responseMessage(msg);
    
  });
  
  
});


function responseMessage(msg) {
  $('.success-box').fadeIn(200);  
  $('.success-box div.text-message').html("" + msg + "");
}

PHP Code Example

 // PHP code example from XENUX, found at https://github.com/sveneberth/xenux/blob/master/index.php
          <?php
          
          /**
          * @package    Xenux
          *
          * @link       http://www.xenux.bplaced.net
          * @version    1.4.7
          * @author     Sven Eberth <[email protected]>
          * @copyright  Copyright (c) 2013 - 2015, Sven Eberth.
          * @license    GNU General Public License version 3, see LICENSE.txt
          */
          
          include_once('../core/inc/config.php'); // include config
          error_reporting(0);
          $return				= array();
          $return['success']	= true;
          $return['$_REQUEST'] = $_REQUEST;
          $return['$_FILES'] = $_FILES;
          switch($_REQUEST['task']) {
          case 'upload':
          $parent_folder	= $_REQUEST['parent_folder'];
          foreach($_FILES as $key => $file) {
          $name			= $db->real_escape_string($file['name']);
          $tmpname		= $file['tmp_name'];
          $mime_type		= $file['type'];
          $size			= $file['size'];
          $lastModified	= filemtime($tmpname);
          
          $hndFile = fopen($tmpname, "r");
          $data = addslashes(fread($hndFile, $size));
          
          $result = $db->query("INSERT INTO XENUX_files(type, mime_type, data, filename, size, lastModified, parent_folder_id) VALUES('file', '$mime_type', '$data', '$name', '$size', '".date("Y-m-d H:i:s", $lastModified)."', '$parent_folder');");
          if(!$result)
          $return['err_db'] = $db->error;
          }
          break;
          case 'create_folder':
          if(!empty($_REQUEST['folder_name'])) {
          $folder_name	= $_REQUEST['folder_name'];
          $parent_folder	= $_REQUEST['parent_folder'];
          $result = $db->query("INSERT INTO XENUX_files(type, filename, lastModified, parent_folder_id) VALUES('folder', '$folder_name', NOW(), '$parent_folder');");
          if(!$result) 
          $return['err_db'] = $db->error;
          }
          break;
          case 'dirs_list':
          $result = $db->query("SELECT * FROM XENUX_files WHERE type = 'folder';");
          if(!$result) 
          $return['err_db'] = $db->error;
          while($row = $result->fetch_object()) {
          $return['data'][] = $row;
          }
          break;
          case 'get_entry':
          $result = $db->query("SELECT * FROM XENUX_files WHERE id = '{$_REQUEST['id']}' LIMIT 1;");
          if(!$result) 
          $return['err_db'] = $db->error;
          $row = $result->fetch_object();
          $return['data'] = $row;
          break;
          case 'dir_list':
          $result = $db->query("SELECT id, type, filename, mime_type, size, parent_folder_id, DATE_FORMAT(lastModified, '%d.%m.%Y %H:%i:%s') as lastModified FROM XENUX_files WHERE parent_folder_id = '{$_REQUEST['folder']}' ORDER by filename ASC;");
          if(!$result)
          $return['err_db'] = $db->error;
          
          if( $result->num_rows == 0)
          $return['data'] = "no entrys";
          
          while($row = $result->fetch_object()) {
          $return['data'][] = $row;
          }
          break;
          case 'breadcrumb':
          $folder = $_REQUEST['folder'];
          $breadcrumb = array();
          while($folder != 0) {
          $result = $db->query("SELECT id, filename, parent_folder_id FROM XENUX_files WHERE id = '$folder' LIMIT 1;");
          if(!$result)
          $return['err_db'] = $db->error;
          $row = $result->fetch_object();
          $folder = $row->parent_folder_id;
          $breadcrumb[] = $row;
          }
          $breadcrumb = array_reverse($breadcrumb);
          $return['data'] = $breadcrumb;
          break;
          case 'remove':
          $id = $_REQUEST['id'];
          
          if($id == 0) {
          $result = $db->query("TRUNCATE TABLE `XENUX_files`;");
          if(!$result)
          $return['err_db'] = $db->error;
          break;
          }
          $result = $db->query("SELECT id, type FROM XENUX_files WHERE id = '$id' LIMIT 1;");
          if(!$result)
          $return['err_db'] = $db->error;
          
          if($result->num_rows == 0) {
          $return['errmsg'] = "to be removed file not exists";
          $return['success'] = false;
          break;
          }
          
          $row = $result->fetch_object();
          $return['row'] = $row;
          
          if($row->type == 'file') {
          $result = $db->query("DELETE FROM XENUX_files WHERE id = '$id';");
          if(!$result)
          $return['err_db'] = $db->error;
          } elseif($row->type == 'folder') {
          $arrDelete = array();
          $arrFolder = array();
          $arrDelete[] = $id;
          $arrFolder[] = $id;
          
          while(!empty($arrFolder)) {
          $arrTemp = $arrFolder;
          $arrFolder = array();
          
          foreach($arrTemp as $val) { // for every file/folder
          $result = $db->query("SELECT id, type, parent_folder_id FROM XENUX_files WHERE parent_folder_id = '$val';");
          if(!$result)
          $return['err_db'] = $db->error;
          
          while($row = $result->fetch_object()) { // for every file/folder 
          if($row->type == 'folder') {
          $arrFolder[] = $row->id;
          }
          $arrDelete[] = $row->id;
          }
          }
          }
          $return['arrDelete'] = $arrDelete;
          foreach($arrDelete as $val) { // delete all
          $result = $db->query("DELETE FROM XENUX_files WHERE id = '$val';");
          if(!$result)
          $return['err_db'] = $db->error;
          }
          }
          break;
          case 'move':
          $id = $_REQUEST['id'];
          $to = $_REQUEST['to'];
          
          if($id == $to) {
          $return['errmsg'] = "can't move folder in self";
          $return['success'] = false;
          break;
          }
          
          $result = $db->query("UPDATE XENUX_files SET parent_folder_id = '$to' WHERE id = '$id';");
          if(!$result)
          $return['err_db'] = $db->error;
          
          break;
          case 'rename':
          $id = $_REQUEST['id'];
          $newName = $db->real_escape_string($_REQUEST['newName']);
          
          $result = $db->query("UPDATE XENUX_files SET filename = '$newName' WHERE id = '$id';");
          if(!$result)
          $return['err_db'] = $db->error;
          
          break;
          case "list_all_dirs":
          $id = 0;
          $arrAll			= array();
          $arrFolder		= array();
          $arrAll[]		= $id;
          $arrFolder[]	= $id;
          
          while(!empty($arrFolder)) {
          $arrTemp = $arrFolder;
          $arrFolder = array();
          
          foreach($arrTemp as $val) { // for every file/folder
          $result = $db->query("SELECT id, type, parent_folder_id, filename FROM XENUX_files WHERE parent_folder_id = '$val' ORDER by filename ASC;");
          if(!$result)
          $return['err_db'] = $db->error;
          
          while($row = $result->fetch_object()) { // for every file/folder 
          if($row->type == 'folder') {
          $arrFolder[] = $row->id;
          $arrAll[] = $row->id;
          }
          }
          }
          }
          foreach($arrAll as $val) {
          $folder = $val;
          $breadcrumb = array();
          while($folder != 0) {
          $result = $db->query("SELECT id, filename, parent_folder_id FROM XENUX_files WHERE id = '$folder' LIMIT 1;");
          if(!$result)
          $return['err_db'] = $db->error;
          $row = $result->fetch_object();
          $folder = $row->parent_folder_id;
          $breadcrumb[] = $row;
          }
          $breadcrumb = array_reverse($breadcrumb);
          $return['breadcrumbs'][$val] = $breadcrumb;
          }	
          foreach($return['breadcrumbs'] as $key => $val) {
          $temp = "root";
          foreach($val as $vall)	{
          $temp .= "/".$vall->filename;
          }
          $return['data'][$key] = $temp;
          }
          break;
          }
          header('Content-type: application/json');  
          echo json_encode($return);
          $db->close(); //close the connection to the db
          ?>