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 :

Script conteneur corpus spécial


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Avril 2011
    Messages
    47
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Consultant en sécurité
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2011
    Messages : 47
    Par défaut Script conteneur corpus spécial
    Bonjour, je recherche une ébauche de script pour un conteneur de corpus.

    C'est pas très clair ? C'est normal ! Je ne sais pas comment appeler ça !

    En fait, je souhaiterai que lorsque j'appuie sur un des boutons de mon menu, le corpus qui se charge ait un effet en javascript.

    Effet souhaité :

    Une "fenêtre" si j'puis dire, enfin, un contenant quoi (là où sera situé le texte et les images du corpus), qui s'ouvre "depuis le milieu et s'expand (le mot n'est pas français mais on se comprend ) aux 4 extrémités avec un effet de "zoom", qui grossit en l'espace de 0.3 / 0.5 secondes environ. Le tout avec des bordures en état "solid" de 0.5% de couleur bleues, et avec des bords arrondis. Le fond de cette "fenêtre", de ce contenant plutôt, est quant à lui blanc avec un effet d'opacité à 75 ou 80% (mon background étant noir). La largeur et hauteur du "contenant" doit être en %, disons 90% de large et la hauteur environ 60%. Il doit y avoir un ascenseur léger sur la droite, curseur vertical blanc qui s'adapte en fonction du contenu. Le padding est d'environ 3% sur les 4 côtés.

    Si vous avez une ébauche de script... ou tout du moins un "nom" ! Pour que je puisse faire quelques recherches, parce-que je ne vois pas vraiment comment appeler cela donc il est difficile de trouver une ébauche de script sur google !

    En vous remerciant.

  2. #2
    Membre chevronné Avatar de nadox
    Homme Profil pro
    Développeur
    Inscrit en
    Février 2010
    Messages
    360
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2010
    Messages : 360
    Par défaut
    Bonjour,
    Ça ressemble à un LIGHTBOX.

  3. #3
    Membre averti
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Avril 2011
    Messages
    47
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Consultant en sécurité
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2011
    Messages : 47
    Par défaut
    Non. Lightbox c'est un "pop-up" si j'puis dire, avec un bouton "close" ET surtout la fenêtre est affichée en premier plan ce qui fait que l'on ne peut pas cliquer ailleurs sur la page ! Ce que je ne veux absolument pas !

    Non en fait, ce que je veux, c'est un corpus avant tout ! C'est juste un corpus qui se génère d'une façon spéciale.

  4. #4
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Alors plutot une sorte de ToolTip avec un effet graphique à l'ouverture, en somme...

  5. #5
    Membre averti
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Avril 2011
    Messages
    47
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Consultant en sécurité
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2011
    Messages : 47
    Par défaut
    Voilà, c'est ça ! Enfin, c'est plus proche de la réalité quoi Parce-que sur la démo, le petit carré gris, bon...

    C'est quoi tool tip ?

    Et sachant donc qu'à l'intérieur il doit y avoir du texte (et des images), scrollable...

    Faisable ?

    ("Les laveurs de carreaux chopent le nouveau-né." )

  6. #6
    Membre chevronné Avatar de nadox
    Homme Profil pro
    Développeur
    Inscrit en
    Février 2010
    Messages
    360
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2010
    Messages : 360
    Par défaut
    Oui faisable, on peut mettre ce qu'on veut dans la div.

    Petit exemple testable en ligne :
    http://www.tutorialspoint.com/cgi-bi...riptaculous_42

    avec ce code
    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
     
    <html>
    <head>
    <title>script.aculo.us examples</title>
     
       <script type="text/javascript" 
       src="/javascript/prototype.js"></script>
       <script type="text/javascript" 
       src="/javascript/scriptaculous.js?load=effects"></script>
       <script type="text/javascript">
     
       function GrowEffect(element){
           new Effect.Grow(element, {duration:3,from:1.0,to:1.0});
       }
     
       </script>
    </head>
    <body>
    <div style="width:500px; height:250px;border:1px solid red;">
    <div id="grow_demo" style="display:none; width:500px; height:250px; background:#ccc;">
    <div>une div</div>
    <div>une autre div</div>
    <table><tr><td>un</td></tr><tr><td>tableau</td></tr></table>
    <img src="/images/scriptaculous.gif" alt="script.aculo.us" />
    </div>
    </div>
    <ul>
      <li><a href="#" onclick="Effect.Grow('grow_demo'); return false;">Click me for a demo!</a></li>
      <li><a href="#" onclick="$('grow_demo').hide(); return false;">Reset</a></li>
    </ul>
    </body>
    </html>
    ça commence un peu plus à ressembler à ce que tu cherche ?

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

Discussions similaires

  1. Cherche script d'annuaire "spécial"
    Par TallyHo dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 0
    Dernier message: 02/05/2010, 13h39
  2. Script dans un cadre spécial
    Par MyLoVe21 dans le forum Débuter
    Réponses: 4
    Dernier message: 08/03/2010, 22h13
  3. Monter un conteneur crypté via un script
    Par RastaYoupi dans le forum Linux
    Réponses: 1
    Dernier message: 07/02/2010, 17h57
  4. Réponses: 8
    Dernier message: 24/08/2006, 21h20
  5. Un conteneur un peu spécial
    Par Rafy dans le forum C++
    Réponses: 13
    Dernier message: 07/02/2006, 00h16

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