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

IGN API Géoportail Discussion :

Une nouvelle popup pour les nuls


Sujet :

IGN API Géoportail

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Zébulon-21
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    392
    Détails du profil
    Informations personnelles :
    Localisation : France, Côte d'Or (Bourgogne)

    Informations forums :
    Inscription : Mai 2009
    Messages : 392
    Par défaut Une nouvelle popup pour les nuls
    Voici une nouvelle variante de page consacrée à info-bulle "Framedcloud", en complément à ma collection de modèles "pour les nuls"

    Est-il possible de retroucher le look de la bulle en ajoutant une couleur de fond par exemple ?

  2. #2
    Membre Expert
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    2 133
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 2 133
    Par défaut Couleur de fond
    As-tu essayé quelque chose comme:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    feature.popup.backgroundColor = "#CC99CC";

  3. #3
    Membre éclairé Avatar de Zébulon-21
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    392
    Détails du profil
    Informations personnelles :
    Localisation : France, Côte d'Or (Bourgogne)

    Informations forums :
    Inscription : Mai 2009
    Messages : 392
    Par défaut
    Testé ICI : Toujours pareil

  4. #4
    Membre éclairé Avatar de Zébulon-21
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    392
    Détails du profil
    Informations personnelles :
    Localisation : France, Côte d'Or (Bourgogne)

    Informations forums :
    Inscription : Mai 2009
    Messages : 392
    Par défaut
    Au fait, la forme particulière de la bulle "Framedcloud" ne proviendrait-elle pas d'une image et n'est-il pas nécessaire d'agir sur l'image elle-même pour modifier son aspect ?

    Le cas échéant, il resterait à trouver cette image avec ses styles CSS pour une gestion "locale", mais c'est peut-être très compliqué à faire ?

  5. #5
    Membre Expert
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    2 133
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 2 133
    Par défaut
    Il y a une page de tests des popups OpenLayers
    http://openlayers.org/dev/examples/popupMatrix.html

  6. #6
    Expert confirmé
    Homme Profil pro
    Ingénieur cartographe
    Inscrit en
    Avril 2009
    Messages
    3 173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Ingénieur cartographe
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2009
    Messages : 3 173
    Par défaut
    Tu peux jouer avec le style .olFramedCloudPopupContent pour la couleur de fond par exemple, mais la bulle restera blanche

    Mais aussi sur la propriété imageSrc à écraser à la main après la création de l'objet OpenLayers.Control.FramedCloud. Cette propriété utilise l'image suivante (issue d'OpenLayers)...

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

Discussions similaires

  1. Google Apps : une nouvelle catégorie pour les applications éducatives
    Par Gordon Fowler dans le forum Cloud Computing
    Réponses: 0
    Dernier message: 26/01/2011, 16h23
  2. Réponses: 2
    Dernier message: 03/11/2010, 00h38
  3. Réponses: 8
    Dernier message: 11/07/2010, 02h03
  4. Réponses: 0
    Dernier message: 20/04/2010, 11h53
  5. Réponses: 0
    Dernier message: 13/04/2010, 12h26

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