Ajouter des ancres nommées dans Sharepoint 2010

Publié le Mis à jour le

Bonjour,

Il est parfois utile de rediriger l’utilisateur vers l’intérieur d’une page en non pas en haut de celle ci (de façon classique). Pour ceci vous pouvez utiliser le principe d’ancres nommées.

Pour faire un lien vers votre page, écrivez via une CEWP (par exemple) le code html suivant dans votre page de départ :

   1: <a href="/pages/mapage.aspx#MILIEU"> Allez au milieu de la page suivante en cliquant ici</a>

Dans votre page “/pages/mapage.aspx”, positionnez votre ancre au bon endroit :

   1: <html>

   2: <body>

   3:  

   4: <p>lorem ipsum ...</p>

   5: <a name="MILIEU"></a>Ancre au milieu de la page

   6: </body>

   7: </html>

Vous l’avez peut être remarqué, mais lorsque vous ajoutez un lien vers une ancre nommée dans une page Sharepoint, celle ci est redirigée vers le haut après avoir été positionnée au niveau de l’ancre (l’effet est d’ailleurs très surprenant).

Pour palier à ceci il faut ajouter le code suivant dans la page contenant les ancres (il s’agit de jquery).

   1: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

   2: <script language="javascript">

   3: $(function() {

   4:     var fn = FixRibbonAndWorkspaceDimensions;

   5:     FixRibbonAndWorkspaceDimensions = function() {

   6:         var firstCall = !g_setWidthInited;

   7:         fn();

   8:         if (firstCall) 

   9:             window.location.hash = self.document.location.hash.substring(1);

  10:     }

  11: });

  12: </script>

Source : http://social.msdn.microsoft.com/Forums/en-US/sharepointgeneralprevious/thread/f7eab808-da8a-44fd-9933-f9b992f5affc

Publicités

Laissez un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l'aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s