Control de hotspots via html

[merlinos]

Bonjour à tous,

gros débutant avec FPP, je me tourne vers vous....Ô puit de science....

Alors la problématique est la suivante: j'aimerais (sans savoir si cela est possible) contrôler le positionnement de la "camera" sur différents hotspots. Je m'explique, je souhaiterais avoir la liste de mes hotspots dans une page html en lien, et chaque fois que l'on clique sur un lien, le pano se centre sur le hotspot sélectionné. Je n'ai aucune idée par où il faut commencer.....donc tout aide est la bienvenue!!!!

[Mael B.]

Je sais qu'avec Krpano c'est faisable via l'interface javascript... donc j'image que c'est aussi possible avec FPP Par contre, je peut pas en dire plus, n'utilisant pas FPP.

[sagedavid]

Pour ma part, je ne savais même pas que c'était faisable avec KRP !

....Ô puit de science....

Attention toutefois de ne pas trop t'y pencher !

[llang57]

oui c'est possible en javascript, j'essaye de t'envoyer un exemple dès que possible.

[llang57]

Tout d'abord créer une fonction en javascript ici appelée panto :

Code : Tout sélectionner

  <script type="text/javascript">
    function panto(pan,tilt)
     {
          document["pano11"].PanoIDPanoExecute("pano.pan="+pan+";pano.tilt="+tilt+";" );
     }
  </script>

pano11 dans document["pano11"] est l'identifiant html de ton pano : var so = new SWFObject("pano.swf", "pano11", "100%", "100%", "9", "#171717");
et panoID dans PanoIDPanoExecute est l'dentifiant déclaré dans le fichier xml : ExternalInterfaceID="PanoID" dans la section global de ce fichier

tu appelle cette fonction dans une balise <a></a>
du type

Code : Tout sélectionner

<a href="javascript:panto(110,-15)"> aller à 110°</a>

[merlinos]

'tain vous êtes bon et rapides!!! ça fait plaisir!!!!! Me reste plus qu'à essayer! Partez pas trop loin.....je sens que j'aurai d'autres questions!!!!

[merlinos]

Kikou!!!! Bon je savais bien que j'aurai besoin de vous encore!!!

Alors plusieurs questions subsidiaires:
- j'ai plusieurs frames dans ma page web.... une des frames est destinée à une arborescence (gérée en javascript....mais rassurez vous! spo moi qui l'ai faite! )
- dans la frame centrale, le pano...enfin la visite virtuelle pour être exacte

J'aimerai donc pouvoir, en cliquant sur un lien de l'arbo, que le bon pano se charge, et qu'il se centre sur ce hotspot.

Alors pour le centrage, Llang57 m'a bien expliqué...et je pense pouvoir m'en sortir. Mais comment charger le bon pano, comment le faire d'une frame à une autre....et enfin (the last but not the least)..... comment mettre l'alpha de l'hotspot ciblé de 0 à 1 histoire qu'il apparaisse quoi!

[llang57]

Alors pour le centrage, Llang57 m'a bien expliqué...et je pense pouvoir m'en sortir. Mais comment charger le bon pano, comment le faire d'une frame à une autre....et enfin (the last but not the least)..... comment mettre l'alpha de l'hotspot ciblé de 0 à 1 histoire qu'il apparaisse quoi!

Normalement tes frames sont nommées si par exemple la frame de ta visite s'appelle visite

Code : Tout sélectionner

  <script type="text/javascript">
    function affiche(pan,tilt)
     {
          top.visite.document["pano11"].PanoIDPanoExecute('hs1.alpha=1,1000;');
          top.visite.document["pano11"].PanoIDPanoExecute("pano.pan="+pan+";pano.tilt="+tilt+";");
          top.visite.document["pano11"].PanoIDPanoExecute("global.affiche_pano1();");
     }
  </script>

où hs1 est le nom de ton hotspot et affiche_pano1 la fonction d'affichage de ton pano par exemple :

Code : Tout sélectionner

      	affiche_pano1 = 
               "
                loadPano(panoName=panos/pano1_br,300); 
                global.onTransitionEnd=loadMain1(); 
               "
          loadMain1="loadPano(panoName=panos/pano1,1000,stripes;);"

[François]

Pour faire ce que tu demandes je n'ai pas essayé mais il faudrait rajouter la référence window.document de la frame concernée devant le "document["pano11"].etc". ou un truc du genre... En javascript on omet souvent le premier niveau "window" de l'arborescence d'objets.

Si tu parles vraiment de frames, c-a-d de différents fichiers html dans une même fenêtre, c'est une technique ancienne mais plutôt à éviter si on veut respecter les standards du web actuels. Ça pose des problèmes de référencement, de mise en favoris par les visiteurs, de sécurité, et ça ne fait plus partie des balises en xhtml, le standard à utiliser surtout si on commence à créer un site aujourd'hui. La fonction que tu demandes et un bon exemple de trou de sécurité : une page web peut modifier le contenu d'une autre... Pour cette raison tu trouveras sans doute assez peu de code en ligne pour faire ce que tu demandes...

Au pire faire une mise en page en tableaux, au mieux utiliser uniquement les feuilles de style pour la mise en page.

Edit : je n'avais pas encore lu le très bon message de Laurent ci-dessus quand j'ai rédigé le mien...

[merlinos]

je teste ça et je vous tiens au jus.

[merlinos]

Bon ben ça marche pô!!!

http://laurentkbaier.free.fr/pano/essai ... isite.html

Voila si kkun pouvait m'aider car j'ai suivi les instructions..... J'ai du raté quelque chose.....

[llang57]

Bon ben ça marche pô!!!

http://laurentkbaier.free.fr/pano/essai ... isite.html

Voila si kkun pouvait m'aider car j'ai suivi les instructions..... J'ai du raté quelque chose.....

Chez moi ca marche quand je clique sur aller à 110° il se déplace.

Avec IE7 et Vista

[merlinos]

Ah ben m*rde alors!!! bon ça marche sous IE7....pas sous firefox!!! Dire que j'ai passé une aprem entière à modifier le script (un peu bcp au hasard c'est vrai) pour essayer de faire marcher le bouzique!
bon, j'imagine donc que le reste du code java que tu m'as donné Laurent doit marcher.....
En fait je suis les recommandations qui m'ont été faites il n'y a pas si longtemps: avancer pas à pas....

Kkun a une idée pkoi ça ne marche pas sous firefox 3.0.10 (je suis sous vista)???