icons, default settings
@ -1,2 +1,8 @@
|
|||||||
# yaptc
|
# yaptc
|
||||||
Yet Another PHP Time Card
|
Yet Another PHP Time Card
|
||||||
|
|
||||||
|
|
||||||
|
# Credits:
|
||||||
|
Default icon pack - Oliver Charavel "Sekkyumu" at http://sekkyumu.deviantart.com/ (http://sekkyumu.deviantart.com/art/Developpers-Icons-63052312)
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
11
config.php
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<?php
|
||||||
|
########## MySql details (Replace with yours) #############
|
||||||
|
$username = "root"; //mysql username
|
||||||
|
$password = "AdmiN!04%sui"; //mysql password
|
||||||
|
$hostname = "localhost"; //hostname
|
||||||
|
$databasename = "yaptc"; //databasename
|
||||||
|
|
||||||
|
//connect to database
|
||||||
|
$mysqli = new mysqli($hostname, $username, $password, $databasename);
|
||||||
|
|
||||||
|
?>
|
||||||
207
db.php
Normal file
@ -0,0 +1,207 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
|
||||||
|
<title>Ajax Add/Delete a Record with jQuery Fade In/Fade Out</title>
|
||||||
|
|
||||||
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//##### send add record Ajax request to response.php #########
|
||||||
|
|
||||||
|
$("#FormSubmit").click(function (e) {
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
if($("#contentText").val()==='')
|
||||||
|
|
||||||
|
{
|
||||||
|
|
||||||
|
alert("Please enter some text!");
|
||||||
|
|
||||||
|
return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$("#FormSubmit").hide(); //hide submit button
|
||||||
|
|
||||||
|
$("#LoadingImage").show(); //show loading image
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var myData = 'content_txt='+ $("#contentText").val(); //build a post data structure
|
||||||
|
|
||||||
|
jQuery.ajax({
|
||||||
|
|
||||||
|
type: "POST", // HTTP method POST or GET
|
||||||
|
|
||||||
|
url: "response.php", //Where to make Ajax calls
|
||||||
|
|
||||||
|
dataType:"text", // Data type, HTML, json etc.
|
||||||
|
|
||||||
|
data:myData, //Form variables
|
||||||
|
|
||||||
|
success:function(response){
|
||||||
|
|
||||||
|
$("#responds").append(response);
|
||||||
|
|
||||||
|
$("#contentText").val(''); //empty text field on successful
|
||||||
|
|
||||||
|
$("#FormSubmit").show(); //show submit button
|
||||||
|
|
||||||
|
$("#LoadingImage").hide(); //hide loading image
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
error:function (xhr, ajaxOptions, thrownError){
|
||||||
|
|
||||||
|
$("#FormSubmit").show(); //show submit button
|
||||||
|
|
||||||
|
$("#LoadingImage").hide(); //hide loading image
|
||||||
|
|
||||||
|
alert(thrownError);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//##### Send delete Ajax request to response.php #########
|
||||||
|
|
||||||
|
$("body").on("click", "#responds .del_button", function(e) {
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var clickedID = this.id.split('-'); //Split ID string (Split works as PHP explode)
|
||||||
|
|
||||||
|
var DbNumberID = clickedID[1]; //and get number from array
|
||||||
|
|
||||||
|
var myData = 'recordToDelete='+ DbNumberID; //build a post data structure
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$('#item_'+DbNumberID).addClass( "sel" ); //change background of this element by adding class
|
||||||
|
|
||||||
|
$(this).hide(); //hide currently clicked delete button
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
jQuery.ajax({
|
||||||
|
|
||||||
|
type: "POST", // HTTP method POST or GET
|
||||||
|
|
||||||
|
url: "response.php", //Where to make Ajax calls
|
||||||
|
|
||||||
|
dataType:"text", // Data type, HTML, json etc.
|
||||||
|
|
||||||
|
data:myData, //Form variables
|
||||||
|
|
||||||
|
success:function(response){
|
||||||
|
|
||||||
|
//on success, hide element user wants to delete.
|
||||||
|
|
||||||
|
$('#item_'+DbNumberID).fadeOut();
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
error:function (xhr, ajaxOptions, thrownError){
|
||||||
|
|
||||||
|
//On error, we alert user
|
||||||
|
|
||||||
|
alert(thrownError);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="content_wrapper">
|
||||||
|
|
||||||
|
<ul id="responds">
|
||||||
|
|
||||||
|
<?php
|
||||||
|
|
||||||
|
//include db configuration file
|
||||||
|
|
||||||
|
include_once("config.php");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//MySQL query
|
||||||
|
|
||||||
|
$results = $mysqli->query("SELECT id,name FROM yaptc_punchtypes");
|
||||||
|
|
||||||
|
//get all records from add_delete_record table
|
||||||
|
|
||||||
|
while($row = $results->fetch_assoc())
|
||||||
|
|
||||||
|
{
|
||||||
|
|
||||||
|
echo '<li id="item_'.$row["id"].'">';
|
||||||
|
|
||||||
|
echo '<div class="del_wrapper"><a href="#" class="del_button" id="del-'.$row["id"].'">';
|
||||||
|
|
||||||
|
echo '<img src="images/icon_del.gif" border="0" />';
|
||||||
|
|
||||||
|
echo '</a></div>';
|
||||||
|
|
||||||
|
echo $row["name"].'</li>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//close db connection
|
||||||
|
|
||||||
|
$mysqli->close();
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="form_style">
|
||||||
|
|
||||||
|
<textarea name="content_txt" id="contentText" cols="45" rows="5" placeholder="Enter some text"></textarea>
|
||||||
|
|
||||||
|
<button id="FormSubmit">Add record</button>
|
||||||
|
|
||||||
|
<img src="images/loading.gif" id="LoadingImage" style="display:none" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
images/icons/Add Appointment.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
images/icons/Add Green Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Add To Favorite.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Add.png
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
images/icons/Appointment Cool.png
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
images/icons/Appointment Urgent.png
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
images/icons/Audio CD.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
images/icons/Audio Document.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Backup Green Button.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
images/icons/Bandwidth.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
images/icons/Blue Ball.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/CD.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
images/icons/Cancel Red Button.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/Clear Green Button.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Coherence.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/icons/Desktop.png
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
images/icons/Discussion.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Document.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/icons/Donate.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Eject Blue Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Export To Audio Document.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Export To Document.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Export To Movie Document.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Export To Picture Document.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Favorite.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Forward Mail.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Fullscreen.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
images/icons/Gear Alt.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Gear.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
images/icons/Get Document.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Get Info Blue Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Get Info Purple Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Get Mail.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Green Ball.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Grey Ball.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Help Blue Button.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Help Purple Button.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/History.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
images/icons/Import Audio Document.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Import Document.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Import Movie Document.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Import Picture Document.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Internet History.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
images/icons/Mail.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
images/icons/Menu Item.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/Menu.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/Minus Green Button.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Minus Red Button.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Movie CD.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
images/icons/Movie Document.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
images/icons/Mr. Bomb.png
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
images/icons/Network.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
images/icons/New Document.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/New Mail.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Orange Ball.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Pause All.png
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
images/icons/Pause Blue Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Pause Green Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Pause.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
images/icons/Picture CD.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Picture Document.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/Play All.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Play Blue Button.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Play Green Button.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Play.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
images/icons/Plugin Green Button.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Purple Ball.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Record Button.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Record Red Button.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Red Ball.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Remove Appointment.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
images/icons/Remove Document.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
images/icons/Remove.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
images/icons/Rename Document.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/Run.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Send Document.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
images/icons/Send Mail.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Smiley Blue.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Smiley Sad Blue.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
images/icons/Smiley Sad.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
images/icons/Smiley Star Pink.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Smiley Star Sad.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/icons/Smiley Star.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Smiley.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/icons/Spotlight Blue Button.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
images/icons/Star.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/icons/Stop All.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
images/icons/Stop Green Button.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Stop Red Button.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/icons/Stop.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
images/icons/Terminal.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/icons/Transfer Document.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Transfer.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Trash Empty.png
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/Trash Full.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
images/icons/Universal Binary.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/icons/Unread Mail Alt.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |