[RESOLU] aller au contenu pour une page statique

José · août 2013

Bonjour

je cherche comment faire pour qu'une page statique s'affiche directement au contenu ( intégration de ('GOTO_CONTENT') dans un fichier static-perso.php ? )

merci de votre aide .

José

Jerry Wham · août 2013

J'ai pas compris ta question. Où veux -tu que la page statique s'affiche ?

José · août 2013

Désolé de ne pas avoir été plus clair. en fait je voudrais que la page statique s'affiche normalement , mais se positionne dès son affichage au niveau de la zone menu ou contenu;
ensuite l'utilisateur a la possibilité de remonter sa page avec la barre de glissement latéral.
peut être que cette question a déjà été posée .

José

José · août 2013

Je poursuis ma recherche, avec le lien suivant

[== PHP ==]
<a href="<?php $plxShow->urlRewrite('#static-width-sidebar') ?>" title="Contenu">Contenu</a>

ma page se positionne à l'endroit que je souhaite.

seulement je voudrais que ce positionnement se fasse au chargement de la page!
Quelqu'un a-t-il une solution?
merci par avance

Stéphane · août 2013

Bonjour José.
La seule solution pour t'en sortir est d'utiliser jQuery

<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div style="height:5500px"></div>
<div id="mondiv">
Contenu / Blabla
</div>
<script type="text/javascript">
$("html, body").animate({ scrollTop: $('#mondiv').offset().top }, 1000);
</script>
</body>
</html>

Il te faut donc avoir un élement html avec un id vers lequel aller au chargement de la page: ici une div avec l'id mondiv

$("html, body").animate({ scrollTop: $('#mondiv').offset().top }, 1000);

remplace dans la ligne ci-dessus #mondiv par le nom de ton id (en gardant le #)

tu peux changer la valeur 1000 en fin de ligne: c'est la vitesse du scroll. si tu mets 0, tu vas directement à la position de ta page. Avec la valeur 1000 ça fait une petite animation: à toi de voir.

Si tu veux tester ce code, dans un dossier créez un fichier htm ou php et copie dedans le code du début.
Ajoute dans le dossier la librairie jquery en adaptant dans le code le nom du fichier chargé: jquery-1.7.1.min.js

EDIT: pour télécharger la démo http://www.sendspace.com/file/mfugay

José · août 2013

Merci pour cette réponse rapide.

j'ai justement un doc de 300 pages sur JQuery que je n'ai pas encore digéré!

Mais je teste tout de suite ta solution et ça MARHE !!!!!

je place en début de page statique

[== PHP ==]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>

ensuite après mon div (comme sur ton exemple )

[== PHP ==]
<script type="text/javascript">
$("html, body").animate({ scrollTop: $('#mondiv').offset().top }, 0);
</script>

et ça fonctionne .

Un grand merci ( une fois encore )

[RESOLU] aller au contenu pour une page statique

Réponses