Voir les travaux en cours et le fonctionnement actuel :
[Url visible pour les membres Pro],annuaire.html

Le besoin est simple, je dispose d'un code JS Mootools 1.2 qui me permet d'ouvrir, Fermer des panneaux DIV avec la méthode Fx.Slide.
Je souhaite étendre la fonctionnalité de base et obtenir les comportements suivants :

Etat par défaut au chargement (Ouvert / Fermé)

Modifification de la classe lors du changement d'état (pour appliquer des styles CSS spécifiques)

Possibilité de définir un calque en mode SOLO, ou MULTI (ACCORDEON).

La config du fonctionnement doit se faire en définissant les classes des éléménts DIV.

Besoin Immédiat.

DETAILS DU BESOIN :
___________________

Ouvrir, Fermer des panneaux DIV en utilisant Mootools 1.2 et la méthode Fx.Slide

Code JS Actuel :

$$( '.Panel_Wrapper' ).each(function(item) {
var thisSlider = new Fx.Slide( item.getElement( '.Panel' ), {
duration: 300
});
item.getElement( '.Panel_Toggle' ).addEvent( 'click', function(){
thisSlider.toggle();
});
});

Le code HTML Actuel :

Ouvrir / Fermer

Avec le code ci-dessous, les Panneaux sont ouverts par défaut, et le clic sur le calque Panel_Toggle lance un Toggle sur le Calque.

Mon besoin : pouvoir définir via des classes CSS « open et closed » l’état de départ de chaque DIV, sans changer le code JS pour chaque DIV.

Lorsque d’un calque change d’état, modifier dynamiquement le nom de la classe, afin d’en gérer les styles CSS.

Exemple d’Usage :

Le DIV de la carte a la classe
Le DIV du listing a la classe

Une source à voir : [Url visible pour les membres Pro]

Lorsque le panneau « Liste des liens directs » est ouvert, le div carte est réduit et prend la classe closed,
Le div liens directs est ouvert, prend la classe open.

Les panneaux peuvent soit être liées comme avec la méthode « Accordion », ou indépendants.

Le code JS ne doit pas avoir besoin d’être modifié lors de la création de nouveaux PANNEAUX.

Tout doit se faire en déclarant les classes CSS du panneau : class=’Panel open solo ….’

Budget indicatif30 à 300 €
Publié le06 avril 2009 à 15h27
Objectif de cette demandeDemande de prix pour établir un budget
Compétences recherchées :

Vous avez aussi besoin d'un expert ?

Déposez une annonce en décrivant votre projet et recevez gratuitement des devis en quelques minutes

Déposer une annonce gratuite

Offres pour ce projet :

Offre déposée le 14/04/2009 à 12h18
Offre déposée le 06/04/2009 à 22h54
Offre déposée le 11/04/2009 à 17h13
4 jours Montant privé
Déposez un projet similaire
Publication 100% gratuite
Recevez 10 devis en moyenne
Pas de commission à payer

Vous êtes prestataire et vous cherchez des missions ?

Remplissez rapidement votre carnet de commandes en utilisant Codeur.com pour contacter des nouveaux clients.

Créer un compte gratuitement

Gérer mon projet

Chaque jour, des centaines de clients utilisent Codeur.com pour trouver un prestataire. Créez votre compte dès maintenant, remplissez votre profil et trouvez de nouveaux clients.

Trouver des nouveaux clients

En utilisant ce site, vous acceptez l'utilisation de cookies. permettant de vous proposer des contenus et des services adaptés à vos centres d'intérêts.

Vous utilisez actuellement Internet Explorer. Pour profiter pleinement de Codeur.com, veuillez utiliser un des navigateurs suivant :