Search jQuery

jQuery Forum

Screen name:
ngibbs

ngibbs's Profile

8 Posts

28 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Single quote array for typeahead
[25Replies]
- 27-Jul-2018 09:59 AM
- Forum: Using jQuery
item.php

// Get Catalog
$item = new Item($pdo);
$item_list = $item->get_items();
echo json_encode($item_list);

typeahead-data.js

var items = ['Item One', 'Item Two', 'Item Million'];

How do I use the data from jQuery to populate the items instead of hard coding?

$.getJSON('item.php', function (items) {
var typeahead_items = ????;
});

Y-m-d format subtracting when set as value
[4Replies]
- 14-Jul-2018 11:58 AM
- Forum: Using jQuery
For the life of me I could not understand why when I was storing today's date and then setting it as a value it was coming up as 199* instead of 2018-07-0*.

How do I set the value of a text input for today's date in the Y-m-d format without it subtracting?

HTML

<input type="text" id="delivery_date" name="delivery_date" placeholder="" data-mask="9999-99-99" class="form-control" size="4" required>

JS

document.getElementById('delivery_date').value = user[0].delivery_date;

Set innerHTML using Json
[10Replies]
- 28-Jun-2018 08:31 AM
- Forum: Using jQuery
Issue: first name is undefined.

Json output from User.php

[{"firstname":"John","lastname":"Doe","user_email":"john.doe@email.com","access_id":"1","role_id":"2","status":"enabled","company_name":"ABC Inc","mailing_address":"Earth","shipping_address":"Earth","email_address":"","phone":"(555) 555-0000","fax":"(555) 555-1111"}]

User.js

$(document).ready(function () {
/* call the php that has the php array which is json_encoded */
$.getJSON('user.php', function (user) {
document.getElementById("firstname").innerHTML = user['firstname'];
document.getElementById("lastname").innerHTML = user['lastname'];
});
});

I figured out that user[''] is not right but I cannot seem to figure out what I am supposed to do. I put = "John" and that worked so I know I am using the wrong syntax.

Also it seems the second innerHTML does not get assigned. How come?

Ajax redirect if return false
[7Replies]
- 05-Jun-2018 07:26 AM
- Forum: Using jQuery
I have all the code done for the login and session done now I want on each page that requires the user to be logged in to check and if false redirect.

class.php
1. public function check_session() {
2. session_start();
3. if (isset($_SESSION['user_id'])) {
4. return true;
5. }
6. else {
7. return false;
8. }
9. }
session.php
1. <?php
3. /* Includes */
4. include 'database.php';
5. include 'class.php';
7. $session = new Session($pdo);
8. if($session->check_session()) {
9. return true;
10. }
11. else {
  return false;
  }
session.js
1. /*
2. Redirect if not logged in
3. */
4. $('document').ready(function() {
  $.ajax({
    type : 'POST',
    url : 'dist/php/session.php',
    data : data,
    success : function(response) {
     if(response=="true"){
     }
     else{
      window.location.href="log-in.html";
     }
    });
  });
  });
It is not redirecting so what is wrong?

Classes and Database Connection reuse
[2Replies]
- 04-Jun-2018 09:51 AM
- Forum: Using jQuery
I have a php file that has all my database credentials using PDO.
I have a class file that contains all my classes. In the class file I find myself creating the database connection in every function:

class myClass {
    /* Properties */
    private $conn;

    /* Get database access */
    public function __construct(\PDO $pdo) {
        $this->conn = $pdo;
    }
}

What should I be doing so that I am not doing this in every class?

JQuery loop display array name and value
[5Replies]
- 17-May-2018 03:16 PM
- Forum: Using jQuery
I am trying to build a loop where it will display like this:

Company Name ABC Inc
Mailing Address Springfield ZZ 12345
Phone 1 (555) 555-5555
Fax 1 (555) 555-5556

My current code is not looping for each object just displaying once.

Json Encode output

[{"Company Name":"ABC Inc","Mailing Address":"Springfield ZZ 12345","Phone":"1 (555) 555-5555","Fax":"1 (555) 555-5556","Email Address":"test@test.com"}]

HTML Code
1. 
2. <div id="company">
3. </div>
4. 
5. <script type='text/javascript'>
6. $(document).ready(function () {
7. /* call the php that has the php array which is json_encoded */
8. $.getJSON('php/company.php', function (company) {
9. /* data will hold the php array as a javascript object */
10. $.each(company, function (company_key, company_val) {
11. $("#company").append(
12. '<div class="row">'+
13. '<div class="col-md-6">'+
14. '<div class="form-group">'+
15. '<label class="control-label col-md-4"> Array Name</label>'+
16. '<div class="col-md-8">'+
17. '<p class="form-control-static"> Array Value </p>'+
18. '</div>'+
19. '</div>'+
20. '</div>'+
21. '</div>'
22. );
23. });
24. });
25. });
26. </script>
27.

Using PHP Session in JQuery using Json Encode
[3Replies]
- 08-Apr-2018 08:11 PM
- Forum: Using jQuery
I am trying to append one value from json encode. Here is my code:

session.php
1. echo json_encode($_SESSION);
2. /* output */
3. "user_id":"1","firstname":"John","lastname":"Doe","email":"jdoe@email.com","role":"administrator","status":"active"}
How do I then append just the firstname to index.html?
1. <script type='text/javascript'>
2. $(document).ready(function () {
3. /* call the php that has the php array which is json_encoded */
4. $.getJSON('session.php', function (session) {
5. /* data will hold the php array as a javascript object */
6. .each(session, function (session_key, session_val) {
7. $("#user").append(
8. '<li class="dropdown"><a href="#" class="dropdown-toggle pr-0" data-toggle="dropdown"><i class="fa fa-user top-nav-icon text-success mr-10"></i>' + session.firstname + '</a></li>'
9. );
10. });
11. });
12. });
13. </script>
This is outputting the firstname multiple times. What am I doing wrong?

How to append data to bootstrap data table?

[14Replies]

20-Mar-2018 11:02 PM
Forum: Using jQuery

I am getting the data to display but the table says "No data available in table" then it displays the database data and it does not allow me to do any of the built in features that come with the bootstrap data table like sort columns of pagination. Here is my code:

<div class="table-responsive">

<table id="datable_1" class="table table-hover display  pb-30" >

```
<thead>
```
```
<tr>
```
```
<th>Product</th>
```
```
<th>Variation</th>
```
```
<th>Department</th>
```
```
<th>Category</th>
```
```
<th>Air/Boat</th>
```
```
</tr>
```
```
</thead>
```
```
<tbody>
```
```
</tbody>
```

<script type='text/javascript'>

$(document).ready(function () {

/* call the php that has the php array which is json_encoded */

$.getJSON('dist/php/catalog.php', function (catalog) {

/* data will hold the php array as a javascript object */

$.each(catalog, function (catalog_key, catalog_val) {

$("table.table").append("<tr><td>" + catalog_val.item_name + "</td><td>" + catalog_val.variation + "</td><td>" + catalog_val.department + "</td><td>" + catalog_val.category + "</td><td>" + catalog_val.vessel_name + "</td></tr>");

```
});
```
```
});
```
```
});
```
```
</script>
```
```
</div>
```

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend