Ajax Ouvrir Fermer DIV Mootools1.2
Description du projet « Ajax Ouvrir Fermer DIV Mootools1.2 » :
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 :
<div class="Panel_Wrapper">
<div class="Panel_Toggle"><a>Ouvrir / Fermer</a><h3></h3></div>
<div class="Panel">
</div>
</div>
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 <div class="Panel open">
Le DIV du listing a la classe <div class="Panel closed">
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 ….’
| Etat : |
|
|---|---|
| Réalisation confiée à : |
) |
| Publication de la mission : | Du 06/04/2009 15:27 au 24/04/2009 22:05 |
| Auteur : |
(1 Evaluation)
| Ecrire MP |
| Compétences recherchées : | |
| Modifier mon projet |
Bienvenue sur Codeur.com, la place de marché des freelances !
Déposez un projet vous aussi et recevez vite des devis de freelances qualifiés et disponibles.
Cette mission (ou appel d'offre) est terminé. Le porteur de projet a comparé les devis (ou offres) de prestataires indépendants et développeurs freelances ci-dessous, puis en a choisi un pour la réalisation de son projet. Vous pouvez Créer une mission similaire et recevoir gratuitement des devis pour les comparer.
| Prestataire | Offre | Livraison | Posté le | |
|---|---|---|---|---|
(7) 
Auto-entrepreneur
Offre sélectionnée |
Offre privée | 1 jour | 14/04/2009 12:18 | |
|
Bonjour, Nous vous proposons la réalisation de votre adaptation de js pour 60€ HT. Ce projet ne présentant rien de complexe pour nous, je ne m'étendrai pas sur la solution technique envisagée par le biais de cette réponse. Je reste à votre disposition pour tous renseignements complémentaires. Cordialement, Cédric Saintes Directeur d'agence Lire la suite... |
||||
|
(3)
Auto-entrepreneur
|
Offre privée | 5 jours | 06/04/2009 22:54 | |
|
Bonjour, Nous créons des sites web tous domaines nous pouvons réaliser votre projet et avoir un suivie à l’année pour tous besoin. Tous domaines : Nombre de Catégorie Immédiat Louer Consommation Création de bannièrre Electronique-Hi Tech Petite enfance Enfant Loisirs-Culture Eco Droit Emploi-Formation Internet Jeux Graphismes Nouvelle Page Web Dizagne Nature Sciences Voyages Géographie Voyance Module Web Cam Société-Famille Sport Petites annonces Rencontre : pour femme,hommme,couple,gay,bie,lesbie,sexy,libertin Live show : seul ou multie hôtesse Immobilier Restauration E-commerce Boutique Site Coquin vitrine Présence sur le web Page perso Blog Book Référencement Hébergement Réseaux social Site people Site commercant Site comunautaire Site pubicitaire Instant gagnant Enchère inversé Site de Discothèque Site évenmentiel Maquette Traduction : anglais espagniole italien allemand etc Mailingt Publicité Amélioration de site web existant Tous travaux pour site web Divers demande de site. Pour plus d’infos ou demandes merci de nous contactez. Cordialement. Lire la suite... |
||||
|
Auto-entrepreneur
|
Offre privée | 4 jours | 11/04/2009 17:13 | |
|
Bonjour, j'ai une très bonne expérience de mootools 1.2, je l'utilise dans tous mes projets. Je peux vous faire votre script avec le fonctionnement voulu sans problème avec un code propre et compatible tout navigateur. Cordialement. Lire la suite... |
||||
Le classement ci-dessus est fait à partir du chiffre d'affaire total que les prestataires indépendants ont réalisé sur Codeur.com et les évaluations qu'ils ont reçues.
| Projets similaires |
Programmeur AJAX PHP - Recevez des offres
- Comparez les prix
- Choisissez un prestataire
Déposez un projet Et recevez vos premiers devis !
Rapide : Trouvez un prestataire
100% gratuitement