CabrestoSexy
Power Member
Boas pessoal
É o seguinte, eu vi um site que gostei imenso da forma de como ele troca de pagina sem fazer refresh
Investiguei um bocado e descobri que penso que seja por uma função chamada Ajax Handler,
O site em questão é este: http://ataria3.net
Abrir o codigo fonte dele, e reparei que lá no link que aponta para o script panama.js e estava la o script
O Script em questão penso que seja este
E eu gostava que me ajudassem a saber como é que ele está a funcionar
Mais abaixo la quase no fim do panama.js eu reparei que tem lá um script tambem que é capaz de ter a ver com esse de cima...
Que é este
Agora... quanto a esse segundo script, eu penso que tenho um "igual" mas feito em php que é este
Será que dá para darem ai um empurrãozinho ?
Ou então se for muito complicado aproveitar esse codigo, se me puderem ajudar a criar um ajax hander do 0 assim com o mesmo efeito desse site talvez menos complexo que esse tambem era muito fixe
É o seguinte, eu vi um site que gostei imenso da forma de como ele troca de pagina sem fazer refresh
Investiguei um bocado e descobri que penso que seja por uma função chamada Ajax Handler,
O site em questão é este: http://ataria3.net
Abrir o codigo fonte dele, e reparei que lá no link que aponta para o script panama.js e estava la o script
O Script em questão penso que seja este
Código:
var last_page = "";
var pageurl = "";
var history_back_page = "";
var current_pid = 0;
$(document).ready(function () {
$(function(){
$(document).on("click", "a[rel='panama']", function(event) {
//e.preventDefault();
/*
if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content;
if commented, html5 nonsupported browers will reload the page to the specified link.
*/
//get the link location that was clicked
if(pageurl != "") {
history_back_page = pageurl;
}
pageurl = $(this).attr('href');
loadPage(pageurl,1);
return false;
});
});
});
E eu gostava que me ajudassem a saber como é que ele está a funcionar
Mais abaixo la quase no fim do panama.js eu reparei que tem lá um script tambem que é capaz de ter a ver com esse de cima...
Que é este
Código:
function loadPage(page,pushit) {
pageurl = page
if(last_page!=pageurl) {
last_page = pageurl;
loading(true);
$(".loadingbox_extended").fadeIn(150);
//to get the ajax content and display in div with id 'content'
$("#js_content").slideUp(700,function() {
var request = $.ajax({
url: "ajax.php",
type: "GET",
cache: false,
data: "method=page&"+pageurl.replace('?','').replace('/',''),
dataType: "html"
});
request.done(function( msg ) {
$(".loadingbox_extended").fadeOut(150);
$( "#js_content" ).html( msg ,function() {
});
$("#js_content").slideDown(120,function() {loading(false);});
});
request.fail(function( jqXHR, textStatus ) {
$(".loadingbox_extended").fadeOut(150);
$( "#js_content" ).html(" <h2>Die Seite ist gerade nicht erreichbar</h2><br><br>");
$("#js_content").slideDown(120,function() {loading(false);});
});
});
}
if(pushit == 1) {
historyBool = false;
//to change the browser URL to 'pageurl'
//window.history.pushState({path:pageurl},'',pageurl);
if(changeHash) {
History.pushState(null,'Ataria3',pageurl);
}
// History.pushState(null, Title, urlPath);
historyBool = true;
}
}
Agora... quanto a esse segundo script, eu penso que tenho um "igual" mas feito em php que é este
PHP:
$includeDir = ".".DIRECTORY_SEPARATOR."pages".DIRECTORY_SEPARATOR;
$includeDefault = $includeDir."home.php";
if(isset($_GET['s']) && !empty($_GET['s']))
{
$_GET['s'] = str_replace("\0", '', $_GET['s']);
$includeFile = basename(realpath($includeDir.$_GET['s'].".php"));
$includePath = $includeDir.$includeFile;
if(!empty($includeFile) && file_exists($includePath))
{
include($includePath);
}
else
{
include($includeDefault);
}
}
else
{
include($includeDefault);
}
Será que dá para darem ai um empurrãozinho ?
Ou então se for muito complicado aproveitar esse codigo, se me puderem ajudar a criar um ajax hander do 0 assim com o mesmo efeito desse site talvez menos complexo que esse tambem era muito fixe
Se quiserem depois posso dar uma recompensazita
Última edição: