├── README.md
├── ajaxCRUD.class.php
├── css
├── badicon.gif
├── checkicon.gif
├── cuscosky.css
├── default.css
├── fieldbg.gif
├── index.html
└── loading.gif
├── examples
├── calendar.gif
├── events
│ ├── events.php
│ ├── footer.php
│ ├── header.php
│ ├── index.php
│ ├── readme.txt
│ ├── sql.sql
│ ├── stylesheet.css
│ ├── uploads
│ │ ├── 10K_-_Six03.JPG
│ │ ├── 1927_5K-TrickOrTrotTemp.png
│ │ ├── 2208_5K_-_AppleHarvest.jpg
│ │ ├── 3381_5K-TrickOrTrotTemp.png
│ │ ├── 5K_-_AppleHarvest.jpg
│ │ ├── 5K_-_FathersDay.JPG
│ │ ├── 5K_-_Horne.JPG
│ │ ├── 5K_-_Komen.JPG
│ │ ├── 5K_-_MothersDay.JPG
│ │ ├── 5K_-_RedBarn2.jpg
│ │ ├── 5K_-_Redhook.jpg
│ │ ├── 5K_-_Run_Before_You_Crawl.jpg
│ │ ├── 5K_-_SMA.JPG
│ │ ├── 5K_-_SpiritofRecovery.JPG
│ │ ├── 5K_-_Turkey_Trot.jpg
│ │ ├── 5M_-_Paddys.JPG
│ │ ├── 9868_Upstream-Color-2013-Stills.jpg
│ │ ├── Biutiful.jpg
│ │ ├── Bud-light.jpg
│ │ ├── LearnSnowsport.JPG
│ │ ├── Logo-Animated-Transparent-Forever.gif
│ │ ├── SRS.png
│ │ ├── Volleyball.jpg
│ │ ├── Volleyball_green.jpg
│ │ ├── Volleyball_heart.jpg
│ │ ├── Volleyball_shamrock.jpg
│ │ ├── download.jpg
│ │ ├── dumbo.jpg
│ │ ├── halo_4.jpg
│ │ ├── hottub.jpg
│ │ ├── hr_the_walking_dead.jpg
│ │ ├── nfl_wildcard.gif
│ │ ├── primer-film.jpg
│ │ ├── princess_bride.jpeg
│ │ ├── soccer.jpg
│ │ ├── stella.jpg
│ │ ├── stella2.jpg
│ │ ├── superbown_2014.jpg
│ │ ├── tv-question-mark.jpg
│ │ ├── untitled.png
│ │ ├── v_for_vendetta.png
│ │ └── whiskey_and_chess.jpg
│ └── youre-invited.png
├── example.php
├── example.sql
├── example2.php
├── example3.php
├── example4.php
├── includes
│ ├── images
│ │ ├── calendar.gif
│ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ ├── ui-bg_flat_55_fbec88_40x100.png
│ │ ├── ui-bg_glass_75_d0e5f5_1x400.png
│ │ ├── ui-bg_glass_85_dfeffc_1x400.png
│ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ ├── ui-bg_gloss-wave_55_5c9ccc_500x100.png
│ │ ├── ui-bg_inset-hard_100_f5f8f9_1x100.png
│ │ ├── ui-bg_inset-hard_100_fcfdfd_1x100.png
│ │ ├── ui-icons_217bc0_256x240.png
│ │ ├── ui-icons_2e83ff_256x240.png
│ │ ├── ui-icons_469bdd_256x240.png
│ │ ├── ui-icons_6da8d5_256x240.png
│ │ ├── ui-icons_cd0a0a_256x240.png
│ │ ├── ui-icons_d8e7f3_256x240.png
│ │ └── ui-icons_f9bd01_256x240.png
│ ├── jquery.ui.all.css
│ ├── jquery.ui.base.css
│ ├── jquery.ui.core.css
│ ├── jquery.ui.core.js
│ ├── jquery.ui.datepicker.css
│ ├── jquery.ui.datepicker.js
│ ├── jquery.ui.theme.css
│ └── readme.txt
├── install.php
├── readme.txt
├── uploads
│ └── readme.txt
└── where_clause_test.php
├── js
├── javascript_functions.js
├── jquery.maskedinput.js
├── jquery.min.js
├── jquery.validate.min.js
└── validation.js
└── preheader.php
/README.md:
--------------------------------------------------------------------------------
1 | FULL CLASS DOCUMENTATION HERE:
2 | http://www.ajaxcrud.com/api/
3 |
4 | Any questions or issues? -- support forum and reference material featured on the website www.ajaxcrud.com
5 |
6 | USING EXAMPLE SCRIPTS:
7 |
8 | 1) To install this class you must first manually CREATE a database. This is done (locally) by going
9 | into your mySQL terminal window and using the SQL "CREATE DATABASE [database_name]".
10 |
11 | If you are using an online host, you'll have to go into its control panel (eg C-panel) and create a database.
12 |
13 | 2) Make sure a database user has complete access to the database in question (SELECT, UPDATE, CREATE, DELETE)
14 |
15 | 3) Edit the file "preheader.php" and fill in your database information
16 |
17 | 4) Navigate to the file "/examples/install.php"
18 |
19 | 5) Navigate to the file "/examples/example.php" to test out the class!!
20 |
21 |
22 |
23 | ~Loud Canvas Media Staff
24 | www.loudcanvas.com
25 |
26 |
27 | NB: Make sure you include any "header" info (e.g. any HTML, echo statements, etc) AFTER you
28 | include the ajaxCRUD class.
--------------------------------------------------------------------------------
/ajaxCRUD.class.php:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/ajaxCRUD.class.php
--------------------------------------------------------------------------------
/css/badicon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/css/badicon.gif
--------------------------------------------------------------------------------
/css/checkicon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/css/checkicon.gif
--------------------------------------------------------------------------------
/css/cuscosky.css:
--------------------------------------------------------------------------------
1 | /*
2 | Cusco Sky table styles
3 | written by Braulio Soncco http://www.buayacorp.com
4 | */
5 |
6 | table, th, td {
7 | border: 1px solid #D4E0EE;
8 | border-collapse: collapse;
9 | font-family: "Trebuchet MS", Arial, sans-serif;
10 | color: #555;
11 | }
12 |
13 | caption {
14 | font-size: 150%;
15 | font-weight: bold;
16 | margin: 5px;
17 | }
18 |
19 | td, th {
20 | padding: 4px;
21 | }
22 |
23 | thead th {
24 | text-align: center;
25 | background: #E6EDF5;
26 | color: #4F76A3;
27 | font-size: 100% !important;
28 | }
29 |
30 | tbody th {
31 | font-weight: bold;
32 | }
33 |
34 | tbody tr { background: #FCFDFE; }
35 |
36 | tbody tr.odd { background: #F7F9FC; }
37 |
38 | table a:link {
39 | color: #718ABE;
40 | text-decoration: none;
41 | }
42 |
43 | table a:visited {
44 | color: #718ABE;
45 | text-decoration: none;
46 | }
47 |
48 | table a:hover {
49 | color: #718ABE;
50 | text-decoration: underline !important;
51 | }
52 |
53 | tfoot th, tfoot td {
54 | font-size: 85%;
55 | }
--------------------------------------------------------------------------------
/css/default.css:
--------------------------------------------------------------------------------
1 | /*
2 | HUNDREDS of other stylesheets which work with this class can be found here - http://icant.co.uk/csstablegallery
3 | Try a few demos using the style dropdown box for our demo here - http://www.ajaxcrud.com/
4 | */
5 |
6 | .paging_links{
7 | font-family:Verdana, Arial, Helvetica, sans-serif;
8 | font-size:10px;
9 | /* color:#F5E000;*/
10 | color:#445276;
11 | }
12 |
13 | .ajaxCRUD {
14 | background: #F4F2FD;
15 | border-color: #BBB1ED;
16 | border-style: solid;
17 | border-width: 0px;
18 | padding:4px;
19 | border-collapse:collapse;
20 | margin-top:10px;
21 | margin-bottom:10px;
22 | }
23 |
24 | .ajaxCRUD th{
25 | background: #CFDBF3;
26 | font-weight: bold;
27 | color:#445276;
28 | font-size: 12px;
29 | }
30 |
31 | .ajaxCRUD th a{
32 | color: #173D7F;
33 | }
34 |
35 | .ajaxCRUD td a{
36 | border-bottom: 1px dotted #ba0000;
37 | font-size: 11px;
38 | text-decoration: none;
39 | }
40 |
41 | .ajaxCRUD td a:hover{
42 | color: #000;
43 | border-bottom: 1px solid #ba0000;
44 | }
45 |
46 | .ajaxCRUD td{
47 | font-family: Arial, Verdana;
48 | font-size: 11px;
49 | background: #F9F8FB;
50 | color: #716E6E;
51 | font-weight:normal;
52 | /* text-align: center; */
53 | vertical-align: middle;
54 | }
55 |
56 | .ajaxCRUD td, .ajaxCRUD th{
57 | padding: 5px 5px;
58 | }
59 | table td.odd, table tr.odd, tr.odd td, tbody tr.odd th{
60 | background-color: #f2f2f2;
61 | }
62 |
63 | .editingSize{
64 | font-size: 10px;
65 | }
66 |
67 | .vertical, .vertical td, .vertical th{
68 | text-align:left;
69 | }
70 |
71 | input, select, textarea{
72 | font-size: 100%;
73 | border-top: 1px solid #7c7c7c;
74 | border-left: 1px solid #c3c3c3;
75 | border-right: 1px solid #c3c3c3;
76 | border-bottom: 1px solid #ddd;
77 | background: #fff url("fieldbg.gif") repeat-x top;
78 | color: #333;
79 | padding: 2px 0 2px 2px;
80 | }
81 |
82 | .btn{
83 | font-size: 11px;
84 | }
85 | .report, .alertgood {
86 | text-align: left;
87 | border-top: 1px solid #9c9;
88 | border-bottom: 1px solid #9c9;
89 | padding: 5px 5px 5px 30px;
90 | font-size: 11px;
91 | margin: 0 20px 15px 20px;
92 | color: #060;
93 | background: url("checkicon.gif") #e2f9e3 left no-repeat;
94 | }
95 |
96 | .error, .alertbad {
97 | text-align: left;
98 | font-weight: bold;
99 | border-top: 1px solid #c99;
100 | border-bottom: 1px solid #c99;
101 | padding: 5px 5px 5px 27px;
102 | font-size: 11px;
103 | margin: 0 20px 15px 20px;
104 | background: url("badicon.gif") #c00 left no-repeat;
105 | color: #fff;
106 | }
--------------------------------------------------------------------------------
/css/fieldbg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/css/fieldbg.gif
--------------------------------------------------------------------------------
/css/index.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/css/index.html
--------------------------------------------------------------------------------
/css/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/css/loading.gif
--------------------------------------------------------------------------------
/examples/calendar.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iceman101184/ajaxcrud/871c45a8932ccfcb2716e06709355ea7b3013433/examples/calendar.gif
--------------------------------------------------------------------------------
/examples/events/events.php:
--------------------------------------------------------------------------------
1 | setCSSFile("cuscosky.css");
12 |
13 | $viewPastEvents = FALSE;
14 | if ($_REQUEST['eventFilter'] == 'pastEvents') $viewPastEvents = TRUE;
15 |
16 | ?>
17 |
19 |
20 |
21 |
22 | insertHeader(); ?>
23 |
24 |
26 |
27 |
28 |
29 |
30 |
31 | Upcoming Events:\n";
36 | }
37 | else{
38 | echo "Previous/Past Events:
\n";
39 | }
40 | ?>
41 |
42 |
43 | Filter Events:
44 |
50 |
51 |
52 |
53 | omitPrimaryKey();
56 | #Create custom display fields
57 | $tblEvent->displayAs("pkEventID","Event ID");
58 | $tblEvent->displayAs("fldTitle","Title");
59 | $tblEvent->displayAs("fldDate", "Date");
60 | $tblEvent->displayAs("fldTime", "Time");
61 | $tblEvent->displayAs("fldLocation", "Location");
62 | $tblEvent->displayAs("fldAdditionalInformation", "Additional Information");
63 | $tblEvent->displayAs("fldImage", "Image");
64 | $tblEvent->displayAs("fldType", "Public/Private?");
65 |
66 | $tblEvent->disallowDelete();
67 |
68 | $validValues = array("Public", "Private");
69 | $tblEvent->defineAllowableValues("fldType", $validValues);
70 | //$tblEvent->category_required['fldType'] = FALSE;
71 |
72 | $tblEvent->addOrderBy("ORDER BY fldDate ASC");
73 |
74 | #Add filter boxes (if i wanted them)
75 | //$tblEvent->addAjaxFilterBox("fldFirstName");
76 | //$tblEvent->addAjaxFilterBox("fldLastName");
77 | //$tblEvent->addAjaxFilterBox("fldAttending");
78 |
79 | $today = date("Y-m-d");
80 | if (!$viewPastEvents){
81 | #Add Where clause - only show future events
82 | $tblEvent->addWhereClause("WHERE (fldDate >= \"$today\") OR fldDate = \"0000-00-00\"");
83 | $signupText = "Sign up for Event";
84 | $tblEvent->setFileUpload("fldImage", "uploads/", "uploads/");
85 | }
86 | else{
87 | #Add Where clause - only show past events
88 | $tblEvent->addWhereClause("WHERE (fldDate < \"$today\") AND fldDate != \"0000-00-00\"");
89 | $signupText = "View Who Signed Up";
90 | $tblEvent->turnOffAjaxEditing();
91 | }
92 |
93 | $tblEvent->addButtonToRow($signupText, "index.php");
94 |
95 | $tblEvent->setTextareaHeight("fldAdditionalInformation", 70);
96 |
97 | #set the number of rows to display (per page)
98 | //$tblEvent->setLimit(25);
99 |
100 | $tblEvent->setAddPlaceholderText("fldDate", "YYYY-mm-dd");
101 | $tblEvent->setAddPlaceholderText("fldTime", "7:00pm");
102 | $tblEvent->setAddFieldNote("fldDate", "Make sure to enter in format YYYY-mm-dd.");
103 | $tblEvent->setAddFieldNote("fldImage", "If you want to add an image to the event (optional).");
104 | $tblEvent->setAddFieldNote("fldType", "Public means anyone can come; Private means you want this event to be exclusive.");
105 |
106 | //$tblEvent->addButtonToRowWindowOpen = "same"; //this is default behavior so i have it commented out
107 |
108 | $tblEvent->formatFieldWithFunction("fldDate", "highlightDate");
109 | $tblEvent->formatFieldWithFunction("fldImage", "showImage");
110 |
111 | $tblEvent->modifyFieldWithClass("fldDate", "datepicker");
112 |
113 | $tblEvent->showTable();
114 |
115 | include ('footer.php');
116 |
117 | function highlightDate($date){
118 | if ($date == "0000-00-00") return "NOT YET SET";
119 |
120 | if ($date == date("Y-m-d")){
121 | return $date . "
(TODAY/TONIGHT!)";
122 | }
123 | return $date;
124 | }
125 |
126 | function showImage($image){
127 | if ($image){
128 | return "![](\"uploads/$image\")
\n";
129 | }
130 | return "";
131 | }
132 |
133 | ?>
--------------------------------------------------------------------------------
/examples/events/footer.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | | Powered by |
8 | |
9 | |
10 | |
11 | |
12 | |
13 | |
14 | © |
15 |
16 |
17 |