IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Ascenseur pour un nul


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Homme Profil pro
    amateur
    Inscrit en
    Décembre 2020
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : amateur
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2020
    Messages : 6
    Par défaut Ascenseur pour un nul
    Bonjour à tous,
    Je me permets de vous écrire car je réalise actuellement une visite virtuelle en utilisant le logiciel panotour (pour ceux qui veulent comprendre ce sur quoi je travaille http://lyon-en-1700.blogspot.com/).
    Ce logiciel permet de créer une visite virtuelle en ayant aucune connaissance en codage, ce qui est mon cas.

    Mon problème est qu'il ne me permet pas de résoudre une difficulté qui se présente à moi et qui implique que j'aille voir sous le capot comment changer les choses...
    Dans la visite, j'ai des hotspots qui me permettent d'ouvrir une fenêtre contenant du texte, avec un ascenseur à droite quand le texte est long.
    Si je descend à la fin du texte, puis que je ferme cette fenêtre et que j'ouvre une autre description (ou la même), mon ascenseur ne sera plus en haut par défaut mais là où je l'ai laissé sur ma dernière description...

    Je fouille depuis un certain temps et j'ai cru comprendre que c'était la fonction scrolltop.
    Quand j'exporte mon projet, et que je fais une recherche "scrolltop" dans les fichiers crées, j'ai 5 fichiers qui comportent cette fonction.
    J'ai tentée de fouiller dedans mais j'avoue ma totale incompétence...
    L'un d'entre vous aurait-il une piste ??
    Je vous donne la liste des fichiers qui contiennent cette fonction, peut-être pourrez-vous déjà me dire lequel doit être modifié ?
    jquery-1.11.1.min.js
    jquery-2.1.1.min.js
    jquery-ui.min.js
    KolorArea.min.js
    KolorTools.min.js

    Et peut-être comment le modifier pour que l'ascenseur soit toujours en haut par défaut, ou plus exactement qu'il se remette en haut quand j'ouvre une nouvelle description ?
    Merci en tout cas au moins de m'avoir lu et bonne journée à vous.
    Fabrice

    peut-être là-dedans ?
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    <ptplugin name="description" canStart="false" newPano="false" openatstart="false" mode="spot" startMethod="" engine="kolorArea">
    <settings>
    <option name="position" value="right" type="string" />
    <option name="start_position" value="top" type="string" />
    <option name="margin_x" value="0" type="int" />
    <option name="margin_y" value="0" type="int" />
    <option name="background_color" value="f2f2f2" type="string" />
    <option name="background_alpha" value="1" type="float" />
    <option name="topleft_radius" value="0" type="int" />
    <option name="topright_radius" value="0" type="int" />
    <option name="bottomleft_radius" value="0" type="int" />
    <option name="bottomright_radius" value="0" type="int" />
    <option name="area_border_width" value="0" type="int" />
    <option name="area_border_color" value="f2f2f2" type="string" />
    <option name="area_border_alpha" value="1" type="float" />
    <option name="padding" value="15" type="int" />
    <option name="display_title" value="false" type="bool" />
    <option name="close_displayed" value="true" type="bool" />
    <option name="close_text" value="descriptiondisplay_close_text" type="string" />
     
    <option name="overlay_displayed" value="false" type="bool" />
    <option name="overlay_color" value="000000" type="string" />
    <option name="overlay_alpha" value="0.50000762951094835" type="float" />
     
    <option name="area_width" value="28" type="int" />
    <option name="area_height" value="100" type="int" />
    <option name="area_width_unit" value="percent" type="string" />
    <option name="area_height_unit" value="percent" type="string" />
    <option name="animation" value="true" type="bool" />
    <option name="animation_duration" value="500" type="int" />
    <option name="refresh_content" value="true" type="bool" />
    <option name="close_callback" value="invokeKrFunction('closeKolorAreaCallback_description')" type="string" />
    <option name="close_on_click" value="true" type="bool" />
    <option name="close_onclick_callback" value="invokeKrFunction('closeKolorAreaCallbackClick_description')" type="string" />
    <option name="zorder" value="2" type="int" />
    <option name="use_i18n" value="true" type="bool" />
    </settings>

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 511
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 511
    Par défaut
    Bonjour,

    Quand tu dis ascenseur, je comprends tout de suite que c'est la barre de défilement, n'est ce pas ? si c'est le cas, tu peux faire un clic droit sur la barre puis cliques sur Inspecter afin de montrer son code HTML. copies le code et colles le dans la discussion.

    Après je vois que tu utilises 2 versions de jQuery jquery-1.11.1.min.js et jquery-2.1.1.min.js, gardes seulement la dernière et ce n'est pas là qu'il faut chercher...

    Citation Envoyé par lyonen1700 Voir le message
    Je fouille depuis un certain temps et j'ai cru comprendre que c'était la fonction scrolltop.
    Quand j'exporte mon projet, et que je fais une recherche "scrolltop" dans les fichiers crées, j'ai 5 fichiers qui comportent cette fonction.
    Montre le code que tu as trouvé concernant le scrollTop ...

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    amateur
    Inscrit en
    Décembre 2020
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : amateur
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2020
    Messages : 6
    Par défaut
    Bonjour,
    Je te remercie beaucoup pour tes précisions !
    J'ai tenté de faire bouton droit sur la barre de défilement (c'est bien de cela dont je parle) mais sans succès, aucune fenêtre s'ouvre.
    J'ai donc fait bouton droit sur la "box" et vous envoie le code ci-dessous.
    J'ai fait une petite vidéo pour vous montrer le problème et ce que j'ai fait, histoire que ce soit plus clair pour tout le monde. Quand je fais défiler ma barre sur une "box", que je la ferme et que j'en ouvre une autre, même si c'est une toute autre box, ma barre de défilement sera là où je l'ai laissé sur ma précédente box et non pas en haut...

    La vidéo explicative est visible ici


    le code :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="kolorArea" style="background: rgb(242, 242, 242) none repeat scroll 0% 0% padding-box; border-radius: 0px; border-width: 0px; border-color: rgb(242, 242, 242); border-style: solid; width: 630px; height: 727px; top: 0px; left: 1290px;"><div class="kolorAreaHeader" style="margin: 14px 0px 5px 14px; padding-right: 14px;"><div class="kolorAreaTitle" style="width: 570px;"></div><a class="kolorAreaCloseBtn" title="Fermer" style="top: 14px; right: 14px; height: 32px; background: rgba(0, 0, 0, 0) url(&quot;visite25012021data/graphics/description1/fermer.png&quot;) no-repeat scroll 0% 0% / contain;"></a></div><div class="kolorAreaContent" style="margin: 0px 0px 14px 14px; padding-right: 14px; width: 602px; height: 662px;"><h2 style="text-align: center;"><font face="trebuchet ms, sans-serif" color="#cc0000">CATHEDRALE SAINT-JEAN</font></h2><p><font face="trebuchet ms, sans-serif"><br></font></p><p><font face="trebuchet ms, sans-serif">La primatiale Saint-Jean-Baptiste-et-Saint-Étienne (dite aussi, plus simplement, cathédrale Saint-Jean) est le siège épiscopal de l'archidiocèse de Lyon. Elle a rang de cathédrale et de primatiale : l'archevêque de Lyon a le titre de Primat des Gaules.</font></p><p><font face="trebuchet ms, sans-serif"><br></font></p><p><font face="trebuchet ms, sans-serif">Sidoine Apollinaire évoque vers 469 l'achèvement d'une église, maxima ecclesia, dont la construction est due à Patiens, évêque entre 461 et 491. De nombreux textes jusqu'aux 12e siècle attestent des travaux d'agrandissement et de restauration qui y sont conduits. En 1079, sous l'évêque Gébuin, elle devient siège de la primatie des Gaules.</font></p><p><font face="trebuchet ms, sans-serif"><br></font></p><p><font face="trebuchet ms, sans-serif">A partir de la fin du 12e siècle, est initié un projet de reconstruction initié par l'archevêque Guichard de Pontigny. Ces travaux s'échelonnent jusqu'au 16e siècle. Ils débutent par la réalisation du choeur et de ses chapelles latérales, alors que l'ancienne cathédrale est encore conservée. Puis au début du 13e siècle est entrepris la nef et le jubé. Au début du 14e siècle est édifié le portail, la grande rose est réalisée en 1393-1394. Il faut attendre 1480 pour que soient édifiées les deux tours qui flanquent la façade.</font></p><p><font face="trebuchet ms, sans-serif"><br></font></p><p><font face="trebuchet ms, sans-serif">En 1562, l'occupation protestante de Lyon entraîne de nombreux actes de vandalisme par les troupes du baron des Adrets, et en particulier la destruction du jubé et des statues des saints en façade.</font></p><p><font face="trebuchet ms, sans-serif"><br></font></p><div></div><div style="text-align: center;"><font face="trebuchet ms, sans-serif"><img src="https://2.bp.blogspot.com/-1iKEvtw8c7A/Wk4KJ0hXb2I/AAAAAAAAEE8/szwxaQmFcyYFmOQBHP9r6800OsxNLnuAQCLcBGAs/s1600/saintjean.jpg" alt="" title="" width="500px"><br><br clear="all">Ms 156, f. 3 - De Tristibus Galliae carmen, Protestants détruisant le portail de la cathédrale Saint Jean de Lyon et pillant ses trésors (Bibliothèque municipale de Lyon, Ms 156)</font></div><div style="text-align: center;"><font face="trebuchet ms, sans-serif"><br></font></div><div style="text-align: center;"><font face="trebuchet ms, sans-serif"><br></font></div><div></div><h2 style="text-align: center;"><font face="trebuchet ms, sans-serif" color="#cc0000">Sources et liens externes</font></h2><p><font face="trebuchet ms, sans-serif"><br></font></p><p><font face="trebuchet ms, sans-serif">Wikipédia - Primatiale Saint-Jean de Lyon.&nbsp;<a target="_blank" href="https://fr.wikipedia.org/wiki/Primatiale_Saint-Jean_de_Lyon" rel="nofollow">Sur le site de Wikipédia</a>&nbsp;</font></p><p><font face="trebuchet ms, sans-serif"><br>Dictionnaire historique de Lyon auteurs Beghain, Benoit, Corneloup et Thévenon (imp Lyon 2009) page 1171 article Saint-Jean cathédrale.</font></p><p><font face="trebuchet ms, sans-serif">&nbsp;&nbsp;<br>Le groupe épiscopal de Lyon : découvertes récentes - Renaud Jean-François. Compte-rendu des séances de l´Académie des Inscriptions et belles lettres - 1975 pp. 475-490.&nbsp;<a target="_blank" href="http://www.persee.fr/doc/crai_0065-0536_1975_num_119_4_13171" rel="nofollow">Sur le site Persee</a>&nbsp;</font></p><p><font face="trebuchet ms, sans-serif"><br>Chantiers lyonnais du Moyen-Age, chapitre deuxième, la cathédrale de Lyon ou l'archéologie d'un chantier - Collection DARA - Nicolas Reveyron (dir.)- 2005.&nbsp;<a target="_blank" href="http://books.openedition.org/alpara/2585" rel="nofollow">Sur le site Books open édition</a>&nbsp;</font></p><p><font face="trebuchet ms, sans-serif"><br>Histoire des églises et chapelles de Lyon. Tome 1 / J.-B. Martin 1908 - Bibliothèque municipale de Lyon, 2010-28450 - p 1.&nbsp;<a target="_blank" href="http://gallica.bnf.fr/ark:/12148/bpt6k5788167w/f40.image" rel="nofollow">Sur le site de la BNF</a>&nbsp;</font></p><p><font face="trebuchet ms, sans-serif"><br>CLAPASSON, André. Description de la ville de Lyon avec des recherches sur les hommes célèbres qu'elle a produits. Lyon : impr. A. Delaroche, 1741. XVI-283 p. ; 17 cm. [Réimpr. Lyon, 1761 ; rééd. annotée et ill. par G. Chomer et M.-F. Perez. Seyssel : Champ Vallon, 1982] p 234 de l'édition en ligne de 1761.&nbsp;<a target="_blank" href="https://books.google.fr/books?id=CtneKQQdqt4C&amp;hl=fr&amp;pg=PA234#v=onepage&amp;q&amp;f=false" rel="nofollow">Edition de 1761</a></font></p><p><font face="trebuchet ms, sans-serif"><br></font></p><div></div><h2 style="text-align: center;"><font face="trebuchet ms, sans-serif" color="#cc0000">Les lieux aujourd'hui</font></h2><p><font face="trebuchet ms, sans-serif"><br></font></p><p><a target="_blank" href="https://www.google.fr/maps/@45.7609348,4.8267858,3a,75y,109.71h,120.12t/data=!3m6!1e1!3m4!1s7O1JAZP5CLnyyazn2-gxZQ!2e0!7i13312!8i6656" rel="nofollow"><font face="trebuchet ms, sans-serif">Les lieux dans Google Street</font></a></p><br></div></div>

  4. #4
    Nouveau membre du Club
    Homme Profil pro
    amateur
    Inscrit en
    Décembre 2020
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : amateur
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2020
    Messages : 6
    Par défaut
    Sinon j'ai trouvé la fonction scrolltop dans un fichier KolorTools.min.js
    Je vous envoie un morceaux du code, ne sachant pas ce qui est ilmportant, je suis désolé...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    offsetLeft-a.scrollLeft,y+=a.offsetTop-a.scrollTop,a=a.offsetParent;return{x:d,y:y}}

  5. #5
    Membre habitué
    Homme Profil pro
    employé
    Inscrit en
    Février 2016
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Aisne (Picardie)

    Informations professionnelles :
    Activité : employé

    Informations forums :
    Inscription : Février 2016
    Messages : 10
    Par défaut
    Bonjour,

    et en faisant tout simplement : document.getElementById("ma_nvlle_fenetre").scrollTop = 0;

  6. #6
    Nouveau membre du Club
    Homme Profil pro
    amateur
    Inscrit en
    Décembre 2020
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : amateur
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2020
    Messages : 6
    Par défaut
    Ah merci beaucoup !
    Mais je l'ajoute tel quel ? et dans quel fichier ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Aide pour un nul
    Par maxti dans le forum Algorithmes et structures de données
    Réponses: 4
    Dernier message: 08/12/2005, 17h50
  2. Réponses: 6
    Dernier message: 06/11/2005, 11h10
  3. C++ pour les nuls => Linux => Problème
    Par wizardman dans le forum Linux
    Réponses: 6
    Dernier message: 21/09/2005, 00h53
  4. Apprendre le réseau (pour les nuls)
    Par __fabrice dans le forum Développement
    Réponses: 5
    Dernier message: 08/03/2005, 13h49

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo