JavaScript

14-Nov-20 23:10

You probably need to talk to the owner of the git repository.

Js question

Member 1499144112-Nov-20 11:28

Member 14991441

12-Nov-20 11:28

Hi, I need help on this question

"We want to know whether to order a particular candy. We should make an order if the total number in stock (inStock) is less than the weekly average sold (weeklyAverage).

Create a function called shouldWeOrderThisCandy that takes in
the inventory array
a specific type of candy (string)
The function should find the candy in the array that matches the name passed in.

When that candy is found, return true if the number inStock is less than the weeklyAverage. Otherwise return false.

If the array doesn't have any candy with that name, return false

This is what I have so far.

function shouldWeOrderThisCandy(inventory, string) {
for (let i = 0; i < inventory.length; i++) {
if (inventory[i] === string && inStock < weeklyAverage) {
return true;
} else {
return false;
}
}
return false
}

Re: Js question

Richard MacCutchan12-Nov-20 22:44

12-Nov-20 22:44

So what help is it that you need?

too many scripts?

Member 1469595610-Nov-20 23:18

Member 14695956

10-Nov-20 23:18

Hi My modal popup has stopped working I think it could be because I have loaded similar scripts but new to this so don't know. These are the scripts that my _layout.cshtml tries to load:

<script src="/Scripts/jquery-1.10.2.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.4.3/js/tabulator.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.4.3/css/bootstrap/tabulator_bootstrap.min.css" rel="stylesheet" />
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="/Scripts/jquery.signalR-2.1.1.js"></script>

The error I get is:
Uncaught TypeError: jQuery(...).modal is not a function
at Object.success (Create:34323)
at fire (jquery-1.10.2.js:3048)
at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3160)
at done (jquery-1.10.2.js:8235)
at XMLHttpRequest.callback (jquery-1.10.2.js:8778)

Richard Deeming10-Nov-20 23:42

10-Nov-20 23:42

Are you sure that the jQuery UI script is being loaded before the script which tries to create or show the jQuery UI Modal?

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Member 1469595611-Nov-20 0:37

Member 14695956

11-Nov-20 0:37

I can not be sure but I have it working again now. I have changed the order of the scripts to the following:

<script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.4.3/js/tabulator.min.js"></script>
     <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="~/Scripts/jquery.signalR-2.1.1.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.4.3/css/bootstrap/tabulator_bootstrap.min.css" rel="stylesheet" />

Many thanks

Sandeep Mewara10-Nov-20 23:46

Sandeep Mewara

10-Nov-20 23:46

Member 14695956 wrote:
<script src="/Scripts/jquery-1.10.2.js"></script>

My guess, yuor jQuery version is quite old. Try latest and see. Current version: Download jQuery | jQuery

Quick check try:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

Also, make sure reference to bootstrap JavaScript is after jquery file reference.

Latest CodeProject post:
Linear Time Partition – A Three Way Split
Dynamic Programming – What, How & When

To read all my blog posts, visit: Learn by Insight...

[Vanilla Javascript Newbie] How to access a function of a function from a part of code oustide this function

Member 1469595611-Nov-20 0:35

Member 14695956

11-Nov-20 0:35

Hi Thanks for your reply I needed to keep this version of Jquery due to the fact that I am using signalr and I could only get it to work with this version. I have found a work around by not using jquery-confirm.min.js as this seems to also conflict. and use a Modal form as my alert box. May not be the neatest but it works.

GlowWurm19778-Nov-20 11:03

GlowWurm1977

8-Nov-20 11:03

Hi,

I am almost new with javascript.

I finally succeeded to write the foundation of a small javascript game but I am blocked at one point.

My question is simple: how can I call the function quitGame() from outside the Game() function?

[code]

var settings = "blablah";

new Game(settings);

...

quitGame(settings) // ERROR: "Uncaught TypeError: quitGame is not a function at HTMLDocument.<anonymous>"

var Game = function(settings) {

... 

    function quitGame(settings) {

        ...
         
    }

}

[/code]

I would be thankful for any help or comment about my code.

I wish you a pleasant lockdown, stay safe Smile | :)

Re: [Vanilla Javascript Newbie] How to access a function of a function from a part of code oustide this function

Richard MacCutchan8-Nov-20 22:58

Re: [Vanilla Javascript Newbie] How to access a function of a function from a part of code oustide this function

8-Nov-20 22:58

See JavaScript Functions[^]

Richard Deeming9-Nov-20 23:07

9-Nov-20 23:07

Working with objects - JavaScript | MDN[^]

The simplest option:

JavaScript

var Game = function(settings) {
    ... 

    this.quitGame = function(settings) {
        ...
    }
};

var settings = "blablah";
var game = new Game(settings);
...
game.quitGame(settings);

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Get image extension

Valentinor4-Nov-20 4:10

4-Nov-20 4:10

Is there a way to get the extension of an image if you know it's link? At first I thought of splitting the string with . and get the last part, but the problem with this is that there are some links that don't include the extension at the end so this is not an universal solution.
Because I know the link each time, is there something I can do with an image object (new Image), or how else can I get the extension? All the results I got were to check if it is an image but not it's extension, or the one I explained above, but that won't work in every scenarios.

This will be done in a extension for Firefox.

modified 9-Nov-20 16:23pm.

Blanksy8-Nov-20 12:12

Blanksy

8-Nov-20 12:12

mebbe something like...

file = url.split('/').pop();

Valentinor8-Nov-20 20:33

8-Nov-20 20:33

Unfortunately like I said, there are some website where the file name and the extensions is not included into the link, so there is nothing to split to get them.

But even then, if you use the built-in "Save Image As...", the browser still knows what those are, so there has to be a way to do it.

Richard Deeming8-Nov-20 22:53

8-Nov-20 22:53

The browser doesn't use the image extension; it uses the MIME-type, which is supplied in the Content-Type header.

To read this from Javascript, either the image will need to be on the same domain as your page, or the remote domain will need to set the CORS headers to allow your site to request the image.

Cross-Origin Resource Sharing (CORS) - HTTP | MDN[^]
image - How to get <img> content-type using javascript after loading - Stack Overflow[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Valentinor9-Nov-20 6:43

9-Nov-20 6:43

Richard Deeming wrote:
To read this from Javascript, either the image will need to be on the same domain as your page, or the remote domain will need to set the CORS headers to allow your site to request the image.

Because this will not work in Javascrip with all websites which we actually need, in what other language can it be done?
I do apologies, web applications is not what I normally do, but this time I have to do it and learn for the future, maybe I'll run into something similar.

Richard Deeming9-Nov-20 6:58

9-Nov-20 6:58

You'd have to write something on the server - eg: ASP.NET, PHP, etc. Basically, any server-side language that can make a HEAD request and read the headers from the response.

For example, in C#:

public static async Task<string> GetContentType(HttpClient client, string url)
{
    if (string.IsNullOrEmpty(url)) throw new ArgumentNullException(nameof(url));
    if (!Uri.TryCreate(url, UriKind.Absolute, out var uri)) throw new ArgumentException("Invalid URL", nameof(url));
    
    using (var request = new HttpRequestMessage(HttpMethod.Head, uri))
    using (var response = await client.SendAsync(request, HttpCompletionOption.ResponseHeadersRead))
    {
        response.EnsureSuccessStatusCode();
        return response.Content.Headers.ContentType.MediaType;
    }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Valentinor9-Nov-20 11:31

9-Nov-20 11:31

We don't have any control over the server, this is goin to be done in a extension for Firefox. We added a new contextMenu for images only, and from that we can get the Url, but as I said in the first thread there are some websites that don't add the name and the extension directly into the link (example.com/image.jpg / example.com/someImage), so we need to find another way to get them when the user right click's on it.

Richard Deeming9-Nov-20 22:36

9-Nov-20 22:36

Once again, there may not be an image extension. You will have to use the content type.

It looks like it is possible to request extra permissions to your extension to bypass CORS restrictions for certain domains:
permissions - Mozilla | MDN[^]

But it may be easier to intercept the network requests from your extension:
Intercept HTTP requests - Mozilla | MDN[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Valentinor10-Nov-20 5:10

10-Nov-20 5:10

Richard Deeming wrote:
But it may be easier to intercept the network requests from your extension:
Intercept HTTP requests - Mozilla | MDN[^]

I'll try this and see if I manage to make something using it. I first thought this whole thing will be something easy. Smile | :)

function with OR

Member 1497891029-Oct-20 10:30

Member 14978910

29-Oct-20 10:30

Hello all,

I would like to ask you for a help. I would like make a function for add a class. For interactive map. It means there will be a few segments and ONCLICK will be ADD CLASS.

I used this code:

JavaScript

function myFunction() {
    document.getElementById("praha").className = "show";
  }

It works, but only for 1st segment.

I would like to use something like OR. I tried this:

JavaScript

function myFunction() {
    document.getElementById("praha").className = "show"; ||
    document.getElementById("stredniCechy").className = "show";
  }

JavaScript

function myFunction() {
    document.getElementById("praha"||"stredniCechy").className = "show"; 
  }

But both of them doesnt works... Could someone give me an advice and help me with it Smile | :)

?
Many thanks

Re: function with OR

Richard MacCutchan29-Oct-20 11:41