Convert error method in jQuery to Javascript

Question

I have the following code part written by my friend using jQuery in a project and I am trying to convert this to pure javascript so I can remove the jQuery file. I specially do not understand the .error() part. I have a very limited knowledge with Javascript and any help would be greatly appreciated.

function tripDestination(t, e) {
    var n = Math.floor(0x10000000000000000 * Math.random()).toString(36);
    n = t + "my?x=" + n, imageCell.empty(), imageCell.html("<img id='myImage' style='display: none'>");
    var a = $("#myImage");
    a.error(e), a.attr("src", n)
}

It is a small app that was written to ping some websites using javascript. Similar to the concept of this. jsfiddle.net/GSSCD/203 — Berglund
– Berglund, Commented May 10, 2020 at 1:27

Thalaivar · Accepted Answer · 2020-05-10 01:30:14Z

2

You can turn your jQuery into pure JS like below.

var a = document.getElementById("#myImage");
a.onerror = function(e){
  //display error
}; 
a.setAttribute("src", n)

edited May 10, 2020 at 1:30

answered May 10, 2020 at 1:23

Thalaivar

23.7k5 gold badges63 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mr Lister · Accepted Answer · 2020-05-11 16:51:33Z

1

var a = $("#myImage");
    a.error(e), a.attr("src", n)

The .error(e) is the function that should handle the error. e is passed into the tripDestination function.

Again with a.attr("src", n ) , it's assigning what's in n to the src attribute of the class "myImage"

I'm assuming there's a img tag <img class="myImage"> .

The javascript version of changing the src attribute is:

document.getElementById("myImage").src = "hackanm.gif";

you can do this to your <img> tag : <img id="myImage">

Regarding error handling for this:

var imgele = document.getElementById("myImage");

imgele.onerror = function(e){
  // console.log()
}; 

imgele.src = 'newimage.jpg';

edited May 11, 2020 at 16:51

Mr Lister

46.8k15 gold badges118 silver badges156 bronze badges

answered May 10, 2020 at 1:27

Chris Medina

3381 silver badge10 bronze badges

Collectives™ on Stack Overflow

Convert error method in jQuery to Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related