--------------------
[i][b]https://www.techistra.com/[/b][/i]
--------------------

--------------------
mysqli_escape_string($conn, $order)
--------------------

--------------------
$sql = "SELECT SQL_CALC_FOUND_ROWS *, UNIX_TIMESTAMP(publicationDate) AS publicationDate FROM articles ORDER BY " . :order . " LIMIT :numRows";

$st = $conn->prepare($sql);

$st->bindValue( ":numRows", $numRows, PDO::PARAM_INT);

$st->bindValue(":order", $order, PDO::PARAM_INT);

 $st->execute();
--------------------

--------------------
function handleException( $exception ) {
  echo "Sorry, a problem occurred. Please try later.";
  error_log( $exception->getMessage() );
}
 
set_exception_handler( 'handleException' );
?>
--------------------

--------------------
function handleException( Throwable $t ) {
echo "Sorry, a problem occurred. Please try later." . $t;
error_log( $t->getMessage() );
}

set_exception_handler( 'handleException' );
--------------------

--------------------
$uploadDirectory = 'uploadWC/'.$fileName;
--------------------

--------------------
..............
<button class="start" disabled>Start</button>
	<button class="stop" disabled>Stop</button>
	<button class="reset" disabled>Reset</button>
	<button class="upload" onclick="InitUploading()" disabled>Upload</button>

    <script>

    const video = document.querySelector('video')
	const start = document.querySelector('.start')
	const stop = document.querySelector('.stop')

	const initRecorder = stream => {

	  const recorder = new MediaRecorder(stream)

	  video.srcObject = stream
	  start.removeAttribute('disabled')

	  video.addEventListener('loadedmetadata', () => {
	    video.play()
	  })

	  recorder.addEventListener('dataavailable', ({ data }) => {
	    video.srcObject = null
	    video.src = URL.createObjectURL(data)
	  })

	  start.addEventListener('click', () => {
	    stop.removeAttribute('disabled')
	    recorder.start()
	  })

	  stop.addEventListener('click', () => {
	    recorder.stop()
	  })
	

// Upload the video blob as form data


    upload.addEventListener('click', () => {
      const body = new FormData()

    body.append('myvideo', blob)

    fetch('upload.php', { method: 'POST', body })
      .then(() => console.log('Success!'))
      .catch(console.error)

  })

}

	navigator
	  .mediaDevices
	  .getUserMedia({ video: true })
	  .then(initRecorder)
  .catch(console.error)

  </script>
Here's the upload.php file:
--------------------

--------------------
<?php
foreach(array('video', 'audio') as $type) {
if (isset($_FILES["${type}-blob"])) {

//echo 'uploadWC/';

$fileName = $_POST["${type}-filename"];
$uploadDirectory = 'uploadWC/'.$fileName;

if (!move_uploaded_file($_FILES["${type}-blob"]["tmp_name"], $uploadDirectory)) {
echo(" problem moving uploaded file");
}

echo($fileName);
}
}
?>
--------------------

--------------------
<script>
var pay = prompt("Enter your houly pay");
var hour = prompt("Enter your hours worked");
var GROSS = parseFloat(pay * hour);
var WITH;
var NET;

if(pay < 300.01)
 {
   WITH = pay * hour * .10;
   NET = pay - WITH;
  alert(("GROSS PAY: $" + GROSS.toFixed(2)) + ("\nWITHHOLDING: $" + WITH.toFixed(2)) + ("\nNET PAY: $" + NET.toFixed(2)));  
 }
  </script>
--------------------

--------------------
public static function getList( $numRows=1000000, $order="publicationDate DESC" ) {
    $conn = new PDO( DB_DSN, DB_USERNAME, DB_PASSWORD );
    $sql = "SELECT SQL_CALC_FOUND_ROWS *, UNIX_TIMESTAMP(publicationDate) AS publicationDate FROM articles
            ORDER BY " . mysqli_escape_string($order) . " LIMIT :numRows";
 
    $st = $conn->prepare( $sql );
    $st->bindValue( ":numRows", $numRows, PDO::PARAM_INT );
    $st->execute();
    $list = array();
 
    while ( $row = $st->fetch() ) {
      $article = new Article( $row );
      $list[] = $article;
    }
 
    // Now get the total number of articles that matched the criteria
    $sql = "SELECT FOUND_ROWS() AS totalRows";
    $totalRows = $conn->query( $sql )->fetch();
    $conn = null;
    return ( array ( "results" => $list, "totalRows" => $totalRows[0] ) );
  }
--------------------

