icons, default settings
@ -1,2 +1,8 @@
|
||||
# yaptc
|
||||
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 |