Script conteneur corpus spécial

**templari** · 06/04/2011, 18h06

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.

**nadox** · 06/04/2011, 19h51

Bonjour,
Ça ressemble à un LIGHTBOX.

**templari** · 06/04/2011, 21h11

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.

**RomainVALERI** · 06/04/2011, 21h55

Alors plutot une sorte de ToolTip avec un effet graphique à l'ouverture, en somme...

**templari** · 06/04/2011, 22h43

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é."

)

**nadox** · 06/04/2011, 23h02

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 ?

Script conteneur corpus spécial

JavaScript

Vue hybride

Discussions similaires

Partager

Partager