Accueil > Forum > > > > Positionnement à l'ouverture
 Positionnement à l'ouverture
samedi 3 avril 2010 à 10:59:24 |
Positionnement à l'ouverture
jantonazzo
|
Bonjour à tous,
J'aimerai, à l'ouverture de ma page, que le navigateur deroule automatiquement la page à 200px du bord haut.
Un peu le meme systeme que les ancres mais en javascript ou autre mais que ça ne soit pas visible dans l'url (ce qui se passe avec les ancres).
Si quelqu'un à une idée.
Merci d'avance!
|
|
lundi 5 avril 2010 à 22:38:12 |
Re : Positionnement à l'ouverture
PetoleTeam
|
Bonjour,
est ce la bonne solution que de scroller de 200px, que ce passe t-il si la résolution écran n'est pas la même que toi.
Il me semble préférable de repérer la position que tu souhaites atteindre puis de scroller à cette position.
Il suffit de mettre un balise avec une ID et sur le onload du document de récupérer sa position et de scroller.
;O)
|
|
mardi 6 avril 2010 à 09:16:17 |
Re : Positionnement à l'ouverture
jantonazzo
|
Oui, c'es la solution la plus simple que j'ai trouvé.
<BODY onLoad="document.location.href=\'#ancre\'">
<a name="ancre"></a>
Merci. |
|
mardi 6 avril 2010 à 22:25:51 |
Re : Positionnement à l'ouverture
PetoleTeam
|
Bonjour,
c'est effectivement bien plus simple.
Mets ta réponse en acceptée elle pourra aider d'autres personnes.
;O)
|
|
mercredi 7 avril 2010 à 08:58:54 |
Re : Positionnement à l'ouverture
jantonazzo
|
En fait, un bug important avec cette solution apparait sur Safari.
Safari revient à l' "index".
Aurais tu une autre solution?
Merci d'avance.
|
|
mercredi 7 avril 2010 à 18:08:48 |
Re : Positionnement à l'ouverture
PetoleTeam
|
Bonjour,
Je viens de tester sous Safari, ver. 4.0.3, et je n'ai pas observé ce "BUG".
Par contre dans tous les cas l'adresse dans la barre d'adresse est modifiée ce qu'il me semble tu ne voulais pas.
On en reviens à la solution que je t'ai proposé, en première instance, à savoir mettre une ID sur l'ancre, récupérer sa position et scroller la fenêtre.
;O)
|
|
mercredi 7 avril 2010 à 18:11:55 |
Re : Positionnement à l'ouverture
jantonazzo
|
Ok, ta solution est très bien, mais tu fais comment pour récupérer l'id de l'ancre et scroller automatiquement?
Tu peux me mettre un exemple stp?
Merci d'avance!
|
|
mercredi 7 avril 2010 à 18:30:33 |
Re : Positionnement à l'ouverture
PetoleTeam
|
Bonjour,
la récupération ce fait avec la méthode la plus utilisée( *) de javascript à savoir getElementById, qui s'applique aux objets et il suffit donc que l'ancre est une ID
Le scroll s'effectura en utilisant la méthode scrollTo de l'objet window
la fonction pourrait ressembler à un ruc du style
Code Javascript : //-----------------------
function ScrollPage( id_){
//-- Recup l'objet dont l'ID est passee en parametre
var Obj = document.getElementById( id_);
//-- Si existe on ne sait jamais !!
if( Obj){
//-- Recup de la position en Y
var Top = Obj.offsetTop;
//-- Scroll de la page
window.scrollTo( 0, Top);
}
} |
|
Cette discussion est classée dans : ouverture, page, ancres, positionnement
 Répondre à ce message
 Sujets en rapport avec ce message
Ouverture d'une fenêtre dans une frame lors de la fermeture d'une autre fenêtre [ par Warwick ]
Bonjour, j'ai une petite question...Je ferme la page titi.html grace à la fonction window.close, et je souhaiterais ouvrir en même dans la frame bienv
Minimiser une page pour son ouverture [ par ypothier ]
BonjourEst-ce que quelqu'un connait un moyen pour quand j'ouvre une page, elle soit minimiser (qu'elle soit réduite, qu'elle apparaîsse seulent dans l
pb d'ouverture de popup sans option [ par hikker ]
j'ai le pb suivant je n'arrive pas à afficher une page sans les options (scroll,barmenu...)voici mon code PopErreur = window.open(page,'','menubar=no,
Ouverture de 2 pages en simulatané à partir d'un seul lien ? [ par sattaz ]
Bonjour,Je ne suis pas expert dansle domaine du web mais je suis entrain de faire un site pour mon club d'aéromodélisme. Je voudrais savoir s'il est p
effet ouverture de page réactualisé [ par jlagabrielle ]
Bonjour !J'ai mis le script suivant pour ouvrir mes pages avec un effet mais l'effet n'a lieu que lors de la première ouverture de la page, quand je r
ouverture de popup [ par nejo ]
voila un script controllant l'affiche d'un popup'Name','toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,w
Pb ouverture excel depuis page html [ par alexmel ]
Bonjour, Dans une page html, à partir d'un lien, j'ouvre un classeur Excel, ce dernier lancant un userform à son ouverture.Le souci est que le classeu
ouverture d'une fenetre [ par rems02 ]
Bonjour,j'ai un lien publicitaire google sur ma page de ce typegoogle_ad_client = "...";google_alternate_ad_url = "...";google_ad_width = 468;google_a
Ouverture page avec Frames paramètrée [ par vdzh ]
VDZHvdzh@ifrance.comBonjour, débutant en JavaScript, je cherche comment résoudre mon Pb.Descriptif : J'ai une
Ouverture page [ par maximev ]
Je travaille actuellement sur un formulaire qui lorsqu'il est envoyé ouvre une nouvelle page. Une fois le travail de cette nouvelle page finie, elle s
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|