2017-02-22 1 views
0

J'ai réussi à faire fonctionner ImageMapster sur SharePoint 2010 en utilisant simplement la fonction générique de $ ('img'). Mapster () ;. Je suis capable de planer et de cliquer sans problèmes. Cependant dès que j'essaie de travailler dans mapkey comme dans mapKey: état surtout mais non limité à la "sélection" d'une zone, rien ne fonctionne depuis ImageMapster. (pas de volants ou quoi que ce soit). Qu'est-ce que je fais de mal ou que j'ai manqué que SharePoint ait besoin de reconnaître mapKey, sélectionné, et d'ailleurs cette info-bulle? Le code ci-dessous fonctionne parfaitement sur un navigateur local de Dreamweaver (mapKey et le travail bien sélectionné) mais dès que je place ce code dans SharePoint (avec des références mapKey, il cesse de fonctionner) enlever les références mapKey et les hovers génériques et cliquez sur le travail. Cependant, j'ai encore été en mesure d'obtenir select ou tooltip pour travailler sur SharePoint.Je n'arrive pas à obtenir 'mapkey' ou 'select' pour travailler sur Imagemapster sur SharePoint 2010

Toute aide serait grandement appréciée, j'ai creusé mon cerveau et marqué le web depuis une semaine maintenant.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script> 
<script type="text/javascript" src="http://www.outsharked.com/scripts/jquery.imagemapster.js"></script> 

img src="../SP FP1/3rdFloor.png" alt="" width="1028" height="446" usemap="#ThirdFloor" id="ThirdFloor"/ 
//removed tag off img src to avoid missing image 

<area href="#"state="3200" full="3200" shape="rect" coords="102,36,149,83"> 
<area href="#"state="3210" full="3210" shape="rect" coords="150,34,181,85"> 
<area href="#"state="3220" full="3220" shape="rect" coords="197,38,223,64"> 
<area href="#"state="3230" full="3230" shape="rect" coords="223,35,245,63"> 
<area href="#"state="3240" full="3240" shape="rect" coords="196,62,219,85"> 
<area href="#"state="3250" full="3250" shape="rect" coords="222,62,248,85"> 
<script type="text/javascript"> $('img') .mapster({ fillColor: 'ff0000', fillOpacity: 0.3, stroke: true, strokeWidth: 2, strokeColor: 'ff0000', mapKey: 'state', areas : [{key : '32--', selected : true},{key : '3210', selected : true},{key : '3220', selected : true, fillColor: '00ff00', stroke: true, strokeWidth: 2, strokeColor: 'ff0000'}], }); </script> 

Répondre

0

D'abord - je aurais dû mettre mes lunettes pour lire que ce que l'auteur avait demandé - DO LINK NOT DIRECT au script.

Chose étrange, c'était que cela fonctionnait localement sur mon PC mais quand j'ai utilisé le même code (connecté au lien direct à ImageMapster, .JQuery) comme mentionné ci-dessus au travail, cela n'a pas fonctionné. J'ai copié le script jquery sur le serveur local, puis il a fonctionné comme il se doit. J'espère que ceci aide quelqu'un d'autre.