CommunityBar/fr
From EducOO.org
Barre communautaire
Accueil > CommunityBar/fr
History
Inspiration
- http://www.framasoft.net/ (top bar)
- http://www.wibiya.com/
- testée avec Firefox 3.6.12 (Linux32b) • Opera 10.62 (Linux32b) • Chrome 8.0.552 (Linux32b) • IE 6/7/8 (WinXP) • Safari 5.0.3 (Mac)
- source de la barre : http://jixedbar.rawswift.com/ (v0.5)
TODO
- changer le comportement de la souris sur les boutons (survol à la place de clique)
Changelog
- 20110917
- - correction de la compatibilité avec jQuery 1.6.x fonctionne à présent avec WP v3.2.x
- 20110730
- - correction de la largeur de la barre
- - modification de l'icône Campus Libre
- 2011.03.02
- - correction d'une incompatibilité de styles CSS avec un thème WP
- - suppression d'un effet visuel indésirable lors du chargement de la barre
- 2011.01.21
- - création de l'extension EducOOoCommunityBar afin de faciliter l'implémentation dans Mediawiki
- - correction la position du bouton Afficher (ajout de 4/5px à droite) à cause de la marge droite/gauche de la barre
- 2011.01.07
- - ajout d'une véfification du mode édition pour les systèmes wiki uniquement. Si le mode édition est sélection, ne pas afficher la barre
- - modification de la détection de IE grâce à la fonction interne de jQuery et correction de quelques bugs avec IE6/IE7
/* IE6 + IE7 detection method */
if ( $.browser.msie ) {
var ie = parseInt(jQuery.browser.version);
}
- 2010.12.16
- - corrige la position du bouton affiche/cache également lors du redimensionnement de la fenêtre
jQuery("#jx-uhid-con-id").css({
"margin-left": (centerScreen + (jQuery(obj).width()/2) + 6) - jQuery("#jx-uhid-con-id").width()
});
- 2010.12.11
- - remplacement des références $ par la chaine JQuery afin de prévenir les conflits avec d'autres frameworks (jquery.jixedbar.js)
- - début de l'ajout de l'effet d'opacité sur la barre (à finir)
- 2010.12.10
- - ajout de l'animation du bouton "Show" lors du chargement (jquery.jixedbar.js):
// check if we need to hide the show/unhide button (based on cookie)
if (!this.hideBar) {
$("#jx-uhid-con-id").css({
"display": "none" // do not display the show/unhide button
});
}
else{
$("#jx-uhid-con-id").hide();
$("#jx-uhid-con-id").slideToggle();
}
- - correction du bogue avec le cookie permettant de sauvegarder l'état de la barre (cachée/visible) - (jquery.jixedbar.js):
- remplacement de
if ($(this).checkCookie("JXID")) {
- par
if($(this).readCookie("JXID") != "null") {''
- - ajout du lien www.educoo.tw dans le menu locales
- - ajout d'un nouveau thème, plus stylisé
- 2010.12.07
- - ajout de l'animation lors du chargement de la barre (jquery.jixedbar.js)
- 2010.12.06
- - ajout de extraBarFixFlash() qui corrige le wmode des animations Flash (ext-bar.js) - source: http://css-tricks.com/snippets/jquery/change-wmode-with-jquery/
- - modification de la référence pour les dimensions du document qui corrige la position initiale de la barre (jquery.jixedbar.js) - merci to Marina pour le test et le rapport de bogue :
var screen=jQuery(window);
à la place de
var screen=jQuery(this);
- - ajout des icônes pour web / wiki / blog / XO / about et les flèches: up / down / hide / show
- - amélioration de certains styles
- 2010.12.05
- - ajout des prières icônes
- - ajout d'un hack CSS hack pour faire cohabiter la barre avec les environments comme mediawiki, wordpress ou drupal
- 2010.12.04
- - version initiale
- - création de ext-bar.js afin d'être l'unique script appelé - nouvelles fonctions: extraBarGetScript() et extraBarLoad()
Installation
Chamilo 1.8.x
- ouvrir le fichier : main/inc/footer.inc.php
- aller à la fin du fichier
- insérer avant la balise </body> :
<!-- Extra-bar for EducOOo community links --> <script language="javascript" type="text/javascript" src="http://extbar.educoo.org/ext-bar.js"></script>
Site web standard
- ouvrir la page concernée (ex. index.html)
- ajouter les lignes suivantes AVANT la balise </body>
<!-- Extra-bar for EducOOo community links --> <script language="javascript" type="text/javascript" src="http://extbar.educoo.org/ext-bar.js"></script>
- enregistrer le fichier
Drupal
- ouvrir drupal/themse/your-theme/template.php
- ajouter après la ligne 11 (get_drupal_version() checking):
$external_js = 'http://extbar.educoo.org/ext-bar.js';
drupal_add_js('document.write(unescape("%3Cscript src=\''. $external_js . '\' type=\'text/javascript\'%3E%3C/script%3E"));', 'inline', 'footer', false, false);
- enregistrer le fichier
Mediawiki
MW extension
- télécharger le fichier Media:EducOOoCommunityBar.tar.gz et décompresser dans le répertoire extension
- ajouter la ligne suivante dans LocalSettings.php:
require_once("$IP/extensions/EducOOoCommunityBar/EducOOoCommunityBar.php");
- source de EducOOoCommunityBar.php:
<?php
/*
* EducOOoCommunityBar
* @authors Benjamin Bois
* @version 0.1
* @copyright OSI
* @license The MIT License - http://www.opensource.org/licenses/mit-license.php
* -----------------------------------------------------------------------
* Description:
* Helps administrator to add the EducOOo Community Bar to a mediawiki.
* Requirements:
* MediaWiki 1.6+
* Installation:
* nothing
*/
// Confirm MW environment
if (defined('MEDIAWIKI')) {
// OPTIONS
$js_url = "http://extbar.educoo.org/ext-bar.js"; // URL of the community bar script
// Version
define('EDUCOOO_COMMUNITY_BAR_VERSION','0.1');
// Credits
$wgExtensionCredits['parserhook'][] = array(
'name'=>'EducOOoCommunityBar',
'author'=>'Benjamin Bois',
'url'=>'http://wiki.educoo.org/index.php/CommunityBar#Mediawiki',
'description'=>'Helps administrator to add the EducOOo Community Bar to a mediawiki.',
'version'=>EDUCOOO_COMMUNITY_BAR_VERSION
);
// Check if the page is an action page
function is_action(){
if(isset($_GET[action])){
return true;
}
else{
return false;
}
}
// Load external JavaScript before closing </body> tag
if(is_action()===false){
$wgHooks['SkinAfterBottomScripts'][] = 'community_bar_script_call';
}
function community_bar_script_call($skin, &$text='') {
global $js_url;
$text .= '<script type="text/javascript" src="' . $js_url . '"></script>';
return true;
}
} // Closing MW Environment wrapper
Ancienne méthode d'insertion - NON recommandée
- ouvrir wiki/skins/Vector.php (default skin name choosed for the wiki)
- rechercher la chaîne "</body>" (vers la ligne 560 de Vector) et ajouter les lignes:
<!-- Extra-bar for EducOOo community links --> <?php if($_GET[action]!='edit'): ?> <script language="javascript" type="text/javascript" src="http://extbar.educoo.org/ext-bar.js"></script> <?php endif; ?>
- enregistrer le fichier
WordPress
- ouvrir la partie gestion du blog
- Apparence > Editeur
- Sélectionner à droite de la fanêtre, footer.php et ajouter les lignes AVANT la balise </body>
<!-- Extra-bar for EducOOo community links --> <script language="javascript" type="text/javascript" src="http://extbar.educoo.org/ext-bar.js"></script>
- enregistrer les changements
