Free Programming Source Codes and Computer Programming Tutorials

Thursday, June 11, 2020

Login System in PHP and MySQL

A database-driven login system was written by my friend and fellow software engineer Raymil Garde. Thank you Sir Raymil for sharing your work with us.

I am currently accepting programming work inventory system, enrollment system, accounting system, payroll system, information system, website design and development using WordPress, IT projects, school and application development, programming projects, thesis, and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.

My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.My mobile number here in the Philippines is 09173084360. My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.

Here in Bacolod City, Negros Occidental I also accepting computer repair, web development using WordPress, Computer Networking, and Arduino Project development at a very affordable price. My personal website is http://www.jakerpomperada.com

My programming website is http://www.jakerpomperada.blogspot.comI am also a book author you can purchase my books on computer programming and information technology in the following links below.https://www.unlimitedbooksph.com/

DOWNLOAD THE COMPLETE SOURCE CODE HERE

Slide In Navigational Bar in HTML and CSS

Here it the program written by my friend and fellow software engineer Sir Ernel. Thank you very much Sir Ernel for sharing your work to us.

Program Listing

<html>

<head>

#top_bg{

position: absolute;

top: 0; left: 0;

width: 100%; height: 50px;

background-color: green;

}

#bar_btn{

position: absolute;

top: 0; left: 0;

font-family: Calibri;

font-size: 26px; color: white;

font-weight: bold;

word-spacing: 2px;

width: 200px; padding: 8px;

text-indent: 30px;

background-color: darkGreen;

}

#bar_btn:hover{

color:lightGreen;

cursor: pointer;

}

.txt{

position: absolute;

top: 12px; right: 50px;

font-family: Calibri;

font-size: 20px; color: yellow;

font-weight: bold;

word-spacing: 2px;

}

.title{

position: absolute;

top: 200px; left: 0;

width: 100%; text-align: center;

font-family: Times; font-size: 150px;

font-weight: bold;

cursor: default;

}

#start{

position: absolute;

top: 390px; left: 0;

width: 18%; margin-left: 41%; margin-right: 41%;

padding: 10px; text-align: center;

font-size: 22px; opacity:0.6;

font-family: calibri; color: white;

border:none; border-radius:10px;

background-color: green;

}

#start:hover{

opacity: 0.8;

cursor: pointer;

}

#navbar{

position: fixed;

top: 48px; left: 0;

width: 300px; height: 100%;

padding: 20px; display: none;

background-color: darkGreen;

animation-name: navbar;

animation-duration: 3s;

-webkit-animation-name: navbar;

-webkit-animation-duration: 3s;

-moz-animation-name: navbar;

-moz-animation-duration: 3s;

}

@keyframes navbar{

from{left: -500px;}

to{left: 0;}

}

@-webkit-keyframes navbar{

from{left: -500px;}

to{left: 0;}

}

@-moz-keyframes navbar{

from{left: -500px;}

to{left: 0;}

}

.head{

padding: 30px;

font-family:cursive;

font-size: 38px; color: white;

cursor: default; text-align: center;

width: 100%;

}

.links{

background-color: green;

color: white;

padding: 10px;

font-family: Calibri; word-spacing: 2px;

font-size: 20px; opacity: 0.7;

}

.links:hover{

background-color: white;

border-right: solid;

border-right-width: 6px;

border-right-color: Orange;

color: black; opacity: 0.9;

font-weight: bold;

cursor: pointer;

}

</style>

function display(){

var bar = document.getElementById("navbar");

bar.style.display = 'block';

}

function hidebar(){

var bar = document.getElementById("navbar");

bar.style.display = 'none';

}

</script>

</head>

<body>

<div class="txt">Google</div>

<font class="title">Google</font>

<div id="start" onclick="display()">Get Started</div>

<tr><td class="head" align="center"><b>Google</b></td></tr>

<tr><td class="links">Open Gmail Account</td></tr>

<tr><td class="links">Create Dev. Account</td></tr>

<tr><td class="links">Veriify An Account</td></tr>

<tr><td class="links">Work And Earn Online</td></tr>

<tr><td class="links">Learning Sites Available</td></tr>

<tr><td class="links">Google Aspects/Categories</td></tr>

<tr><td class="links" onclick="hidebar()">x Close</td></tr>

</table>

</div>

</body>

</html>

Five Benefits of Working From Home

Tuesday, June 9, 2020

Word Count in a Sentence in jQuery

I wrote this program to count the number of words in the given string using jQuery.

Program Listing

<html>

<head>

<title>Word Count in a Sentence in jQuery</title>

</head>

</script>

<body>

function WordCount(str) {

return str.split(" ").length;

}

$(document).ready(function() {

var sentence = "jQuery programming is fun.";

document.write("<h2>Word Count in a Sentence in jQuery</h2>");

document.write("<h3>Sentence : " ,sentence,"</h3>");

count_words = WordCount(sentence);

document.write("<h3>Total Number of Words : " ,count_words,"</h3>");

});

