SharePoint 2016 pour les concepteurs

Insérer du jQuery sur une page

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
À l'aide de jQuery et de JavaScript, dynamisez l'affichage des pages personnalisées de vos sites SharePoint.
04:45

Transcription

Cette vidéo est une introduction à « jQuery » dans « SharePoint ». L’objectif est, à travers un exemple simple, de comprendre comment utiliser « jQuery » dans « SharePoint », sans être obligé de connaître le « JavaScript ». Alors, vous pouvez déjà télécharger une bibliothèque « jQuery ». Donc ici, j’ai pris une bibliothèque un petit peu ancienne mais qui fonctionne parfaitement bien. Vous pouvez évidemment prendre des versions plus récentes. Alors, pour ceux qui ont déjà les fichiers d’exercice, voilà, vous la trouverez dans « Fichiers_d_exercice », dans « Chapitre_10 », elle est présente. Alors, je vous conseille quand même de la copier et de la renommer en l’appelant juste « jquery », pourquoi ? Eh bien tout simplement parce que si vous faites évoluer cette bibliothèque, plutôt que d’avoir à renommer à chaque fois les liens existants, vous pouvez tout simplement l’utiliser en une seule fois, avec ce nom unique, quelle que soit la version avec laquelle vous avez développé vos scripts. Alors, maintenant vous revenez dans « SharePoint ». Alors moi, je vous conseille de créer une bibliothèque. Donc vous allez ajouter une bibliothèque dédiée, que vous appelez « scripts » tout simplement, qui va héberger le fichier que vous avez téléchargé. Donc vous ouvrez « scripts », vous téléchargez et vous prenez « jquery ». La première chose à faire est que « jquery » fonctionne. Donc pour cela, vous allez tout simplement créer une page sur votre site. Donc vous ajoutez une page. Vous l’appelez par exemple « Test » puisque c’est une page temporaire qui va vous servir à faire des tests justement. Et dedans, vous allez insérer un « Composant WebPart » qui est le composant qui permet justement, dans « Média et contenu », d’éditer des scripts. Donc vous prenez « Éditeur de script ». Vous pourriez prendre aussi « Éditeur de contenu » mais « Éditeur de script » est plus spécialisé. Voilà, vous l’ajoutez. Très bien. Et là vous pouvez modifier l’extrait de code. Et là, vous allez coller un script que je vais vous montrer. Alors, si vous avez téléchargé les fichiers, eh bien vous avez ce script, voilà, qui est tout simplement, je vais prendre un programme, le bloc-notes, voilà, je vais vous montrer ici qui est ce programme-là, qui est très simple, qui permet en fait de vérifier que « jQuery » fonctionne bien. Alors, la première ligne qui est ici sert en fait à référencer l’appel à « jQuery ». Donc vous devez éventuellement modifier votre fichier si par exemple vous avez renommé la bibliothèque qui se trouve ici, là la bibliothèque « scripts » ou si vous avez donné un nom différent pour le « JavaScript ». Ensuite, la deuxième ligne qui commence ici et qui se termine en réalité là, est tout simplement l’ouverture de votre script. Donc le contenu de cette ligne-là, en réalité, contient le code qui va être exécuté. Plus précisément, il est demandé à exécuter du code lorsque le document, la page si vous préférez, est prête à être manipulée. Donc pour cela, « jQuery » dispose d’une instruction « événement prêt », en anglais « ready-event », que vous voyez ici, qui débute là et qui termine en fait ici, voilà, précisément. Donc là, vous allez vraiment exécuter le code suivant qui est, en fait, un message vous disant que « jQuery » fonctionne parfaitement bien. Une fois que ce test est validé, après vous pouvez faire tous les scripts « jQuery » que vous voulez. Il n’y a vraiment aucune difficulté particulière. Donc là, je vais copier ce script et je vous invite d’ailleurs à regarder dans le catalogue des formations, vous avez des formations, qui sont spécifiques sur le « JavaScript » et sur « jQuery ». Ici, vous pouvez coller votre script. Voilà, c’est ce que je fais, je vais l’insérer. Donc je clique sur « Insérer ». Alors ne soyez pas surpris, en fait, il faut comprendre que votre script est à l’intérieur de ce « Composant WebPart ». Si vous cliquez sur « MODIFIER L’EXTRAIT DE CODE », vous retrouvez bien votre code « jQuery ». Donc vous pouvez cliquer à nouveau sur « Insérer », si vous voulez. Et là, vous allez vérifier maintenant le bon fonctionnement en cliquant sur « Enregistrer » et là normalement, vous devriez avoir, voilà : « jQuery fonctionne parfaitement bien ! » Voilà, donc c’est plutôt bon signe puisqu’à partir de maintenant, vous allez pouvoir développer vos différents scripts sans aucune difficulté.

SharePoint 2016 pour les concepteurs

Créez un contenu dynamique avec SharePoint et sachez l'organiser. Gérez l’aspect, le thème et la navigation, manipulez les listes, utilisez les bibliothèques, etc.

3h41 (46 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
IT
Gestion des documents
Spécial abonnés
Date de parution :9 mars 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !