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 :

Fenêtre modale (CSS + onload)


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Administrateur SIG
    Inscrit en
    Novembre 2010
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Administrateur SIG
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Novembre 2010
    Messages : 13
    Par défaut Fenêtre modale (CSS + onload)
    Bonjour,

    Je ne suis pas un développeur mais j'essaye d'utiliser des exemples simples. Mon objectif est d'ouvrir une fenêtre modale lors du lancement d'une application cartographique réalisée depuis un frame work.

    J'ai un pb, le onload est à intégré au body pour charger la fenêtre. Le framework ne me laisse pas la main sur le code html source. Je peux uniquement charger du javascript ou du css.

    Ma question est comment au chargement de l'application forcer l'insertion de onload="window.location.href = '#oModal';" pour ouvrir ma fenêtre dans la balise body sans supprimer le contenu déjà présent.

    Il faudra ensuite que j'insère ma div dans la page, la aussi comment procéder en javascript.
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div id="oModal" class="oModal">
      <div>
        <header>
          <a href="#none" title="Fermer la fenêtre" class="droite">X</a>
    <h2>Exemple de fenêtre « modal » stylisée </h2>
         </header>
         <section>
          <p>Description du message. </p>
         </section>
      </div>
    </div>

    Merci

  2. #2
    Membre expérimenté
    Inscrit en
    Août 2006
    Messages
    191
    Détails du profil
    Informations forums :
    Inscription : Août 2006
    Messages : 191
    Par défaut
    Salut,

    pour faire simple tu peux le lancer depuis le javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <script type="text/javascript">
            function lancement() {
                window.location.href = '#oModal';
            }
            window.onload = lancement;
            </script>
    Si tu veux un autre exemple de modal https://jolicode.com/blog/une-fenetre-modale-accessible

Discussions similaires

  1. Réponses: 66
    Dernier message: 09/06/2015, 00h17
  2. Réponses: 3
    Dernier message: 07/09/2011, 12h28

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