</script>

</body>

</html>

Remove Vowels in a String in jQuery

I wrote this program to remove the vowels in a given string using jQuery.

Program Listing

<html>

<head>

<title>Remove Vowels in a String in jQuery</title>

</head>

</script>

<body>

function Remove_Vowels(str) {

return str.replace(/[aeiouAEIOU]/gi,' ');

}

$(document).ready(function() {

var string_given = "Computer Science";

document.write("<h2>Remove Vowels in a String in jQuery</h2>");

document.write("<h3>Original String : " ,string_given,"</h3>");

display_results = Remove_Vowels(string_given);

document.write("<h3>The Result : " ,display_results,"</h3>");

});

</script>

</body>

</html>

Using Upper Case Filter in AngularJS

I wrote this program to convert the given string into upper case format using AngularJS.

Program Listing

<!DOCTYPE html>

<html >

<head>

<title>AngularJS For Beginners</title>

</head>

<body>

<h3>Using Upper Case Filter in AngularJS</h3>

</div>

</body>

</html>

Slide Down and Slide Up in jQuery

I wrote this program using jquery to demonstrate the slide down and slide up animation.

Program Listing

<html>

<title>Slide Down and Slide Up in jQuery</title>

<head>

<style>

body,p {

font-family: arial;

font-size:16px;

font-weight:bold;

}

h2 {

font-family: arial;

font-weight:bold;

}

</style>

