Barre de navigation sans contenu de la page Rafraîchissant

Question

je la structure de lien suivant (barre de navigation) sur une page:

<table border="0"> 
    <tr> 
    <td><?php if ($pageNum_get_thumbs > 0) { // Show if not first page ?> 
     <a href="<?php printf("%s?pageNum_get_thumbs=%d%s", $currentPage, 0, 
    $queryString_get_thumbs); ?>"><img src="First.gif" /></a> 
     <?php } // Show if not first page ?></td> 
    <td><?php if ($pageNum_get_thumbs > 0) { // Show if not first page ?> 
     <a href="<?php printf("%s?pageNum_get_thumbs=%d%s", $currentPage, 
    max(0, $pageNum_get_thumbs - 1), $queryString_get_thumbs); ?>"><img 
    src="Previous.gif" /></a> 
     <?php } // Show if not first page ?></td> 
    <td><?php if ($pageNum_get_thumbs < $totalPages_get_thumbs) { // Show if 
    not last page ?> 
     <a class="nav_link" href="<?php printf("%s?pageNum_get_thumbs=%d%s", 
    $currentPage, min($totalPages_get_thumbs, $pageNum_get_thumbs + 1), 
    $queryString_get_thumbs); ?>"><img src="Next.gif" /></a> 
     <?php } // Show if not last page ?></td> 
    <td><?php if ($pageNum_get_thumbs < $totalPages_get_thumbs) { // Show if 
    not last page ?> 
     <a href="<?php printf("%s?pageNum_get_thumbs=%d%s", $currentPage, 
     $totalPages_get_thumbs, $queryString_get_thumbs); ?>"><img 
    src="Last.gif" /></a> 
     <?php } // Show if not last page ?></td> 
    </tr> 
</table> 

Est-il possible que l'on peut cliquer sur des liens sans rafraîchir la page entière? Voici ce qu'il ressemble à la page:

J'ai essayé Ajax (GET onclick méthode) et d'autres suggestions de divers sites, mais je suis pas avoir de chance.

Answer 1

Lier un événement de liaison pour lier et transmettre javascript: void (0) dans href. comme indiqué ci-dessous, cela arrêtera l'actualisation de la page.

<a href="javascript:void(0)" onclick="yourFunction(params)"><img src="First.gif" /></a> 

et de créer votreFonction (params) dans le code.

javascript: void (0) arrête l'actualisation de la page. Et onclick se fera virer une fois que vous aurez cliqué sur le lien, Vous pouvez y écrire votre logique restante.

Vous pouvez écrire le lien comme montré ci-dessous.

<a href="javascript:void(0)" onclick="yourFunction(<?php printf("%s?pageNum_get_thumbs=%d%s", $currentPage, 0, 
    $queryString_get_thumbs);)"><img src="First.gif" /></a> 

Et fonctionnent comme ci-dessous.

function yourFunction(params){ 

window.location.href = params;// or any other logic as per your requiriement; 
} 

Answer 2

C'est ce qui a fonctionné:

J'ai ajouté une variable appelée params:

$params = explode("&", $_SERVER['QUERY_STRING']); 

ensuite changé le lien vers:

<a onclick="next_slide('<?php printf("%s?pageNum_get_thumbs=%d%s", 
$currentPage, min($totalPages_get_thumbs, $pageNum_get_thumbs + 1), 
$queryString_get_thumbs); ?>')" href="#">Next</a> 

Puis j'ai ajouté le script JQuery:

<script type="text/javascript"> 
function next_slide(params) { 
    $('#container').load('<?php printf("%s?pageNum_get_thumbs=%d%s", 
$currentPage, min($totalPages_get_thumbs, $pageNum_get_thumbs + 1), 
$queryString_get_thumbs); ?>'); 

} 

</script> 

Toutes les images se trouvent dans le conteneur DIV et se répètent trois à la fois.

Et voilà! Ça marche! Espérons que cela peut aider quelqu'un à l'avenir et empêcher alors de se taper la tête contre les devrocks $