Category: Français

CentOS 5.5 – Install PHP

FrançaisLinuxTutorials

This install requires postgresql to be installed… You can remove the –with-pgsql=/usr/local/pgsql from the ./configure line if you don’t want to use it…

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
yum install -y gd libxml libtiff mrtg libxslt-devel libxml2-devel libjpeg-devel libpng-devel
 
cd ~
wget -c http://fr.php.net/get/php-5.3.3.tar.gz/from/fr2.php.net/mirror
tar zxvf php-5.3.3.tar.gz
 
cd php-5.3.3/
./configure --prefix=/usr/local/php-5.3.3 --with-apxs2=/usr/local/apache/bin/apxs --with-gd --with-zlib --enable-sockets --with-jpeg-dir=/usr --with-png-dir=/usr --with-zlib --enable-gd-native-ttf --enable-mbstring=all --enable-magic-quotes --with-gettext --with-pgsql=/usr/local/pgsql --enable-libxml --with-xsl=/usr/lib
 
make clean
make
make install
cd /usr/local/
rm -f /usr/local/php
ln -s /usr/local/php-5.3.3/ /usr/local/php
cp ~/php-5.3.3/php.ini-production /usr/local/php/lib/php.ini
cd ~/
rm -Rf ~/php-5.3.3/
 
chown -R root.www /usr/local/php
chmod -R g-w,o-rwx /usr/local/php

CentOS 5.5 – Le firewall

FrançaisLinuxTutorials

——————————————————————————–

Paramètres de configuration

Il s’agit ici de paramètres qu’il vous faudra adapter à vos besoins :
Réseau local : 192.168.2.0

——————————————————————————–

Pré-requis

  • CentOS 5.5 Base install
  • CentOS 5.5 install réseau

——————————————————————————–

Configuration du firewall

Nous allons utiliser iptable et tout est déjà Keep reading

CentOS 5.5 – Install réseau

FrançaisLinuxTutorials

——————————————————————————–

Pré-requis

– CentOS 5.5 Base install

——————————————————————————–

Configuration d’une adresse IP statique

Il faut regarder à 3 ou 4 endroits c’est tout. Histoire de vérifier que tout est ok.
Paramètres nécessaire à remplacer par vos informations : Keep reading

CentOS 5.5 – Base install

FrançaisLinuxTutorials

Une série de doc pour garder une archive quelque part…

Installation de base de CentOS 5.5 : ne sélectionner aucun package, rien nada que dalle et surtout pas d’environnement graphique (ça sert à rien…)…

DHCP ou ip statique on s’en moque… pour l’instant et tant que vous êtes connectés.

Une fois tout installé, se connecter et Keep reading

Javascript – Afficher / cacher un élément HTML

DevFrançaisTutorials

Comment jouer à cache-cache avec des éléments HTML, avec un petit bout de code javascript complètement réutilisable ?
C’est la question du jour de nos amis d’outre-quévin qui aiment la batavia !

Prenons une page HTML (nous appellerons cette page HTML “castor” dans le reste du document) relativement simple :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
  <title>Test</title>
</head>
 
<body>
 
<h3>Voici une liste FAQ passionnante</h3>
<br/>
<strong>Les multivers ont-ils un référentiel temporel commun ?</strong>
<div id="FAQ_1">
  C'est une excellente question et je vous remercie de l'avoir posée.
  Vous ne pensez tout de même pas qu'un type dans mon genre à la réponse ?
  Appelez Stephen Hawking de ma part, il sera ravi de vous aider !
</div>
<br/>
<strong>Comment se fait-il que lors d'un décès, il existe une
disparition de l'information ?</strong>
<div id="FAQ_2">
  Alors là, la question est celle du poids de l'information et
  de sa place dans l'univers. Effectivement lorsque quelqu'un meurt,
  de l'information disparait ou du moins retourne à l'état de matière
  qui en est le stade primitif.
</div>
<br/>
<strong>FAQ dinosaures :</strong>
<table align="center" border="1">
  <tr>
    <th>N°</th>
    <th>Nom</th>
    <th>Caractéristiques</th>
  </tr>
  <tr id="tableau" class="minimized">
    <td>1</td>
    <td>Allosaure</td>
    <td>
      Ancètre du tyranosaure, l'allosaure est un carnivore redoutable,
      l'apparition  du téléphone à scellé le sort de l'Allo...
    </td>
  </tr>
  <tr>
    <td>2</td>
    <td>Ankylosaure</td>
    <td>
      Herbivore sympathique, l'ankylosaure pouvait se défendre
      efficacement contre des prédateurs bien plus gros que lui
      grâce à la lourde boule qui terminait sa queue.
    </td>
  </tr>
  <tr>
    <td>3</td>
    <td>Ptérosaure</td>
    <td>
      Le roi des airs, il était même capable de chanter à la perfection
      l'air de la Reine de la nuit de la flute enchantée !
    </td>
  </tr>
</table>
</body>
</html>

Et donc à partir de ce castor (cette page HTML pour ceux qui n’ont pas tout lu) nous voulons cacher les réponses de la FAQ et ne les afficher qu’à la demande expresse… de nos amis d’outre-quévin justement…
Donc l’objectif est d’avoir une page qui cache le contenu mais pas les titres.
Nous allons utiliser 2 petites images ma foi fort sympathiques :
et

Voici les améliorations à effectuer :
– Ajout des styles min et max (dans la partie HEAD) qui cachent et affichent un élément possédant un ID :

1
2
3
4
5
6
7
<head>
  <title>Test</title>
  <style type="text/css">
    .min { display:none; }
    .max { display:''; }
  </style>
</head>

– Association des styles class=”min” avec les éléments que l’on souhaite cacher au lancement de la page, exemple avec le FAQ_1 :

1
2
3
4
5
<div id="FAQ_1" class="min">
  C'est une excellente question et je vous remercie de l'avoir posée.
  Vous ne pensez tout de même pas qu'un type dans mon genre à la réponse ?
  Appelez Stephen Hawking de ma part, il sera ravi de vous aider !
</div>

– Ajout d’une méthode javascript pour gérer le changement de style d’un élément et d’une autre pour gérer le changement de la source de l’image (il est bien sur possible de tout mettre dans une seule méthode mais, et nous le verrons plus bas, elle aurait été peu réutilisable) :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
</head>
<script type="text/javascript">
<!--
// Pour afficher ou cacher n'importe quel élément HTML possédant un ID
function afficheCache(id) {
   var elem = document.getElementById(id);
   if (elem) {
       if (elem.className != 'min') {
         elem.className = 'min';
       }
       else {
         elem.className = 'max';
       }
   }
}
 
// Pour changer la source d'une image en fonction du style d'un élément HTML
function imgAfficheCache(img, id) {
   afficheCache(id)
   var elem = document.getElementById(id);
   if (elem) {
       if (elem.className != 'min') {
         img.src="moins.gif"
       }
       else {
         img.src="plus.gif"
       }
   }
}
//-->
</script>
<body>

– Ajout des images d’action qui apellent le JS pour cacher/afficher les éléments :

1
2
3
4
5
6
7
<img src="plus.gif" title="Afficher/Cacher" onclick="imgAfficheCache(this, 'FAQ_1')" />
<strong>Les multivers ont-ils un référentiel temporel commun ?</strong>
<div id="FAQ_1" class="min">
  C'est une excellente question et je vous remercie de l'avoir posée.
  Vous ne pensez tout de même pas qu'un type dans mon genre à la réponse ?
  Appelez Stephen Hawking de ma part, il sera ravi de vous aider !
</div>

Bien faire attention aux id qui correspondent aux blocks que l’on souhaite cacher

Pour montrer la ré-utilisabilité du code on ajoute une petite ligne (sans image) qui permet d’afficher ou de cacher la première ligne du tableau de la FAQ_3 :

1
2
<span onclick="afficheCache('TAB_1')" >Cliquez-moi pour afficher ou cacher
la 1ere ligne du tableau !</span>

Vous noterez qu’au lieu de passer par imgAfficheCache(), on utilise afficheCache() qui se fiche de changer une image.

Voici le code complet de la page :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<html>
<head>
  <title>Test</title>
  <style type="text/css">
    .min { display:none; }
    .max { display:''; }
  </style>
</head>
<script type="text/javascript">
<!--
// Pour afficher ou cacher n'importe quel élément HTML possédant un ID
function afficheCache(id) {
   var elem = document.getElementById(id);
   if (elem) {
       if (elem.className != 'min') {
         elem.className = 'min';
       }
       else {
         elem.className = 'max';
       }
   }
}
 
// Pour changer la source d'une image en fonction du style d'un élément HTML
function imgAfficheCache(img, id) {
   afficheCache(id)
   var elem = document.getElementById(id);
   if (elem) {
       if (elem.className != 'min') {
         img.src="moins.gif"
       }
       else {
         img.src="plus.gif"
       }
   }
}
//-->
</script>
 
<body>
 
<h3>Voici une liste FAQ passionnante</h3>
<br/>
<img src="plus.gif" title="Afficher/Cacher" onclick="imgAfficheCache(this, 'FAQ_1')" />
<strong>Les multivers ont-ils un référentiel temporel commun ?</strong>
<div id="FAQ_1" class="min">
  C'est une excellente question et je vous remercie de l'avoir posée.
  Vous ne pensez tout de même pas qu'un type dans mon genre à la réponse ?
  Appelez Stephen Hawking de ma part, il sera ravi de vous aider !
</div>
<br/>
<br/>
<img src="plus.gif" title="Afficher/Cacher" onclick="imgAfficheCache(this, 'FAQ_2')" />
<strong>Comment se fait-il que lors d'un décès, il existe une
disparition de l'information ?</strong>
<div id="FAQ_2" class="min">
  Alors là, la question est celle du poids de l'information et
  de sa place dans l'univers. Effectivement lorsque quelqu'un meurt,
  de l'information disparait ou du moins retourne à l'état de matière
  qui en est le stade primitif. Ce qui je l'accorde reste extrèmement
  perturbant !
</div>
<br/>
<br/>
<img src="plus.gif" title="Afficher/Cacher" onclick="imgAfficheCache(this, 'FAQ_3')" />
<strong>FAQ dinosaures :</strong>
<table align="center" id="FAQ_3" border="1" class="min">
  <tr>
    <th>N°</th>
    <th>Nom</th>
    <th>Caractéristiques</th>
  </tr>
  <tr id="TAB_1" class="min">
    <td>1</td>
    <td>Allosaure</td>
    <td>
      Ancètre du tyranosaure, l'allosaure est un carnivore redoutable,
      l'apparition  du téléphone à scellé le sort de l'Allo...
    </td>
  </tr>
  <tr>
    <td>2</td>
    <td>Ankylosaure</td>
    <td>
      Herbivore sympathique, l'ankylosaure pouvait se défendre
      efficacement contre des prédateurs bien plus gros que lui
      grâce à la lourde boule qui terminait sa queue.
    </td>
  </tr>
  <tr>
    <td>3</td>
    <td>Ptérosaure</td>
    <td>
      Le roi des airs, il était même capable de chanter à la perfection
      l'air de la Reine de la nuit de la flute enchantée !
    </td>
  </tr>
</table>
<br/>
<br/>
<br/>
<br/>
<span onclick="afficheCache('TAB_1')" >Cliquez-moi pour afficher ou cacher la 1ere ligne du tableau !</span>
 
</body>
</html>

Bonne journée !

CastorHelper

CodeDevFrançais

Dans la série code à garder sous la main : Une classe pour travailler Castor

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
package com.ledruide.utils.xml;
 
import java.io.FileInputStream;
import java.io.FileReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.StringWriter;
 
import org.exolab.castor.mapping.Mapping;
import org.exolab.castor.mapping.MappingException;
import org.exolab.castor.xml.MarshalException;
import org.exolab.castor.xml.Marshaller;
import org.exolab.castor.xml.Unmarshaller;
import org.exolab.castor.xml.ValidationException;
import org.xml.sax.InputSource;
 
public class CastorHelper {
 
    private CastorHelper() {}
 
    private static final String ENCODING = "UTF-16";
 
    /**
     * Permet de creer un fichier contenant le XML genere
     *
     * @param monObjet la classe contenant les donnees a 'castoriser'
     * @param mappingFile le fichier XML de mapping pour savoir quoi faire avec l'Objet
     * @throws Exception si une erreur survient.
     */
    public static String saveXMLFile( Object monObjet , String mappingFile ) throws Exception {
        try {
 
            StringWriter content = new StringWriter();
            // First look into the classpath
            InputStream is = CastorHelper.class.getResourceAsStream( mappingFile );
            // If the input stream is not OK I look into the filesystem
            if ( is == null ) {
                is = new FileInputStream( mappingFile );
            }
            // Chargement du mapping
            Mapping mapping = new Mapping();
            mapping.loadMapping( new InputSource( is ) );
            // Marshal l'object -> La transformation de Java en XML !
            final Marshaller marshaller = new Marshaller( content );
            marshaller.setValidation( false );
            marshaller.setMapping( mapping );
            marshaller.setEncoding( ENCODING );
            marshaller.marshal( monObjet );
 
            return content.toString();
        }
        catch ( Exception e ) {
            throw e;
        }
    }
 
    /**
     * Permet de lire un fichier XML contenant les donnees
     *
     * @param aClasse la classe d'implémentation des donnees a 'decastoriser'
     * @throws Exception si une erreur survient.
     */
    public static void loadXMLFile( Object monObjet , String mappingFile , String xml ) throws Exception {
        try {
            // First llok into the classpath
            InputStream is = CastorHelper.class.getResourceAsStream( mappingFile );
            // If the input stream is not OK I look into the filesystem
            if ( is == null ) {
                is = new FileInputStream( mappingFile );
            }
 
            // Chargement du mapping
            Mapping mapping = new Mapping();
            mapping.loadMapping( new InputSource( is ) );
            // UnMarshal l'object -> La transformation XML vers Java !
            Unmarshaller unmarshaller = new Unmarshaller( monObjet );
            unmarshaller.setWhitespacePreserve( true );
            unmarshaller.setMapping( mapping );
            monObjet = unmarshaller.unmarshal( new FileReader( xml ) );
        }
        catch ( Exception e ) {
            throw e;
        }
    }
 
    /**
     * @param result
     * @return
     * @throws IOException
     * @throws MarshalException
     * @throws ValidationException
     */
    public static String dynamicXmlFromObject( Object object ) throws Exception {
        StringWriter content = new StringWriter();
        final Marshaller marshaller = new Marshaller( content );
        marshaller.setValidation( false );
        marshaller.setEncoding( ENCODING );
        marshaller.setSuppressXSIType(true);
        marshaller.marshal( object );
 
        return content.toString();
    }
 
}