Gestion de Contenu, de Communauté et de groupes de travail collaboratif - Open Source, français, sécurisé, stable et performant

  • MODULES

    Pour étendre les nombreuses fonctionnalités disponibles de base - modules.npds.org est à votre disposition.

    Des modules complémentaires, une communauté de développeurs active, des forums pour vos questions ... NPDS  est aussi une plateforme de développement !

  • STYLES

    Vous cherchez des thèmes graphiques pour votre portail ou votre communauté : styles.npds.org est à votre disposition.

    Des thèmes du plus simple au plus sophistiqué. Des thèmes facilement modifiables et toujours en Open-Source - Laissez simplement parler votre imagination !

  • BIBLES

    La documentation indispensable pour personnaliser et exploiter toute la puissante de NPDS  est à votre disposition sur bible.npds.org.

    Vous pouvez participer à l'effort de documentation - rien de plus simple : contactez un membre de la Team de développement et nous vous ouvrirons un compte sur le Wiki !
Devenir membre    |    Identifiant : Mot de Passe : -
Au delà de la gestion de contenu 'classique', NPDS met en oeuvre un ensemble de fonctions spécifiquement dédiées à la gestion de Communauté et de groupes de travail collaboratif.
Il s'agit d'un Content & Community Management System (CCMS) robuste, sécurisé, complet, performant et parlant vraiment français.

Gérez votre Communauté d'utilisateurs, vos groupes de travail collaboratif, publiez, gérez et organisez votre contenu grâce aux puissants outils disponibles de base.
  • Multi langues (Français, Anglais, Allemand, Espagnol, Chinois)
  • Respect des standards : UTF8, XHTML, CSS, ...
  • Système de blocs avancés
  • Installation et administration complète et centralisée
  • Editeur HTML intégré
  • Gestionnaire de fichier en ligne
  • Gestion des groupes de membres
  • Ecriture collaborative de documents (PAD)
  • Forums évolués
  • Mini-sites (pour les membres et les groupes de travail)
  • Chat temp réel
  • Système de News et de rubriques complet (édition, révision, publication)
  • ...
Gratuit et libre (Open-Source), développé en PHP, NPDS est personnalisable grâce à de nombreux thèmes et modules et ne requiert que quelques compétences de base.
NPDS Workplace - groupe de travail collaboratif
 NPDS WorkSpace - tous l'univers du travail collaboratif.
Modéré par : developpeur jpb Jireck 
Index du Forum » » Le coin des codeurs » » Faire un bloc avec des infos défilantes
AuteurFaire un bloc avec des infos défilantes
Boris
3430       
 

Boris
  Posté : 28-06-2010 12:16

Bonjour à tous,

Je ne passe plus souvent sur npds.org, mais cela dit, je continue régulièrement à travailler avec cet excellent CMS.
Ayant fait un petit script pour Chouettes, je vous en fait également profiter.

Ce script, très simple, est à mettre dans un bloc (testé sous Revolution), et vous permet d'avoir des infos défilantes dans le bloc en question. Egalement, si vous posez la souris sur le bloc, le défilement s'arrête.

Libre à vous de l'utiliser comme bon vous semble.



<div style="overflow: hidden; height: 100px;" id=  "defilBloc01" !onmouse!over="clearTimeout(timerDefil01);" !onmo use!out="timerDefil01 = setTimeout('defiler01()', delaiDefil01); ">
    <div id="defilContent01" style="display:  none;">
        <!-- Ici, on&nbs p;met le texte qui doit défiler -->
        Ici figureront les& nbsp;actualitées
    </div>
</div>
<script type="text/!javascript!">
function defiler01() {
    offsetDefil01 = offsetDefil01 + 1  ;
    if(offsetDefil01 > hauteurDefil01)   {
        offsetDefil01 = hau teurBoxDefil01*-1;
    }
    document.getElementById("defilContent01").style.margi nTop = (offsetDefil01*-1)+"px";
    timerDefil01 = setTimeout('defiler01()',&nb sp;delaiDefil01);
}

document.getElementById("defilContent01").style.display = "block";
hauteurDefil01 = document.getElementById("defilContent01").offsetHe ight;
hauteurBoxDefil01 = document.getElementById("defilBloc01").offsetHe ight;
offsetDefil01 = hauteurBoxDefil01*-1;

// Pour ajuster la vitesse de défilement
delaiDefil01 = 80;

document.getElementById("defilContent01").style.marginTop = hauteur Defil01+"px";
defiler01();
</script>



Réglages :
- le height de la première div détermine la hauteur de la zone d'affichage du bloc. Vous pouvez également ajouter vos propres règles de style ici, ou via une classe CSS.
- La variable delaiDefil01 détermine la vitesse de défilement. Plus c'est petit, plus ça va vite.

Si vous souhaitez avoir 2 blocs défilants ou plus, il suffit de modifier le "01" de chaque variable (fonction defiler01() également) pour le changer en "02", "03", etc...

Le script est sûrement perfectible, mais il a le mérite de fonctionner, et sans bug.

Let's play & enjoy!

PS : Pensez à enlever les points d'exclamations, espaces et "  ;" parasites parasites!

Message édité par : Boris / 31-01-2011 23:01



Message édité par : Boris / 31-01-2011 23:02

  Profil  E-mail  www  
chouettes
422      
 

chouettes
  Posté : 28-06-2010 12:23

Merci Boris cela fonctionne tres bien
  Profil  www  
Boris
3430       
 

Boris
  Posté : 29-07-2011 08:38

Comme NPDS a la mauvaise (ou plutôt la bonne !) tendance à rajouter des ! et des espaces dans le code, j'en ai fait un double sans espace ni ! ici : http://pastebin.com/ib9RMTWp

Servez-vous! :)
  Profil  E-mail  www  
Sauter à :

Temps : 0.0133 seconde(s)