Discussion :

[rigol'man]

Bonjour
J'ai une bibliothèque de documents qui contient une colonne image :
- Type : Lien hypertexte ou image
- Format de l'url : image

Un event receiver remplit cette colonne avec l'url d'une image de la collection de site.
Jusque là, tout va bien.

Je voudrais rajouter un texte au survol de ces images, texte identique pour toutes les images.
Je pensais faire un bout de jquery pour modifier l'attribut Titre des images en question (en fonction de leur nom).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
	$( "img[src*='1.png'], img[src*='2.png'], img[src*='3.png']" ).each(function(){
		($(this).attr('title' , "mon texte"));
	});

Ce bout de code fonctionne, mais il ne modifie pas toutes les images. Auriez-vous une idée de ma boulette ?

Sinon auriez-vous une solution pour ma problématique ?
Merci pour votre aide
Chris

[nonoxp]

Bonjour,

Le truc tout bete: est-ce un probleme de selecteur trop restrictif?
Essayez juste avec le plus simple selecteur $('img') pour voir si le probleme persiste.

Plus d'info sur les selecteurs:
https://api.jquery.com/category/sele...ute-selectors/

La methode de chargement du script peut egalement avoir un impact -> Pouvez-vous montrer la totalite du script (pour savoir comment il est appele dans la page)?

Il est possible que du contenu SharePoint soit charge de maniere asynchrone, donc apres l'execution de votre code.
C'est le cas en general si l'url de la page est du format [SITEURL]/_layouts/15/start.aspx?[PAGEURL].

[rigol'man]

Bonjour,

Bonjour et merci pour le retour

Le truc tout bete: est-ce un probleme de selecteur trop restrictif?
Essayez juste avec le plus simple selecteur $('img') pour voir si le probleme persiste.

Plus d'info sur les selecteurs:
https://api.jquery.com/category/sele...ute-selectors/

J'avais pensé à cette idée, et avais utilisé le sélecteur le plus simple possible : $( "img" ).each(function()
meme résultat, et pas uniquement sur les images de ma colonne, les images de la colonne des icones ne sont pas toutes modifiées.

La methode de chargement du script peut egalement avoir un impact -> Pouvez-vous montrer la totalite du script (pour savoir comment il est appele dans la page)?

J'ai mis mon code sur le load, pour attendre que la page soit chargée ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
jQuery(window).load(function(){
	var count = 0;
	$( "img" ).each(function(){	
		($(this).attr('title' , "Commentaires"));
	});
});

Il est possible que du contenu SharePoint soit charge de maniere asynchrone, donc apres l'execution de votre code.
C'est le cas en general si l'url de la page est du format [SITEURL]/_layouts/15/start.aspx?[PAGEURL].

Ma page est un affichage de biblithèque : [SITEURL]/web/nomBib/Forms/AllItems.aspx

[ludojojo]

Bonjour,
Je pense que la solution technique propre à utiliser est de passer par un JSLink (JS attaché à ta vue). Dans ton cas tu peux cibler ton JSLink uniquement sur un champ et modifier le DOM généré (tu disposes du contexte de l'élément lors de l'affichage).

Autre avantage de cette solution, tu n'as pas à modifier la page créée par SharePoint et tu bénéficies du fonctionnement de la pagination !!!

[rigol'man]

merci beaucoup pour l'info, je ne connais pas trop (meme pas du tout ) mais ca fera l'occasion de me pencher la dessus.

[ludojojo]

Dans ce cas, je t'invite fortement à regarder ce tutoriel disponible sur MSDN.

[rigol'man]

c'est justement celui que j'avais trouvé et que j'étais en train de suivre !!!
Merci

[rigol'man]

merci beaucoup pour le tuyau, c'est vraiment remarquable. Solution trouvée avec quelques lignes de code, c'est vraiment extra.
en plus, ca va me permettre de faire une autre évolution prévue assez facilement ....
encore merci