Very diffivult task

pastet89

Hello!
I hava a very difficult task here to solve. Actually I am not sure if there is no Javascript needed in it, but if you can, please, help me.
See that link:
http://livescore-bg.net/new
Do you see the main scroling div with all the matches played in it in the center of the page? My purpos is to make so, that when you have scrolled to some place in it, and the browser refreshes, after taht refreshing you to be on the same place in the scrolling div as you have been before the browser had refreshed. If that was not a div inside the page, but the main page - there is ni problem, browsers automaticcaly place you in the same place of the page you have been before it have been refreshed. But here I want the browser to put you on the same area of the scrolling div! I have just the ideq to segment the scrolling div in areas named with name="sth" and then after the browser refreshes to refresh to the url:cuurentpage.php#the_area_you_were_on_before_refreshing. But I have no idea how to put that information inthe refresh tag...
Actually I am almost sure that this is imposible with only PHP if it is possible at all, but if you have nay ideas, please help!

cahva

Well if I were you, I would just refrest the div with javascript and not refresh the whole page. I use Jquery to do this. Heres an example:

(these would be inside <head></head> tags)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
$(function() {
	window.setInterval("refresh_results()", 5000); // call refresh_results in 5000 millisecond interval(5 seconds)
});

function refresh_results()
{
	$('#results').load('results.php'); // refresh element with id="results" with content of results.php
}
</script>

With this kind of refresh, nothing will move and only the div with id="results" will be refreshed. Also the scroll stays where it is.

For more of jquery, visit: http://jquery.com/

pastet89

Thanks a lot, my friend, but I am afraid that is not working properly...
You can see the page:
http://livescore-bg.net/new
and the div now is refreshing again but the scroll still is on its begining and no on the place I were before it had refreshed... Do you have any other idea? :queasy: 😕

cahva

The page is the same as before? I see the whole page refreshing like before. Add the "ajaxified" page and give me the url so I can have a looksee.

pastet89

Hello, my friend🙂 I found the solution in another way: Javascript.
<head>:

<script language="javascript">

// function saves scroll position
function fScroll(val)
{
    var hidScroll = document.getElementById('hidScroll');
    hidScroll.value = val.scrollTop;
}
 var seconds = 5; 
 window.setTimeout( 'autoRefresh();', 1000 * seconds );
    function autoRefresh() {
        document.forms['myforms'].submit();
    }
<?php if($_POST['a']) {
?>
// function moves scroll position to saved value
function fScrollMove(what)
{
    document.getElementById('scrollDiv').scrollTop = <?php echo $_POST['a']; ?>;
}
<?php
}?>
</script>

inside <body>:

<?php if($_POST['a']) { echo "onload=" fScrollMove('scrollDiv');\""; } ?>"

<body>:

<form method="POST" action="index.php<?php if($_GET['page']) { echo "?page=" . $_GET['page']; } ?>" name="myforms">
<input type="hidden" id="hidScroll" name="a">
   	<div id="scrollDiv"  onscroll="fScroll(this);">
//here go a lot of results
</div>
		</form>

I am now trying just to get the form submited not on timeout, but on every refresh of the page! I tried with onunload="document.forms['myforms'].submit();"
but it is not working!
Ideas?