$(document).ready(function(){

$(".btn_up").click(function(){

$("p").slideUp();

});

$(".btn_down").click(function(){

$("p").slideDown();

});

</script>

</head>

<body>

<h2>Slide Down and Slide Up in jQuery</h2>

<p> Computer Programming is Fun and Profit </p>

<p> Agile Web Development with Ruby on Rails </p>

<br>

<button class="btn_up"

title="Click here to Slide Up the text.">

Slide Up</button>

<button class="btn_down"

title="Click here to Slide Down the text.">

Slide Down</button>

</body>

</html>

Retrieve Information From JSON using AJAX and jQuery

I wrote this simple program to retrieve information from son files using AJAX and jQuery.

Program Listing

index.html

<html>

<head>

<title>AJAX and JSON in jQuery</title>

<style>

body,p {

font-family: arial;

font-size:16px;

font-weight:bold;

}

h2 {

font-family: arial;

font-weight:bold;

}

</style>

$(document).ready(function() {

$("#driver").click(function(event){

$.getJSON('result.json', function(jd) {

$('#stage').html('<p> Name: ' + jd.name + '</p>');

$('#stage').append('<p> Age : ' + jd.age+ '</p>');

$('#stage').append('<p> Sex: ' + jd.sex+ '</p>');

$('#stage').append('<p> Address: ' + jd.address+ '</p>');

});

</script>

</head>

<body>

<p>Click on the button to load result.json file</p>

<h2>Loading Information from result.json </h2>

STAGE

</div>

</body>

</html>

result.json

{

"name" : "Jacob Samuel Fuentebella Pomperada",

"age" : "7",

"sex" : "Male",

"address": "#25-31 Victoria Malaga St. Eroreco Subd.Bacolod City,Negros Occidental Philippines."

}

Prime Number Checker Using For Loop Statement in Perl

I wrote this program to ask the user to give a number and then the program will check if the given number is a prime number or not using Perl programming language.

Program Listing

# prime_num_for.pl

# It will ask the user to give a number and then the program

# will check and determine if the given number is a Prime Number or Not

# number using for loop statement

# Author : Jake R. Pomperada,MAED-IT,MIT

# Date : April 5, 2020 Sunday 3:38 PM

# Location : Bacolod City, Negros Occidental

# Email : jakerpomperada@gmail.com

# Website : http://www.jakerpomperada.com

$num=0; $i=0; $flag=0;

print("\n");

print("\tPrime Number Checker Using For Loop Statement in Perl");

print("\n\n");

print("\tGive a Number : ");

chomp($num=<STDIN>);

for ($i=2; $i<$num/2; $i++) {

if ($num % $i == 0)

{

$flag = 1;

break;

}

print("\n");

if ($flag == 1) {

print("\t$num is NOT a Prime Number.");

}

else {

print("\t$num is a Prime Number.");

}

print("\n\n");

print("\tEnd of Program");

print("\n\n");

Monday, June 8, 2020

Paano maghanap ng trabaho using the Internet

Positive or Negative Number Checker in jQuery

A simple program that I wrote using jQuery to check if the given number by the user is a positive or negative number.

Program Listing

<html>

<head>

<title>Positive or Negative Number Checker in jQuery </title>

<style>

body {

font-family: arial;

font-size:15px;

font-weight:bold;

}

.input_bold {

font-weight: bold;

font-size:15px;

color: red;

}

</style>

$(document).ready(function(){

$("#check_it").click(function(){

var num = $("#num_value").val();

if(jQuery.isNumeric(num) == false){

alert('Please enter numeric value');

$('#num_value').val('');

$("#results").val('');

$('#num_value').focus();

}

else if (num>= 0)

{

remarks = num+ " is a Positive Number.";

$("#results").val(remarks);

}

else {

remarks = num+ " is a Negative Number.";

$("#results").val(remarks);

}

});

$("#clear").click(function(){

$("#num_value").val('');

$("#results").val('');

$("#num_value").focus();

});

</script>

</head>

<body>

<form>

<h3>Positive or Negative Number Checker in jQuery</h3>

Give a Number

The result

<button type= "button" id ="check_it" title="Click here to check the given number">Check </button>

<button type= "button" id ="clear" title="Click here to clear the textbox.">Clear </button>

</form>

</body>

</html>

String Palindrome in jQuery

I wrote this program to check if the given string is a string palindrome or not using jQuery.

Program Listing

<html>

<head>

<title>Palindrome String in jQuery</title>

</head>

</script>

<body>

function palindrome_check(str) {

var re = /[^A-Za-z0-9]/g;

str = str.toLowerCase().replace(re,'');

return str == str.split('').reverse().join('') ? true : false;

}

$(document).ready(function() {

var str_given1 = "night";

var str_given2 = "radar";

var str_display1;

var str_display2;

document.write("<h2>Palindrome in jQuery</h2>");

document.write("<h2>Text Number One : " ,str_given1,"</h2>");

document.write("<h2>Text Number Two : " ,str_given2,"</h2>");

str_check1 = palindrome_check(str_given1);

str_check2 = palindrome_check(str_given2);

if (str_check1 == true) {

str_display1 = "<h2>The string " +str_given1.toUpperCase()+" is Palindrome.</h2>";

} else {

str_display1 = "<h2>The string " +str_given1.toUpperCase()+" is Not Palindrome.</h2<";

}

if (str_check2 == true) {

str_display2 = "<h2>The string " +str_given2.toUpperCase()+" is Palindrome.</h2>";

} else {

str_display2 = "<h2>The string " +str_given2.toUpperCase()+" is Not Palindrome.</h2<";

}

document.write(str_display1);

document.write(str_display2);

});

</script>

</body>

</html>

Login Security System in Perl

I wrote this program to show how to make login security system using Perl programming language.

Program Listing

# login_string.pl

# Author : Jake R. Pomperada,MAED-IT,MIT

# Date : April 8, 2020 Wednesday 7;40 PM

# Location : Bacolod City, Negros Occidental

# Email : jakerpomperada@gmail.com

# Website : http://www.jakerpomperada.com

sub get_pword {

use Term::ReadKey;

my ($prompt) = shift;

my $pword;

my $key;

local $| = 1;

print "$prompt: ";

ReadMode 4;

while( 1 ) {

while (not defined ($key = ReadKey(-1))) { }

if(ord($key) == 13) {

print "\n";

last;

}

print '*';

$pword .= $key;

}

ReadMode 0;

return $pword;

}

back:

print("\n\n");

print("\tLogin Security System in Perl");

print("\n\n");

print("\tEnter Your Username : ");

chomp($username=<STDIN>);

my $password = get_pword("\tEnter Your Password " );

$user_check = lc $username;

$pass_check = lc $password;

if ($user_check eq "admin" && $pass_check eq "123") {

print("\n\n");

printf("\tPassword is accepted. Welcome to the system.")

} else

{

print("\n\n");

printf("\tInvalid Password. Try Again.");

print("\n\n");

goto back;

}

print("\n\n");

print("\t\tEnd of Program");

print("\n\n");

Free Programming Source Codes and Computer Programming Tutorials

Saturday, June 13, 2020

Sally Grocery Ordering System in C#

How to solve your programming problems?

Thursday, June 11, 2020

Login System in PHP and MySQL

Slide In Navigational Bar in HTML and CSS

Five Benefits of Working From Home

Tuesday, June 9, 2020

Word Count in a Sentence in jQuery

Remove Vowels in a String in jQuery

Using Upper Case Filter in AngularJS

Using Upper Case Filter in AngularJS

Using Upper Case Filter in AngularJS

Slide Down and Slide Up in jQuery

Retrieve Information From JSON using AJAX and jQuery

Prime Number Checker Using For Loop Statement in Perl

Prime Number Checker Using For Loop Statement in Perl

Monday, June 8, 2020

Paano maghanap ng trabaho using the Internet

Positive or Negative Number Checker in jQuery

Positive or Negative Number Checker in jQuery

String Palindrome in jQuery

Login Security System in Perl

Load HTML File Using AJAX and jQuery

Google Ads

Followers