--------------------
 <script type="text/javascript">
		var video = document.querySelector('video');

        function startCamera() {
            //document.getElementById('btn-start-camera').disabled = true;
            document.getElementById('btn-start-recording').disabled = false;
            //document.getElementById('btn-stop-camera').disabled = false;
            captureCamera(function (camera) {
                setSrcObject(camera, video);
                global_camera = camera;
            });
        }

		        function captureCamera(callback) {
		            navigator.mediaDevices.getUserMedia({
		                audio: true,
		                video: true
		            }).then(function (camera) {
		                callback(camera);
		            }).catch(function (error) {
		                alert('Unable to capture camera. To try again - simply refresh your page');
		                console.error(error);
		            });
		        }

		        function stopRecordingCallback() {
		            video.src = video.srcObject = null;
		            video.src = URL.createObjectURL(recorder.getBlob());
		            PrepareBlob();
		            document.getElementById("upload-video").disabled = false;

		            // release camera
		            recorder.camera.getTracks().forEach(function (track) {
		                track.stop();
		            });

		            recorder.camera.stop();
		            recorder.destroy();
		            recorder = null;
		        }
		        var recorder; // globally accessible
		        document.getElementById('btn-start-recording').onclick = function () {
		            this.disabled = true;
		            document.getElementById("upload-video").disabled = true;
		            captureCamera(function (camera) {
		                setSrcObject(camera, video);
		                recorder = RecordRTC(camera, {
		                    type: 'video'
		                });

		                recorder.startRecording();
		                video.controls = true;
		                // release camera on stopRecording
		                recorder.camera = camera;
		                document.getElementById('btn-stop-recording').disabled = false;
		            });
		        };
		        document.getElementById('btn-stop-recording').onclick = function () {
		            this.disabled = true;
		            document.getElementById('btn-start-recording').disabled = false;

		            recorder.stopRecording(stopRecordingCallback);
		        };
		        var blob, fileName, fileObject;
		        function PrepareBlob() {
		            // get recorded blob
		            blob = recorder.getBlob();
		            // generating a random file name
		            fileName = getFileName('webm');
		            // we need to upload "File" --- not "Blob"
		            fileObject = new File([blob], fileName, {
		                type: 'video/webm'
		            });
		        }
		        function InitUploading()
		        {
		            uploadToPHPServer(fileObject, function (response, fileDownloadURL) {
		                if (response !== 'ended') {
		                    document.getElementById('header').innerHTML = response; // upload progress
		                    return;
		                }

				document.getElementById('header').innerHTML = '<a href="' + fileDownloadURL + '" target="_blank">' + fileDownloadURL + '</a>';
				alert('Successfully uploaded recorded blob.');

		                alert('Successfully uploaded recorded blob.');
		                // preview uploaded file
		                video.src = fileDownloadURL;
		                // open uploaded file in a new tab
		                window.open(fileDownloadURL);
		            });
		        }

		        function uploadToPHPServer(blob, callback) {
		            // create FormData
		            var formData = new FormData();
		            formData.append('video-filename', blob.name);
		            formData.append('video-blob', blob);
		            callback('Uploading recorded-file to server.');
		            makeXMLHttpRequest('save.php', formData, function (progress) {
		                if (progress !== 'upload-ended') {
		                    callback(progress);
		                    return;
		                }
		                var initialURL = 'uploads/' + blob.name;
		                callback('ended', initialURL);
		            });
		        }

		        function makeXMLHttpRequest(url, data, callback) {
		            var request = new XMLHttpRequest();
		            request.onreadystatechange = function () {
		                if (request.readyState == 4 && request.status == 200) {
		                    if (request.responseText === 'success') {
		                        callback('Upload Complete');
		                        return;
		                    }
		                   // alert(request.responseText);
		                        window.location.href = 'UploadWC.html';
		                    return;
		                }
		            };
		            request.upload.onloadstart = function () {
		                callback('Upload started...');
		            };
		            request.upload.onprogress = function (event) {
		                callback('Upload Progress ' + Math.round(event.loaded / event.total * 100) + "%");
		            };
		            request.upload.onload = function () {
		                callback('Progress Ending');
		            };
		            request.upload.onload = function () {
		                callback('Upload Complete');
		            };
		            request.upload.onerror = function (error) {
		                callback('Upload failed.');
		            };
		            request.upload.onabort = function (error) {
		                callback('Upload aborted.');
		            };
		            request.open('POST', url);
		            request.send(data);
		        }
		        // this function is used to generate random file name
		        function getFileName(fileExtension) {
		            var d = new Date();
		            var year = d.getUTCFullYear();
		            var month = d.getUTCMonth();
		            var date = d.getUTCDate();
		            return 'RecordRTC-' + year + month + date + '-' + getRandomString() + '.' + fileExtension;
		        }

		        function getRandomString() {
		            if (window.crypto && window.crypto.getRandomValues && navigator.userAgent.indexOf('Safari') === -1) {
		                var a = window.crypto.getRandomValues(new Uint32Array(3)),
		                    token = '';
		                for (var i = 0, l = a.length; i < l; i++) {
		                    token += a[i].toString(36);
		                }
		                return token;
		            } else {
		                return (Math.random() * new Date().getTime()).toString(36).replace(/\./g, '');
		            }
		        }
    </script>
--------------------

--------------------
var strA= "sdfls jfsdkfjh3 58sklf039 5857dfkkjhksjf h";
var strB = strA.split(/(\d+)/);

--------------------

--------------------

 $(document).ready(function() {
        var p2_max_fields      = 10; //maximum input boxes allowed
        var p2_wrapper         = $(".p2_input_fields_wrap"); //Fields p2_wrapper
        var p2_add_button      = $(".p2_add_field_button"); //Add button ID
        
        var x = 1; //initlal text box count
        $(p2_add_button).click(function(e){ //on add input button click
            e.preventDefault();
            if(x < p2_max_fields){ //max input box allowed
                x++; //text box increment
                 $(p2_wrapper).append('<div id="del-'+x+'" class="my_col col-md-12"><div class="col-lg-2"> <input placeholder="Description="p2_Description[]" class="form-control fullwidth " value="" ></div><div class="col-lg-2"> <input placeholder="ProtectionRequirments" name="p2_ProtectionRequirments[]" class="form-control fullwidth" value="" ></div><div class="col-lg-2"> <input placeholder="Done" name="p2_Done[]" style="margin-bottom:15px;" class="form-control fullwidth " value="" ></div><div class="col-lg-2"> <input placeholder="NotCarriedout" name="p2_NotCarriedout[]" class="form-control fullwidth" value="" ></div><div class="col-lg-2"> <input placeholder="Comments" name="p2_Comments[]" class="form-control fullwidth" value="" ></div><div class="col-lg-2"><a href="#" class="btn btn-danger" data-rel="'+x+'">Remove</a></div></div>'); //add input box .
            }
        });
        
        $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
            e.preventDefault(); 
            var delx = $(this).attr("data-rel");
            $('#del-'+delx).remove(); x--;
--------------------

--------------------
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async="async" defer="defer"></script>
<meta charset="utf-8">
<title>Feedback</title>
<style>
.filedset {
	border:2px solid black;
	border-radius:10px;
	margin-left:50px;
}
.input:focus {
	background-color: #FCF5D8;
}
#contact_form{
	margin-left:10px;	
}
#name{
	font-size:16px;
	border:1px solid black;
	border-radius:10px;
	padding: 5px;
}
#email{
	font-size:16px;
	border:1px solid black;
	border-radius:10px;
	padding: 5px;
}
#message{
	font-size:16px;
	border:1px solid black;
	border-radius:10px;
	padding: 5px;
}
#g-recaptcha {
	border-radius:25px;
	margin-left:120px;
}
</style>
</head>
<body>
<fieldset style="width:130px" class="filedset">
<legend class="auto-style">
<p><b>Contact us</b></p>
</legend>
<form action="feedback.php" method="post" id="myfbform" accept-charset="UTF-8">
	<label for="myname">Name:</label><br />
		<input name="fullname" type="text" required class="input" id="myname" value="" size="39" /><br />
	<br />
    	<label for="myemail">Email:</label><br />
		<input name="email" type="text" required class="input" id="myemail" value="" size="39" /><br /> 
		<br />
	<label for="mycomments">Comments:</label><br />
  <textarea name="comments" cols="45" rows="15" required class="input" id="mycomments" placeholder="It's nice to hear from you" /></textarea><br /> 
<br />
  <br />
        <p id="my_js_message">
        Error: please enable JavaScript and reload this page before using the form.
        </p>
  <script type="text/javascript">
        var my_js_message_block ;
        my_js_message_block = document.getElementById( 'my_js_message' );
        my_js_message_block.parentNode.removeChild( my_js_message_block );
</script>
  <script type="text/javascript">
                function my_feedback_onsubmit( token ) { document.getElementById( "myfbform" ).submit() ; }
</script>
<input id="mysubmit" type="submit" class="g-recaptcha" data-sitekey="##########################"
data-callback="my_feedback_onsubmit"
value="Send Feedback" />
<div class="g-recaptcha" data-sitekey="##########################"></div>
</form>
</filedset>
</body>
</html>
--------------------