javascript - The Scroll Detect Multiply when it goes to bottom And the return data disappear -


the scroll detect multiply @ bottom , return data first comes disappear on next scroll have put append case in it. want display timeline data database on scroll down. comes value of start input hidden. goes , tells database display record. scroll detects multiply on scroll first , .append display record send start value.

function yhandler(){     // watch video line line explanation of code     // http://www.youtube.com/watch?v=ezirenzpml4     var wrap = document.getelementbyid('midcontent');     var contentheight = wrap.offsetheight;     var yoffset = window.pageyoffset;      var y = yoffset + window.innerheight;     if(y > contentheight){         var start = document.getelementbyid("start").value;         // create our xmlhttprequest object         var hr = new xmlhttprequest();          // create variables need send our php file         var url = "loadtimeline.php";          //var cityval = document.getelementbyid("city").value;         var vars = 'start='+start;         //"fullname="+fullname+"email="+email&+"password="+password&+"purpose="+purpose&+"agencyname="+agencyname&+"country="+country&+"city="+city;          hr.open("post", url, true);          // set content type header information sending url encoded variables in request         hr.setrequestheader("content-type", "application/x-www-form-urlencoded");          // access onreadystatechange event xmlhttprequest object         hr.onreadystatechange = function() {          if(hr.readystate == 4 && hr.status == 200) {                              //add class                             var idiv = document.createelement('div');                             idiv.id = 'block';                             idiv.classname = 'block';                             document.getelementbyid("datapost").appendchild(idiv);                             // create , append idiv                             var innerdiv = document.createelement('div');                             innerdiv.classname = 'block-2';                             theparent = document.getelementbyid("datapost");                             thekid = document.createelement("div");                             theparent.appendchild(thekid);                             var var1 = document.getelementbyid("start").value;                             var var2 = 10;                             var var3 = number(var1) + number(var2);                              //var var3  =  +var1 + +var2                              //var3 = parseint(var1,10) + var2;                              document.getelementbyid("start").value=var3;         var return_data = hr.responsetext;          //document.getelementbyid("datapost").innerhtml = return_data;         theparent.innerhtml = return_data;         }      }      // send data php now... , wait response update status div     hr.send(vars); // execute request     //document.getelementbyid("wrap").innerhtml = "";         // ajax call more dynamic data goes here         //wrap.innerhtml += '<div class="newdata"></div>';     }     var status = document.getelementbyid('status');     status.innerhtml = contentheight+" | "+y; } window.onscroll = yhandler;

the html sending value of start is:

the data return div name:

the php query is:

<?php if(isset($_post['start'])){         $start = $_post['start'];         $limit = 10;                 //wall post                 $wallpostquery = $db->query("select * `timeline` `onwall`='".$record['id']."' order id desc limit $start, $limit"); } } ?>


-

Comments

Post a Comment

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

i know it's possible put limit on file size content-length-range header. possible validate file type? https://docs.aws.amazon.com/amazons3/latest/dev/httppostforms.html#policyconditions i see there content-type header, if set say, audio/mp3 allow mp3 files , return error if file not mp3? i found previous question answers mention validating file size: s3 direct upload restricting file size , type you can specify content-type @ post request. you can specify @ signature, post must done content-type: { "expiration": "2007-12-01t12:00:00.000z", "conditions": [ {"acl": "public-read" }, {"bucket": "johnsmith" }, {"content-type: "audio/mp3"} ] } creating html form (using aws signature version 4) edit: @ previous question found, checking content-type.
Read more

c# - Check Keyboard Input Winforms -

i wondering if instead of doing this protected override void onkeydown(keyeventargs e) { if (e.keycode == keys.a) console.writeline("the key down."); } i set bool method , this: if(keydown(keys.a)) // whatever here i've been sitting here ages trying figure out how it. can't wrap head around it. in case wondering, plan call bool inside different method, check input. since want perform action after pressing key, using keydown event enough. but in cases suppose want check if specific key down in middle of process, can use getkeystate method way: [dllimport("user32.dll", charset = charset.auto, exactspelling = true)] public static extern short getkeystate(int keycode); public const int key_pressed = 0x8000; public static bool iskeydown(keys key) { return convert.toboolean(getkeystate((int)key) & key_pressed); } you should know, each time check key state using example iskeydown(keys.a) method returns true if ke...
Read more