PHP de la Page de chargement/de rafraîchissement de position exacte

Ce que je suis en train de faire est de passer d'un utilisateur à un script php via a href lien, puis passé à exactement la même position qu'ils ont été à l'avant ils ont cliqué sur le lien, comme la page n'a pas été actualisé. Personne ne sait si ou comment cela pourrait être possible possible? Merci.

OriginalL'auteur user2516546 | 2013-07-09

8

À l'aide de HTML, vous pouvez avoir la suite
```
<p id='open_here'><a href='script.php'> Send to script </a> </p>
```
Et puis vous pouvez lier de nouveau à cet endroit exact avec
```
<a href="mypage.html#open_here">Send Back to page</a>
```
Donc, essentiellement, au lieu d'utiliser un lien régulier comme dans le previuos extrait de code, vous pouvez rediriger vers la page à l'aide de
```
//php redirect
<?php header('Location: mypage.html#open_here'); ?>

//Javascript redirect
<script type='text/javascript'>
    window.location = "mypage.html#open_here";
</script>
```
Merci Richard. J'avais pensé que si le faire de cette façon, mais je me demandais juste si il y avait un plus moyen de le faire. Comme une sorte de javascript fausse déclaration, mais en php!
Je ne crois pas que vous allez faire que dans le strict php. Si vous utilisez jQuery scrollTop sans argument pour obtenir son actuelle position de défilement verticale et ensuite utiliser scrollTop à nouveau avec la position comme un argument pour passer à cette position dans la page. Vous pouvez soit exécuter le php via ajax et sur le succès déplacer à cette position, ou vous pourriez passer de la position dans le script et à l'arrière. Qui pourrait être en désordre sur son propre bien qu'

OriginalL'auteur Richard Abercrombie

Si vous n'avez pas l'esprit en ajoutant un peu de Javascript pour le faire fonctionner, voici une solution qui permettra de rediriger retour à exactement la même barre de défilement de la position que lorsque l'utilisateur clique sur le lien.

index.php (le fichier où le lien est)

<script>
    window.addEventListener('load', function() {
        //Do we have a #scroll in the URL hash?
        if(window.location.hash && /#scroll/.test(window.location.hash)) {
            //Scroll to the #scroll value
            window.scrollTo(0, window.location.hash.replace('#scroll=', ''));
        }

        //Get all <a> elements with data-remember-position attribute
        var links = document.querySelectorAll('a[data-remember-position]');

        if(links.length) {
            //Loop through the found links
            for(var i = 0; i < links.length; i++) {
                //Listen for clicks
                links[i].addEventListener('click', function(e) {
                    //Prevent normal redirection
                    e.preventDefault();

                    //Redirect manually but put the current scroll value at the end
                    window.location = this.href + '?scroll=' + window.scrollY;
                });
            }
        }
    });
</script>

page.php (le script PHP qui redirige arrière)

<?php

//Get the provided scroll position if it exists, otherwise put 0
$scrollPos = (array_key_exists('scroll', $_GET)) ? $_GET['scroll'] : 0; 

//Redirect back to index.php and provide the scroll position as a hash value
header('Location: index.php#scroll='.$scrollPos);

Espère que cela aide! 🙂

OriginalL'auteur Jesper Lindström

1

Je suis juste à répandre des idées ici, mais je voudrais utiliser javascript pour intercepter le clic de l'utilisateur sur le href, et .preventDefault premier. Alors figure où l'utilisateur est sur la page. Peut-être par de diviser la page en sections, identifié par Id. Votre balisage html serait quelque chose comme
```
<div id="section-1"></div>
<div id="section-2"></div>
<div id="section-3"></div>
```
ainsi, lorsque javascript empêche le lien de l'exécution, il serait de savoir dans quelle section, l'utilisateur ne l'est actuellement. Disons que nous nous connaissons hauteur de la section. Ensuite, nous avons besoin de trouver la position de la barre de défilement. Je ne l'ai pas fait, mais jetez un oeil ici
```
http://api.jquery.com/scrollTop/
```
Une fois que nous connaissons la hauteur de chaque section et une fois que nous pouvons détecter l'emplacement de la barre de défilement est, nous pouvons déterminer dans quelle section, l'utilisateur réside. Ensuite, nous allons chercher l'url de la href lien et ajouter une chaîne de requête, comme par exemple, http://something.com/script.php?section=2 et rediriger l'utilisateur avec toutes les données que vous voulez . Puis une fois que le script a terminé son travail d'ajouter la chaîne de requête pour la redirection d'url et de rediriger l'utilisateur de retour avec quelque chose comme http://something.com#section-2 et l'utilisateur sera immédiatement pop à la section 2

Je sais que ce n'est pas une réponse très précise, mais j'espère que je vous ai donné quelques pistes et idées sur la façon de l'accomplir. Permettez-moi de savoir comment il fonctionne!

OriginalL'auteur Evaldas Raisutis

J'avais eu à se souvenir de la position de défilement pour un <select>. L'exemple ci-dessous. Trois
boutons de soumission pour illustrer pourquoi il y a trois getElementById. Pour voir
il fonctionne, vous devez déplacer la barre de défilement première

<?php
$scrollusObscura=$_GET["imgbtn"];
$header = <<<EOD
<!DOCTYPE html>
<html>
<head>
<title>snk_db</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<head>
<script>
function gety(){
var y=document.getElementById('myUlID').scrollTop;
document.getElementById('imgbtn1').value=y; 
document.getElementById('imgbtn2').value=y;
document.getElementById('imgbtn3').value=y;
}
function itemRelevatur(scrollum){
document.getElementById('myUlID').scrollTo(0, scrollum);
}
</script>
</head>
<body  onload="itemRelevatur({$scrollusObscura})" >
EOD;
$html= <<<EOD
<div >
<select size="6" id="myUlID" name="myUlName" onscroll="myTimer = setInterval(gety, 300)">
<option>'1'</option>
<option>'2'</option>
<option>'3'</option>
<option>'4'</option>
<option>'5'</option>
<option>'6'</option>
<option>'7'</option>
<option>'8'</option>
<option>'9'</option>
<option>'10'</option>
<option>'11'</option>
<option>'12'</option>
<option>'13'</option>
<option>'14'</option>
<option>'15'</option>
<option>'16'</option>
<option>'17'</option>
<option>'18'</option>
<option>'19'</option>
</select>
</div>
EOD;
$html1= <<<EOD
<div><form method='GET' action'myscript.php'>
<input type='hidden' name='imgbtn' id='imgbtn1' value=''></input>
<input type='submit'  value='Submit' ></input>
</form>
EOD;
$html2= <<<EOD
<form method='GET' action'myscript.php'>
<input type='hidden' name='imgbtn' id='imgbtn2' value=''></input>
<input type='submit'  value='Submit' ></input>
</form>
EOD;
$html3= <<<EOD
<form method='GET' action'myscript.php'>
<input type='hidden' name='imgbtn' id='imgbtn3' value=''></input>
<input type='submit'  value='Submit' ></input>
</form></div>
EOD;
echo $header;
echo $html;
echo $html1;
echo $html2;
echo $html3."</body></html>";

OriginalL'auteur Per Funke

Vous devez vous connecter pour publier un commentaire.