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 :

[DOM] Montrer/Cacher des blocs DIV


Sujet :

JavaScript

  1. #21
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Quelle est le contenu de tes class ?

  2. #22
    Membre averti
    aze
    Inscrit en
    Mars 2007
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : Antilles Néerlandaises

    Informations professionnelles :
    Activité : aze

    Informations forums :
    Inscription : Mars 2007
    Messages : 55
    Par défaut
    Bon, alors juste pour éclaircir les choses...
    Prototype est juste une librarie proposant pas mal de raccourcis très pratiques (genre $() est equivalent à Document.getElementById()) qui sont pensés pour faciliter la vie... Le même code avec les équivalences marchera aussi !
    Scriptaculous est une librairie dans le même esprit qui facilite principalement tout ce qui touche à AJAX et aux effets graphiques.

    Ce sont simplement de gros wrappeurs bien pensés sur des fonctions qui sont utilisées régulièrement.
    C'est vrai que ca fait un ou deux include de plus pour juste la simplicité du code... Après libre à toi de les utiliser ou pas !

  3. #23
    Membre averti
    aze
    Inscrit en
    Mars 2007
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : Antilles Néerlandaises

    Informations professionnelles :
    Activité : aze

    Informations forums :
    Inscription : Mars 2007
    Messages : 55
    Par défaut
    Citation Envoyé par mikaweb
    Elles ne font pas toutes la même chose je suppose, mais est-ce bien de mélanger leur utilisation dans une même page ?
    C'est bien dans la mesure où elles ne font pas la même chose justement ! Enfin, c'est du bon sens...
    Par contre si tu utilises des librairies qui n'ont strictement rien à voir tu peux parfois tomber sur des conflits au début.
    Enfin typiquement Scriptaculous a besoin de Prototype pour fonctionner, mais j'ai passé une journée à essayer de comprendre pourquoi rien ne marchait avant de lire quelque part que TinyMCE devait être chargé AVANT scriptaculous...

    Pour le site que j'ai fait j'y serais encore si j'avais dut recoder un editeur de texte et un framework AJAX et une librairie d'effets trendy... Ca m'a quand même rendu beaucoup de services.
    Je suis à fond pour ce genre de librairies parce que j'en ai vraiment eu besoin, mais c'est vrai qu'elles ne doivent pas être forcément pertinantes dans tous les cas !
    Encore une fois, il faut y aller avec du bon sens...

  4. #24
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 240
    Par défaut
    voici le contenu de mes classes :

    Code : 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
    .infoCache {
    float: left;
    visibility: hidden;
    overflow: hidden;
    height: 1px;
    margin-top: -1px;
    position: absolute;		
    }
     
    .nocache {
    background: #000000;
    font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    padding-left: 10px;
    border-bottom: 3px solid Black;
    border-top: 3px solid Black;
    margin-top: 15px;
    height: 252px;
    width: 252px;
    float: left;
    }

  5. #25
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Tu t'es juste trompé en adaptant le JS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script type="text/javascript">
    		var div_affiche="";
    		function Affiche(id_div) {
    		if (document.getElementById(div_affiche))
    			document.getElementById(div_affiche).className="infoCache";
    			document.getElementById(id_div).className="nocache";
    			div_affiche=id_div;
    		}
    		</script>


    A+

  6. #26
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 240
    Par défaut
    Merci sa marche nikel excuse pour ma faute d'inatention sinon niveau compatibilité avec des navigateurs un peu plus dépassé ???

Discussions similaires

  1. Des blocs div qui ne dépassent pas
    Par paladice dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 18/04/2013, 17h21
  2. Montrer/Cacher des ports
    Par Yun-Harla dans le forum Simulink
    Réponses: 0
    Dernier message: 15/05/2009, 11h15
  3. Synchroniser le scrolling des blocs div
    Par rhani-sama dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 18/09/2008, 13h54
  4. Positionnement des blocs DIV sous IE6
    Par elekaj34 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 29/11/2007, 18h18
  5. [CSS]Positionnement des blocs <div> + pb selon navigat
    Par Trunks dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/12/2005, 10h56

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