Javascript  

Partagez vos trucs et astuces ici ou demandez de l'aide sur Panotour / Panotour Pro !
Pas de rapport de bug (de quelque sorte) dans ce forum !
no avatar
kestudi
New member
 
Topic author
Posts: 1
Likes: 0 post
Liked in: 0 post
Joined: Wed Jun 22, 2011 5:52 pm
Info

Javascript

by kestudi » Wed Jun 22, 2011 6:06 pm

Bonjour,

J'essaie d'utiliser la fonction Javascript dans les propriétés des Hotspots (Panotour version 1.6 Beta). L'idée étant de pouvoir afficher une page HTML en popup lors du clic sur un spot via du javascript présent dans la page hébergeant le panorama (la fonction HTML ne permet d'afficher que des pages très simples, elle est donc trop limitée).

J'ai essayé plusieurs manières différentes d'appeler des évènements (tous très simples du genre alert() ou afficher/masquer un calque de la page) mais aucune ne semble fonctionner : ni en saisissant directement le code ni en appelant une fonction contenue dans la page ou un .js
Je n'ai pas de message d'erreur, simplement rien ne se passe.
Y a-t-il quelque chose de particulier a savoir concernant l'appel de scripts dans les Hotspots ? Est-ce que cela nécessite une version avec licence ?

D'avance merci

User avatar
bdd
Kolor Team
 
Posts: 2394
Likes: 11 posts
Liked in: 93 posts
Joined: Tue Jan 18, 2011 4:05 pm
Info

by bdd » Thu Jun 23, 2011 7:37 am

Bonjour,

La seule chose importante à  savoir est qu'il ne faut pas mettre de guillemets là  où on en met d'habitude en JS. Le reste à  savoir est comment coder du JavaScript.

Voici par exemple le contenu de ce champ dans PanotourPro lorsque l'on veut ouvrir une "shadowbox" :
Code: Select all
  openShadowbox(Louvre/index.html, iframe, Le Louvre);

La fonction openShadowBox doit se trouver dans le HTML où se trouve la visite :

Code: Select all
<script type="text/javascript">
  var padding = 0;
  Shadowbox.init({overlayOpacity: 0.8, viewportPadding: padding});

  function openShadowbox(content, player, title){
    Shadowbox.open(
      {
        content: content,
        player: player,
        title: title,
        height: window.innerHeight - 2*padding,
        width: window.innerWidth - 2*padding,
        troubleElements:["select", "object", "canvas"]
      }
    );
  }
</script>

Et évidemment les scripts concernant la shadowBox doivent être inclus dans la page HTML :

Code: Select all
    <script type="text/javascript" src="shadowbox/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="shadowbox/shadowbox/shadowbox.js"></script>

Ce qui donne par exemple une page HTML qui ressemble à  ceci :

Code: Select all
<html>
<head>
 <title>Paris</title>
   <link rel="stylesheet" type="text/css" href="shadowbox/shadowbox/shadowbox.css">
    <script type="text/javascript" src="shadowbox/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="shadowbox/shadowbox/shadowbox.js"></script>
    <script type="text/javascript">
      var padding = 0;
      Shadowbox.init({overlayOpacity: 0.8, viewportPadding: padding});

      function openShadowbox(content, player, title){
        Shadowbox.open({
        content: content,
        player: player,
        title: title,
        height: window.innerHeight - 2*padding,
        width: window.innerWidth - 2*padding,
        troubleElements:["select", "object", "canvas"]
      }
    );
  }
  </script>
</head>
  <body>
    <object  width="100%" height="100%" style="visibility:visible;">
      <embed id="tour1" src="index.swf" width="100%" height="100%" allowFullScreen="true" wmode="transparent" bgcolor="#000000">
      </embed>
    </object>

  </body>
</html>

Gérald


Who is online

Users browsing this forum: No registered users and 1 guest