<html>
<script>
categedata = 'data';
function trig() {
alert(categchange);
if (categedata == 'data2') {
$('#data2').scrollLoad({
url:'load_more_data2.php',
//your ajax file to be loaded when scroll breaks ScrollAfterHeight
type:'POST',
data:'',
start:function () {
$('<div class="loading"><img src="bigLoader.gif"/></div>').appendTo(this);
// you can add your effect before loading data
},
ScrollAfterHeight:95,
//this is the height in percentage after which ajax stars
onload:function (data) {
$(this).append(data);
$('.loading').remove();
}, // this event fires on ajax success
continueWhile:function (resp) {
if ($(this).children('li').length >= 100) {
// stops when number of 'li' reaches 100
return false;
}
return true;
}
});
}
if (categedata == 'data') {
$('#data').scrollLoad({
url:'load_more_data.php',
//your ajax file to be loaded when scroll breaks ScrollAfterHeight
type:'POST',
data:'',
start:function () {
$('<div class="loading"><img src="bigLoader.gif"/></div>').appendTo(this);
// you can add your effect before loading data
},
ScrollAfterHeight:95,
//this is the height in percentage after which ajax stars
onload:function (data) {
$(this).append(data);
$('.loading').remove();
}, // this event fires on ajax success
continueWhile:function (resp) {
if ($(this).children('li').length >= 100) {
// stops when number of 'li' reaches 100
return false;
}
return true;
}
});
}
}
</script>
<div id="div" document.getElementById('data2').id='data';changedata='data';trig();ajaxrequest('file1.php', 'data');"></div>
<div id="div2" document.getElementById('data').id ='data2'; categedata='data2';trig();ajaxrequest('file2.php', 'data2');"></div>
<div id="data"></div>
</html>
If I click on div2 will load 'load_more_data2.php'. But if i click on div after div2 will load the same 'load_more_data2.php' instead of 'load_more_data.php'. What i can do? Second question: How I can send POST/GET data using this script?