load text file with button with Jquery

Question

I try to load a text file with button. Without button it works. But with button it doesn' t.

I have this:

$("#lesen").click(function () {
jQuery.get('movie.txt', function (data) {

        var lines = data.split("\n");

        $.each(lines, function (n, elem) {
            $('#content_area').append('<div>' + elem + '</div>');
        });

    });
});

and this is the html file:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script type ="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="Scripts/JFunc.js"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div>


      <input type="button" id="lessen" value="load"  />
    <div id="content_area"></div>
      </div>

    </form>


</body>
</html>

Thank you

I have it now like this:

$("#lessen").click(function () {
    alert('lsdjflkjsdf');
jQuery.get('movie.txt', function (data) {

        var lines = data.split("\n");

        $.each(lines, function (n, elem) {
            $('#content_area').append('<div>' + elem + '</div>');
        });

    });
});

but I even dont see the alert, when I activate the button

SLePort · Accepted Answer · 2016-12-17 15:10:49Z

2

Maybe a typo, your button id is lessen and your jQuery selector refers to #lesen:

$("#lesen").click(function () {

Try this:

$("#lessen").click(function () {

And to make sure the DOM is loaded before the script is executed, you should pass it as a callback to $(document).ready():

$(document).ready(function() {
  $("#lessen").click(function () {
    alert('lsdjflkjsdf');
    jQuery.get('movie.txt', function (data) {
      var lines = data.split("\n");
      $.each(lines, function (n, elem) {
        $('#content_area').append('<div>' + elem + '</div>');
      });
    });
  });
});

edited Dec 17, 2016 at 15:10

answered Dec 17, 2016 at 14:52

SLePort

15.5k3 gold badges40 silver badges45 bronze badges

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

1 Comment

SavantCodeEngineer Over a year ago

Thank you. That was it!!

Pankaj Kumar Gautam · Accepted Answer · 2016-12-17 15:03:11Z

1

You should write the same id names in both the files at every place you refer.

$("#lesen").click(function () {.....

Replace the above line with the below snippet in your jQuery code

$("#lessen").click(function () {.....

Actually you misspelt the id name #lessen in your JavaScript file @ line 1

answered Dec 17, 2016 at 15:03

Pankaj Kumar Gautam

3412 silver badges11 bronze badges

Comments

jobair ahmed · Accepted Answer · 2016-12-17 15:33:01Z

0

use this id = "lessen ".

$("#lessen").click(function () {
  //Your code hare . 
}

edited Dec 17, 2016 at 15:33

answered Dec 17, 2016 at 14:55

jobair ahmed

1211 silver badge9 bronze badges

Collectives™ on Stack Overflow

load text file with button with Jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related