2016-10-26 1 views
0

Je suis actuellement en train de reconcevoir une page sur SharePoint et j'ai du mal à ajouter une fenêtre contextuelle lorsqu'une nouvelle page s'ouvre. Je veux que l'utilisateur clique sur une nouvelle page et quand la nouvelle page s'ouvre, une fenêtre pop-up apparaît avec un message. Je suis assez nouveau à SharePoint et donc pourquoi je trouve cela difficile.Ajout d'une fenêtre contextuelle lors de l'ouverture d'une nouvelle page sur Sharepoint

j'ai vu à l'aide de solutions JQUERY, Javascript, HTML, etc, mais ne savez pas comment exactement la mise en œuvre à l'aide de SharePoint (sur la page .aspx)

Je voudrais éviter JQUERY et Javascript à tout prix car ils ne sont pas mes zones les plus fortes.

S'agit-il d'ajouter un nouveau composant WebPart et d'y incorporer le code ou?

Toute aide serait grandement appréciée.

+0

Ye J'avais déjà essayé d'intégrer du code comme ci-dessus mais il ne montrait que des mots avec un lien qui n'ouvrait rien. J'ai besoin d'un message pop-up ouvert lorsque l'utilisateur ouvre la page –

+0

Pouvez-vous montrer quelque chose visuellement, ce que vous attendez? Je pense que vous avez un peu confondu entre l'info-bulle, la fenêtre contextuelle et la nouvelle fenêtre. – Selvam

Répondre

0

Ajouter un script Editor Webpart (Sharepoint 2013) Ensuite, ajoutez le code donné ci-dessous

$(document).ready(function(){ 
    $('#overlay, #popup').css('display', 'block'); 


    $('#overlay').click(function(){ 
    $('#overlay, #popup').css('display', 'none'); 
    }); 

}); 

Ajouter éditeur de contenu webpart puis y ajouter CSS et HTML

<input type="button" id="btn" value="Click Here" /> 
<div id="overlay"></div> 
<div id="popup"></div> 

Quand vient vous apparaitre peut » t éviter complètement Javascript, trouver le code complet dans Fiddle. (Dans l'exemple du violon, au lieu de clic ajouter du code directement dans la fonction prêt)

http://jsfiddle.net/JRD06/sx0mjwe1/

ou utilisez cette

https://fiddle.jshell.net/nikhilmangal/srg3gy26/light/

0

Les bibliothèques JavaScript inclus dans SharePoint 2010 et SharePoint 2013 comprennent des méthodes pour créer et afficher facilement des boîtes de dialogue de manière standard. Pour cela, exécutez simplement SP.UI.ModalDialog.showModalDialog().

Par exemple:

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js"); 

function showDialog(){ 
    var dialogOptions = SP.UI.$create_DialogOptions(); 
    dialogOptions.title = "Your Title Here!"; 
    var dummyElement = document.createElement("div"); 
    dummyElement.innerHTML = "<h1>Your HTML Goes Here</h1>" 
    dialogOptions.html = dummyElement; 
    SP.UI.ModalDialog.showModalDialog(dialogOptions);  
} 

Pour obtenir le JavaScript afin de fonctionner lorsque la page se charge, vous pouvez l'intégrer dans une partie web.

  • Dans SharePoint 2010, enregistrez votre code JavaScript dans un fichier texte (avec <script> balises autour de lui) et enregistrez-le dans une bibliothèque sur votre site SharePoint, puis ajoutez un composant WebPart Éditeur de contenu à la page où vous voulez que la code à exécuter et définissez la propriété "Content Link" du composant WebPart sur le chemin du fichier texte.
  • Dans SharePoint 2013, utilisez le composant WebPart Éditeur de scripts pour intégrer le code JavaScript souhaité.