PHPOnlineSupport - Recent questions and answers in Javascript

Answered: json_encode Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

Thu, 03 Feb 2022 19:21:47 +0000

That JSON is already parsed. You dont need to parse it again which will produce that error. Remove that line and it should work ok.

Answered: Day.js date difference not working

Wed, 26 Jan 2022 21:34:31 +0000

In my experience, the day difference with format will not work. Its the same with moment.js and Day.js

Try this

    var date1 = dayjs(field_data);
    var date2 = dayjs();
    var diff = date1.diff(date2, 'day');

alert(diff);

Answered: Find difference between two dates

Wed, 26 Jan 2022 20:53:36 +0000

Yes, you can use Jquery calendar, Moment.js, Day.js etc

I personanlly recommend the Day.js as its very lightweight

<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script>dayjs().format()</script>

    const date1 = dayjs('2019-01-25')
    const date2 = dayjs('2019-01-26')
    var diff = date1.diff(date2, 'day')

Answered: Dynamically add textbox, input in html form using JavaScript.

Wed, 02 Jun 2021 08:48:53 +0000

var input = document.createElement("input");

input.setAttribute("type", "hidden");

input.setAttribute("name", "name_you_want");

input.setAttribute("value", "value_you_want");

//append to form element that you want .
document.getElementById("chells").appendChild(input);

Answered: How to add auto numbering column to a Jquery datatable?

Wed, 05 Dec 2018 05:57:07 +0000

$(document).ready(function() {
    var t = $('#example').DataTable( {
        "columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": 0
        } ],
        "order": [[ 1, 'asc' ]]
    } );
 
    t.on( 'order.dt search.dt', function () {
        t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
            cell.innerHTML = i+1;
        } );
    } ).draw();
} );

Answered: Strip the HTML from a string (extract only text content) in Javascript

Wed, 25 Jul 2018 22:43:35 +0000

If thats a <div> element. Please do the below.

alert($(this).find('div').html().replace(/<[^>]+>/g,''));

Answered: Find all parent elements with Jquery

Wed, 25 Jul 2018 21:49:40 +0000

Supply $(this) to the code below and you are good to go. Change the css code to your requirements as well.

$(this).parents('li').add(this).each(function()
{
$(this).css({"color": "red", "border": "2px solid red"});
});

Answered: Find all active links on a page with JS (not hashed '#')

Wed, 25 Jul 2018 21:17:48 +0000

$('a').each(function()
    {
      if (this.href[this.href.length -1] != '#')
      {
        alert(this.href.toLowerCase());
      }
    });

Answered: How to cancel/abort an Ajax request already happened, but that I have not yet received the response from?

Fri, 28 Jul 2017 10:54:13 +0000

jQuery Ajax methods return an XMLHttpRequest (or the equivalent) object, so you can just use abort()

$(document).ready(
    var xhr;

    var fn = function(){
        if(xhr && xhr.readyState != 4){
            xhr.abort();
        }
        xhr = $.ajax({
            url: 'ajax/progress.ftl',
            success: function(data) {
                //do something
            }
        });
    };

    var interval = setInterval(fn, 500);
);

Answered: jquery verify json string

Thu, 11 May 2017 06:21:22 +0000

Us this to verify.

function isJSON(str) 
{
    if( typeof( str ) !== 'string' ) { 
        return false;
    }
    try {
        JSON.parse(str);
        return true;
    } catch (e) {
        return false;
    }
}