Two simultaneous javascripts actions

Question

1.00/5 (2 votes)

See more:

<table>
    <tr>
        <td>Matricule</td>
        <td>Nom</td>
        <td>Prenom</td>

    </tr>

</table>
<script src="~/Scripts/jquery-3.3.1.js"></script>
<script>


    content of the code  table 1

</script>


<table>
    <tr>
        <td>Id</td>
        <td>Niveau</td>
        <td>diametre</td>

    </tr>

</table>
<script src="~/Scripts/jquery-3.3.1.js"></script>
<script>


    content of the code  table 2

</script>

What I have tried:

I want it to have space between the display of the two tables.
But they too stick the posters

Posted 19-Dec-19 7:57am

Member 14663996

Add a Solution

Comments

Richard Deeming 19-Dec-19 14:10pm

There's nowhere near enough information here for anyone to help you. You need to clearly describe the problem, what you've tried, and where you're stuck.

And I suspect you may need to find a better translator: "they too stick the posters" doesn't make any sense to me.

Member 14663996 19-Dec-19 14:15pm

My problem is that I want to create space between the display of the two tables

Richard Deeming 19-Dec-19 14:18pm

That doesn't match your question title. :)

What have you tried? The usual approach would be to add a margin[^] to the tables.

You'll probably also run into problems with the scripts, because you seem to be including jQuery multiple times.

Member 14663996 19-Dec-19 14:24pm

Yes it's true I can't display the two tables with the same javascript function. I have to duplicate the javascript code although the code is the same

Richard Deeming 19-Dec-19 14:25pm

But you're including jQuery twice. You have two copies of:

<script src="~/Scripts/jquery-3.3.1.js"></script>

You only need to include it once.

Member 14663996 19-Dec-19 14:32pm

Matricule Nom Prenon
12 dada looll
14 mama papa

The value of the second table is display here(there is the problem)

Id Niveau diametre

i want to display the value here

Richard Deeming 19-Dec-19 14:40pm

Then there's something wrong with the "content of the code" blocks, which you haven't shown.

Member 14663996 19-Dec-19 14:43pm

$(function () {
$('[id*=ddlCountries]').change(function () {
var selectedCountry = $(this).find('option:selected').val();
if (selectedCountry != null && selectedCountry != '') {
$.getJSON('Home/GetEmployees', { country: selectedCountry }, function (response) {
if (response.length > 0) {
$("[id*=tblEmployees] tbody").empty();
var row;
$.each(response, function (index, item) {
row += "<tr><td>" + item.Id + "</td><td>" + item.Name + "</td></tr>"
})
$("[id*=tblEmployees] tbody").append(row);
}
});
}
});
});

Richard Deeming 19-Dec-19 14:45pm

That's not going to append to either table, since neither of them have an ID.

If they do have an ID, then you're using the wrong ID when you try to append the rows to the second table.

Member 14663996 19-Dec-19 14:54pm

yes they have the same id ,
it refers to changing the same list

Richard Deeming 19-Dec-19 14:58pm

So you've got two tables with the same ID.

You're inserting rows into tblEmployees.

And you don't see why the rows don't magically know which of the two tables with that ID they should be inserted into? 🤦‍♂️

IDs in an HTML document must be unique. When you're inserting the rows, use the ID of the table you want to insert the rows into.

Member 14663996 19-Dec-19 15:15pm

thank very much

ZurdoDev 19-Dec-19 16:42pm

If you want space between the tables add < br / >. Not sure why you are asking that.

Member 14663996 20-Dec-19 11:54am

I used the margins recommended to me by @Richard Deeming.

It actually solves my problem

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)