Effet slide_down

Community FR
1

Salut à tous,

voici mon code:

<% for img in @images %> <%= img.name %> <% end %>

Ce que je veux faire c´est afficher mon div images une fois ma boucle
for terminée en utilisant l´effet slide_down de script.aculo.us que
j´inclus dans ma page. Je sais quil faut utilser visual_effect du
helper de script.aculo.us mais j´y arrive pas trop
Peak Obsession.

Merci d´avance

Pat

2

tu ajoutes

<%= javascript_tag visual_effect(:blind_down, “images”) %>

Le mieux est de le faire sur le onload de ton body ou le onDOMReady
(Vivabit | The Web's Cutting Edge
prototype)
Seb

Le 31 juil. 06 à 04:38, Patrick A. a écrit :

3

On 7/31/06, Sébastien Gruhier [email protected] wrote:

tu ajoutes

<%= javascript_tag visual_effect(:blind_down, “images”) %>

Ok merci beaucoup. Au fait cétait blind_down que je cherchais en effet
et pas slide_down.

Autre petite question. Quand je fais un blind_down est-ce qu´il y a un
moyen d´adapter le height de mon div “images” au contenu parceque le
contenu déborde de mon div et ça fait un peu moche, je pensais que
height=“auto” ou 100% allait marcher mais non. Y a-t-il une fonction
magique à la rails pour adapter le height de mon div à son contenu?

merci d´avance

Pat

4

On 8/2/06, Nicolas P. [email protected] wrote:

Envois-nous ton code CSS. Le mien est aussi simple que ça :

#details_view {
background-color: #EDEDED;
border: 3px solid #C9C9C9;
font-size: 8pt;
padding: 25px;
}

Aucune info à propos de hauteur, c’est au navigateur de déterminer…

moi j´ai
#allimages{
border: 3px solid ;
}

et dans mon code j´ai
ça

<% for img in @images -%> #ceci affiche une 50aine de photos miniatures

<%=show_image img.album.url+'/'+img.name) %>

<% end %>

le problème c´est que ça affiche juste la bordure du div allimages et
en dessous tous les miniatures.

5

Salut

Autre petite question. Quand je fais un blind_down est-ce qu´il y a un
moyen d´adapter le height de mon div “images” au contenu parceque le
contenu déborde de mon div et ça fait un peu moche, je pensais que
height=“auto” ou 100% allait marcher mais non. Y a-t-il une fonction
magique à la rails pour adapter le height de mon div à son contenu?

Non, désolé, il n’y a pas cette fonction magique en helper rails.
Prototype a bien une fonction Element.getHeight et une autre
Element.setStyle pour faire ce genre d’opération. Mais ça ne paraît
pas très utile si tu n’as aucun moyen de déterminer l’espace
nécessaire pour ton contenu.

J’utilise dans un projet courant un slide_down sur un div à hauteur
variable, qui s’adapte automatiquement à mon contenu. Donc ton
problème est plus de l’ordre du CSS que de rails ou de JS. Faire un
hack JS pour ça serait certainement exagéré :slight_smile:

Envois-nous ton code CSS. Le mien est aussi simple que ça :

#details_view {
background-color: #EDEDED;
border: 3px solid #C9C9C9;
font-size: 8pt;
padding: 25px;
}

Aucune info à propos de hauteur, c’est au navigateur de déterminer…

NP_______________________________________________
Railsfrance mailing list
[email protected]
http://lists.rubyonrails.fr/mailman/listinfo/railsfrance

6

Salut Patrick !

#allimages{
border: 3px solid ;
}

Effectivement ce n’est pas grand chose :slight_smile:

le problème c´est que ça affiche juste la bordure du div allimages et
en dessous tous les miniatures.

Cela semble être malgré tout un petit problème de CSS certainement
pas bien grave :slight_smile:

Là je n’ai qu’une ligne de CSS, impossible de régler quoi que ce
soit. Mais tu peux quand même changer les “wrappers” de tes images de
DIVs à des SPANs. Un div implique une mise à la ligne automatique,
cela brise le flot CSS. (div: block ; span: inline). Donc ça ça peut
déjà causer des erreurs de CSS. Le mieux serait en fait d’alléger le
code dans la foulée :

Au lieu de quelque chose comme ça :

et

#images { … }

Préfère ça :

et ça :
#allimages img { … }

Bon ça c’est juste pour alléger un peu la page. Mais la balise img
est aussi une balise “inline” comme span donc on est gagnant à tous
les coups.

Après pour ton problème en particulier à moins d’avoir tout le css,
je ne peux rien faire biensûr :slight_smile: Mais sache que c’est à ce niveau
parce qu’un div tout simple s’ajuste normalement à son contenu.

Mets peut-être moins de propriété à “#allimages img” et davantage à
#allimages (tel un padding).

Fais-gaffe peut-être aussi à des propriété globales de div (div
{ … }) et à la propriété overflow dont ton div pourrait hériter
d’un conteneur parent (bizarrement ma foi, mais le css, c’est
bizarre…) Au pire joue avec un overflow sur #allimages.

Bonne chance,
NP_______________________________________________
Railsfrance mailing list
[email protected]
http://lists.rubyonrails.fr/mailman/listinfo/railsfrance

7

On 8/3/06, Nicolas P. [email protected] wrote:

en dessous tous les miniatures.

et
#allimages img { … }

ok merci beaucoup pour toutes ces infos, je vais tester tout ça chez
moi. J´ai pas mon css là sinon je te laurais envoyer :slight_smile: bon jte tiens
au courant++ et merci encore

8

On 8/3/06, Nicolas P. [email protected] wrote:

et
#allimages img { … }

cool merci maintenant ça marche en faisant exactement ça :slight_smile:

9

Bonsoir,

Existe-t-il un helper ou un plugin permettant d’obtenir un date_select
mais
avec un petit calendrier js en div pas en pop up ?
Dans ce genre : http://www.mattkruse.com/javascript/calendarpopup/

Merci d’avance.
++ krull

10

cool merci maintenant ça marche en faisant exactement ça :slight_smile:

cool !
NP

11

J’ai déjà personnellement utilisé le système décrit ici (il y a les 2
modes popup et “flat”) :
http://wiki.rubyonrails.org/rails/pages/CalendarHelper

Sinon tu peux éventuellement t’aider d’un de ces 2 exemples :
http://wiki.rubyonrails.org/rails/pages/Calendar+Helper+Plugin
http://wiki.rubyonrails.org/rails/pages/DynamicCalendarHelper

++

yk

Krull a écrit :