javascript - Auto Refresh No Scroll Best way to do this -


so i'm asking question again because no 1 has been able figure out. need refresh part of page every few seconds i've tried ajax, because requires .load , script file doesn't work, because refresh not changing time till test due on sections need refreshed. data coming access database , being displayed in browser. database made , changed piece of software records chemical concentrations of plating baths mathematical equations yuou program software, can setup schedules need followed fpr these tests. web browsers displays info. far can whole page refresh no scroll top code. auto refresh no scroll below

<script type="text/javascript">     function refreshpage () {         var page_y = document.getelementsbytagname("body")[0].scrolltop;      window.location.href = window.location.href.split('?')[0] + '?page_y=' + page_y;}      window.onload = function () {         settimeout(refreshpage, 1500);         if (window.location.href.indexof('page_y') != -1 ) {             var match = window.location.href.split('?')[1].split("&")[0].split("=");             document.getelementsbytagname("body")[0].scrolltop = match[1];          }     } </script>

i've tried ajax fade in , fade out see if working time not update code anove this. ajax code refresh div id below

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>   <script> var auto_refresh = setinterval( function () {          $('#drawrow').fadeout('slow').load('objectshellhtml.htm').fadein("slow");  }, 9000);  </script>

the info comes out of database script focus on brackets. [itemshtml] seems grab data while draw row draws columns above data. need info in brackets refreshed only. refreshes ie refresh button or auto refresh no scroll script top

<div id="drawrow"><script type="text/javascript">             drawrow ("",dummy1","dummy2","dummy3","dummy4","dummy5",1,-1,"dummy6",1,0,0,"dummy7");             [itemshtml]</script></div>

i have div tags section need refreshed said there no source file load data .load. there other way refresh data pushing refresh button on e or using first script posted, focusing refresh on drawrow part of page? main reason there lot of images , refresh no scroll seems flash if page not scrolled top big problem refreshing every 1.2 seconds i'm trying accomplish. i've tried using source file im writing in load .load doesn't work either. appreciated!!!

turns out can use ajax cannot select div page want load. can insert whole html page div select. there memory leak can't figure out???

    loc = window.location.pathname; //grabs page url pagediv1 = "#pagebody"; pathname = loc.substring(48, loc.lastindexof('.') + 4); //parses out url except htm file name settimeout (function() {        $(pagediv1).load(pathname, null, function() {                   });      },3000);

Comments

Post a Comment

Popular posts from this blog

php - get table cell data from and place a copy in another table -

two-part question: have 2 tables: 1 table items , other table selected items copied when add button clicked. after, when items wanted selected, there 'finished' button post items selected db. i started javascript didn't far @ because jquery seems better suited i'm not familiar it function addto() { var div = document.getelementbyid('fixeddiv','inside'); div.innerhtml = div.innerhtml + 'item added'; } <div id='fixeddiv'> <table align="center" id="tradee"> <th rowspan="2"> other item</th> <?php while($rowi =$item->fetch_assoc()) {?> <tr> <td> <?php echo $rowi['item_name']; ?> </td> <td><?php echo $rowi['item_description'];?></td> </tr> <?php } ?> </table> <br> <table align="center" id="tradetable"
Read more

javascript - Mootools wait with Fx.Morph start -

i trying var effect = new fx.morph(testmorph, { wait/delay 2 seconds before starting. ( fiddle here ) but when try .wait(2000) or .delay(2000) , or .wait(2000, effect) uncaught typeerror: object [object object] has no method 'delay' any ideas how working? code i'm using: var testmorph = document.id('testmorph'); var effect = new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start({ 'top': 20, 'opacity': 1 }).start({ 'border-color': '#a80025', 'color': '#a80025' }); effect.delay(2000); you can use combination of chain() , delay() achieve desired effect. new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start().chain(function(){ this.start.delay(2000,effect,{ //first }); }).chain(function(){ this.start({ //second }); }); the
Read more

php - Navigate throught databse rows -

i run image hosting site, , ive run problem. want make 2 buttons beside pic "next image" , "prev image". im new php/mysql , haveing troubles. check out got. use id (numbers) find correct row, have image name build next link. how make below query next , prev image names + ids? $query_next = ("select imageid, image_name images image_name = '$image_main' order imageid desc limit 1"); $query_prev = ("select imageid, image_name images image_name = '$image_main' order imageid asc limit 1"); // next $next = mysql_query($query_next); // prev $prev = mysql_query($query_prev); while ($row = mysql_fetch_assoc($next)) { $next = $row['image_name']; } while ($row = mysql_fetch_assoc($prev)) { $prev = $row['image_name']; } the html = > simple stuff. <a href="http://mysite.com/view_image/<?=$next?>">next image</a> <a href="http://mysite.com/view_image/<?=$pr
Read more