Posteet: daoro

Hacks CSS pour min-width, max-width, min-height, max-height pour IE

daoro — Sun, 09 Dec 2007 19:35:42 +0000

// max-width
// Ce code dit que si la largeur du document est supérieure à 1000px, alors il sera forcé à 1000px, sinon il restera à "auto". Si javascript est désactivé alors la largeur sera de 770px;


// min-width
// Le code dit que si la largeur du document est inférieure à 600px, alors elle est forcée à 600px (il y a donc une apparition des barres d'ascenseur horizontales au seuil de 600px). Si JavaScript n'est pas actif, alors la largeur est fixée à 770px.


// min-width et max-width en meme temps


// max-height
// Le code dit que si la largeur du document est inférieure à 600px, alors elle est forcée à 600px (il y'a donc une apparition des barres d'ascenseur horizontales au seuil de 600px).

[css] [hacks] [ie] [max-height] [max-width] [min-height] [min-width]

Transparence IE png provenant de feuille de style CSS

daoro — Sun, 09 Dec 2007 19:34:52 +0000

/* A modifier dans la page CSS*/
/* A la place de :*/
background-image: url("image.png");

/* remplacer par :*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='image.png');
background-image: none;

/* !ATTENTION! Probleme sur les liens, pour resoudre ajouter: */

a, input
{
position: relative;
z-index: 1;
}

[balise] [css] [IE] [internet explorer] [png] [transparence]

Afficher en clair un mot de passe caché par des étoiles dans Firefox

daoro — Sun, 09 Dec 2007 19:30:04 +0000

javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j [Firefox]  [javascript]  [js]  [mot de passe]  [password]

Backup MySQL

daoro — Tue, 13 Nov 2007 18:30:54 +0000

#
#Fichier de configuration (backup-mysql.conf)
#

###########################################################
# Fichier de configuration pour le script backup-mysql.sh #
###########################################################


#Serveur à backuper
SERVER='localhost'

#Utilisateur MySQL
DBUSER='login'

#Mot de passe MySQL
DBPASS='mdp'

#On specifie les bases a backuper ("all" pour tout backuper)
DB='all'

#Date format
DATE_FORMAT='+%d-%m-%Y'

#Repertoire de backup
BACKUP_DIR='/var/backup/mysql/'

#Repertoire du jour
TODAY_DIR=$(date $DATE_FORMAT)

#Nomre de backups a conserver (en jours)
HISTORY='7'

#Type de compression (bzip2/gzip)
COMP_TYPE='bzip2'

#Creer un repertoire pour chaque base de donnees (yes/no)
SEP_DB='yes'

#Separer les tables en differents fichiers (yes/no)
SEP_TABLE='yes'

#Options pour le dump
#Utiliser 'man mysqldump' ou aller sur la configuration pour plus de details
OPTS='--default-character-set=latin1 --skip-extended-insert'

#Fichier de logs
LOG_FILE='/tmp/backup.log'

#Adresse mail pour les logs d'execution du script
MAIL_ADDR='admin@domain.tld'

#
#Script de backup MySQL 
#

#!/bin/bash 

CONF_PATH='/etc'
CONF_FILE='backup-mysql.conf'

if [ ! -d "$CONF_PATH" ] || [ ! -f "$CONF_PATH/$CONF_FILE" ]; then
        echo "File : $CONF_PATH/$CONF_FILE missing !"
        exit 1;
else
        . "$CONF_PATH/$CONF_FILE"
fi

send-mail () {
        cat "$LOG_FILE" | mail -s "Rapport d'execution du script $(basename $0) sur $HOSTNAME" $MAIL_ADDR
        rm "$LOG_FILE"
}

check_dirs () {
        #On verifie si le repertoire de backup existe
        if [ ! -d "$BACKUP_DIR" ]; then
                echo "$BACKUP_DIR n'existe pas." >> "$LOG_FILE"
                send-mail
                exit 1;
        fi
        #On verifie si le repertoire du jour existe
        if [ ! -d "$BACKUP_DIR/$TODAY_DIR" ]; then
                mkdir "$BACKUP_DIR/$TODAY_DIR"
        fi
        #On supprime le backup le plus ancien
        TO_DELETE=$(date --date "$HISTORY days ago" $DATE_FORMAT)
        if [ -d "$BACKUP_DIR/$TO_DELETE" ]; then
                rm -r "$BACKUP_DIR/$TO_DELETE"
        fi
}

backup () {
        if [ -z "$1" ]; then
                echo 'Liste des bases non transmise' >> $LOG_FILE
                send-mail
                exit 1;
        else
                if [ "$SEP_DB" == 'yes' ]; then
                        for DB_TO_BACKUP in $1; do
                                #On cree le repertoire pour separer les bases
                                mkdir "$BACKUP_DIR/$TODAY_DIR/$DB_TO_BACKUP"
                                if [ "$SEP_TABLE" == 'yes' ]; then
                                        for TABLE_TO_BACKUP in $(mysql -h$SERVER -u$DBUSER -p$DBPASS --skip-column-names $DB_TO_BACKUP -e "show tables"); do
                                                mysqldump -h"$SERVER" -u"$DBUSER" -p"$DBPASS" $OPTS "$DB_TO_BACKUP" "$TABLE_TO_BACKUP" | "$COMP_TYPE" > "$BACKUP_DIR/$TODAY_DIR/$DB_TO_BACKUP/$DB_TO_BACKUP-$TABLE_TO_BACKUP-$TODAY_DIR.$FILE_EXT"
                                        done
                                else 
                                        mysqldump -h"$SERVER" -u"$DBUSER" -p"$DBPASS" $OPTS "$DB_TO_BACKUP" "$TABLE_TO_BACKUP" | "$COMP_TYPE" > "$BACKUP_DIR/$TODAY_DIR/$DB_TO_BACKUP/$DB_TO_BACKUP-$TODAY_DIR.$FILE_EXT"
                                fi
                        done
                                
                else
                        if [ "$SEP_TABLE" == 'yes' ]; then
                                for DB_TO_BACKUP in $1; do
                                        for TABLE_TO_BACKUP in $(mysql -h$SERVER -u$DBUSER -p$DBPASS --skip-column-names $DB_TO_BACKUP -e "show tables"); do
                                        mysqldump -h"$SERVER" -u"$DBUSER" -p"$DBPASS" $OPTS "$DB_TO_BACKUP" "$TABLE_TO_BACKUP" | "$COMP_TYPE" > "$BACKUP_DIR/$TODAY_DIR/$DB_TO_BACKUP-$TABLE_TO_BACKUP-$TODAY_DIR.$FILE_EXT"
                                        done
                                done
                        else
                                mysqldump -h"$SERVER" -u"$DBUSER" -p"$DBPASS" $OPTS --all-databases | "$COMP_TYPE" > "$BACKUP_DIR/$TODAY_DIR/$TODAY_DIR.$FILE_EXT"
                        fi
                fi
        fi
}

# On cree le fichier de log
touch "$LOG_FILE"
# on verifie que les bases a backuper sont bien renseignees
if [ -z "$DB" ]; then
        echo 'variable $DB vide.' >> "$LOG_FILE"
        send-mail
        exit 1;
elif [ "$DB" == "all" ]; then
        DB_LIST=$(mysql -h$SERVER -u$DBUSER -p$DBPASS --skip-column-names -e "show databases" | xargs)
else
        DB_LIST="$DB"
fi      
# On verifie que la compression est correcte
if [ "$COMP_TYPE" == 'bzip2' ]; then
        FILE_EXT='sql.bz2'
elif [ "$COMP_TYPE" == 'gzip' ]; then
        FILE_EXT='sql.gz'
else
        echo '$COMP_TYPE non spécifié.' >> "$LOG_FILE"
        send-mail
        exit 1;
fi

check_dirs
backup "$DB_LIST"

#On verifie si le fichier de logs existe et qu'il est vide
if [ -f "$LOG_FILE" ] && [ "$(cat $LOG_FILE | wc -l)" -eq 0 ]; then
        #Si il est vide on efface
        rm "$LOG_FILE"
else
        #Sinon on envoie le rapport
        send-mail
fi

[backup] [bash] [linux] [mysql]

Fonction de mise en forme de texte pour utilisation dans une URL (Par exemple pour de l'URL Rewriting)

daoro — Mon, 05 Nov 2007 18:53:01 +0000

function convert_for_uri($text) {
  // Définition du séparateur
  define("SEPARATOR", "-");

  $tofind = "àáâãäåòóôõöøèéêëçìíîïùúûüÿñ"; // Lettre accentuées
  $replac = "aaaaaaooooooeeeeciiiiuuuuyn"; // Equivalant non accentué

  // Mise en minuscule + suppression des lettres accentuées par leur équivalant non accentué
  $text = strtr(strtolower($text),$tofind,$replac);

  // Remplacement de caractère non alphanumérique par un séparateur
  $text = ereg_replace("[^a-z0-9]", SEPARATOR, $text);

  // Suppression des doubles séparateurs
  while (strstr($text, SEPARATOR . SEPARATOR))
    $text = str_replace(SEPARATOR . SEPARATOR, SEPARATOR, $text);

  // Retour avec suppression d’un possible séparateur en fin de chaîne
  return(ereg_replace(SEPARATOR . "$", "", $text));
}

[php] [uri] [url rewriting] [web]

Astuces Google

daoro — Mon, 05 Nov 2007 18:51:21 +0000

info:exemple.com <---> Affiche des informations au sujet du site recherché
10 euros en dollars <---> Conversions monétaires
stocks:nom de l'entreprise <---> Donne des informations financières sur une entreprise
+les carottes <---> Force la prise en compte des mots communs
mot(s) site:exemple.com <---> Limite la recherche d'expressions à un seul site Web
group:thème.sous-thème <---> Permet de restreindre une recherche à un thème ou un sous-thème dans Google Groups
insubject:mot <---> Recense les articles de Google Groups dont le sujet contient le mot recherché
source: 20 minutes <---> Recense les articles de Google News dont la source est celle recherchée
filetype:pdf mot <---> Recense les fichiers du type choisi contenant l'expression recherchée (types de fichiers supportés : pdf, ps, doc, wri, ppt, xls, rtf)
inurl:mot <---> Recense les pages contenant l'expression dans l'URL et dans la page
allintext: expression <---> Recense les pages contenant l'expression dans le corps HTML de la page
intext:mot <---> Recense les pages contenant l'expression dans le corps HTML de la page et dans la page
inanchor:mot <---> Recense les pages contenant le mot recherché ou un lien affichant dans son texte le mot recherché
allinanchor: expression <---> Recense les pages contenant un lien affichant dans son texte l'expression recherchée
allinurl: mot <---> Recense les pages dont l'expression est comprise dans l'URL
allintitle: mot <---> Recense les pages dont l'expression est comprise dans le titre de la page
intitle:mot <---> Recense les pages dont l'expression est comprise dans le titre de la page et dans la page
related:exemple.com <---> Recense les pages que Google juge similaires à un site donné
movie:zorro <---> Recense les pages Web traitant du film recherché
site:exemple.com <---> Recense toutes les pages d'un même site répertoriées par Googlebot
link:exemple.com <---> Recense toutes les pages répertoriées par Google contenant un lien vers ce site
cache:exemple.com <---> Retourne la page mise en cache d'un site par Google au lieu de la page Web actualisée
1 + 2 – 3 * 4 / 5 <---> Retourne le résultat du calcul (fonctions supportées : pi, pi(), e, i, sin(), cos(), tan(), cotan(), ln(), log(), ^, sqr()...)
Attentat author:pasmoi <---> Retourne les articles de Google Groups dont l'auteur est celui recherché
mot1 OR mot2 OR mot3 <---> Retourne les pages contenant au moins un des mots
"mot1 mot2 mot3" <---> Retourne les pages contenant l'expression exacte
mot1 mot2 -mot3 <---> Retourne les pages ne comprenant pas les mots avec un tiret devant
mot1 mot2 mot3 <---> Retourne tous les mots présents dans le désordre
define:mot <---> Retourne une liste de définitions pour le mot recherché
http://www.google.com/language_tools <---> Outils multilingues
http://code.google.com <---> Recherche de codes de programmations
http://www.google.com/linux <---> Recherches spécifiques à Linux
http://www.google.com/mac <---> Recherches spécifiques à Mac OS
http://www.google.com/microsoft.html <---> Recherches spécifiques à Windows
http://www.google.com/trends <---> Statistiques des sites

[astuces] [google]

Déterminer le déterminant d'un mot avec PHP

daoro — Sat, 03 Nov 2007 21:43:09 +0000

function determinantMot($strMot, $strVoyelle, $strConsonne) {
  $premiereLettre = substr($strMot,0,1); //On récupère la première l'ettre du mot
  if (stristr('aeiouy', $premiereLettre)) { // A, o, i, o, u ou y = il s'agit d'une voyelle, l'apostrophe est requis
    return $strVoyelle;
  } else { // Sinon c'est une consonne, donc pas d'apostrophe
    return $strConsonne;
  }
}

// Exemple d'utilisation :
// Voir les articles du mois

[déterminant] [php]

Vérifier la validité d'une adresse email avec php

daoro — Sat, 03 Nov 2007 21:41:15 +0000

// Vérification de la forme
function isEmail($email){
 return preg_match("/^(\w|-|\.)+@((\w|-)+\.)+[a-z]{2,6}$/i", $email)
}

// Domaine valide ?
function isEmailDomaine($email){
   list($compte,$domaine)=split('@',$email,2);
   if(!checkdnsrr($domaine,'MX') && !checkdnsrr($domaine,'A')){
     return false;
   }else{
     return true;
   }

[email] [formulaire] [mail] [php]

"Iconiser" des liens en CSS

daoro — Sat, 03 Nov 2007 21:33:28 +0000

/* FICHIERS */
a[href $='.pdf'] { padding-left: 22px; background: transparent url(img/pdf.png) no-repeat center left;}
a[href $='.gif'] { padding-left: 22px; background: transparent url(img/image.png) no-repeat center left;}
a[href $='.png'] { padding-left: 22px; background: transparent url(img/image.png) no-repeat center left;}
a[href $='.jpg'] { padding-left: 22px; background: transparent url(img/image.png) no-repeat center left;}
a[href $='.doc'] { padding-left: 22px; background: transparent url(img/word.png) no-repeat center left;}
a[href $='.xls'] { padding-left: 22px; background: transparent url(img/excel.png) no-repeat center left;}
a[href $='.css'] { padding-left: 22px; background: transparent url(img/texte.png) no-repeat center left;}
a[href $='.txt'] { padding-left: 22px; background: transparent url(img/texte.png) no-repeat center left;}
a[href $='.php'] { padding-left: 22px; background: transparent url(img/php.png) no-repeat center left;}
a[href $='.zip'] { padding-left: 22px; background: transparent url(img/compress.png) no-repeat center left;}
a[href $='.rar'] { padding-left: 22px; background: transparent url(img/compress.png) no-repeat center left;}
a[href $='.tar.gz'] { padding-left: 22px; background: transparent url(img/package.png) no-repeat center left;}
a[href $='.pkg.gz'] { padding-left: 22px; background: transparent url(img/package.png) no-repeat center left;}
 
/* PROTOCOLES IM */
a[href ^="aim:"]  { padding-left: 22px; background: transparent url(img/aim.png) no-repeat center left;}
a[href ^="msnim:"] { padding-left: 22px; background: transparent url(img/msn.png) no-repeat center left;}
a[href ^="xmpp:"] { padding-left: 22px; background: transparent url(img/jabber.png) no-repeat center left;}
a[href *="icq.com"]  { padding-left: 22px; background: transparent url(img/icq.gif) no-repeat center left;}
a[href *="edit.yahoo.com/config/send_webmesg?"]  { padding-left: 22px; background: transparent url(img/yahoo.gif) no-repeat center left;}
a[href ^="skype:"]  { padding-left: 22px; background: transparent url(img/skype.png) no-repeat center left;}
 
/* SITES WEB */
a[href *="youtube.com/"] { padding-left: 22px; background: transparent url(img/youtube.png) no-repeat center left;}
a[href *="metacafe.com/"] { padding-left: 22px; background: transparent url(img/metacafe.png) no-repeat center left;}
a[href *="flickr.com"] { padding-left: 22px; background: transparent url(img/flickr.png) no-repeat center left;}
a[href *="zooomr.com"] { padding-left: 22px; background: transparent url(img/zooomr.png) no-repeat center left;}
a[href *="imageshack.us"] { padding-left: 22px; background: transparent url(img/imageshack.png) no-repeat center left;}
a[href *="bubbleshare.com"] { padding-left: 22px; background: transparent url(img/bubbleshare.png) no-repeat center left;}

[css] [icon] [icones] [liens] [links]

Menu horizontal a images réactives en CSS

daoro — Sat, 03 Nov 2007 21:29:38 +0000

/* Pour le code xhtml voir plus tout en bas */
/******** MENU ********/
#nav {
height: 25px !important;  /* Hauteur de la barre de menu*/
background: url(images/bg_barre.png) repeat-x; /* Fond d'écran de la barre' */
padding: 0 0 0 12px; /* Marge interne pour décaler les boutons et afficher la barre. Taille = (largeur totale - largeur des boutons)/2 */
border-right: 1px #e7e2cb solid; /* Liaison header <--> contenu */
border-left: 1px #e7e2cb solid;
}
 
#menu {
margin: 0;
width: 776px; /* Taille des boutons */
height: 25px; /* Hauteur de mes boutons */
list-style: none; /* Ne pas afficher les puces */
display: inline; /* Mode en ligne */
overflow: hidden; /* Si le texte sort du cadre, ne pas l'afficher*/
text-indent: -1000px; /* On fait disparaitre le texte en décalant de 1000px la première ligne. Il sort du cadre, et disparait */
}
 
#menu li {
margin: 0; 
padding: 0;
list-style: none; /* cf. ci-dessus, nécessaire pour un affichage correct */
display: inline;
}
 
#menu a {
float: left;
padding: 0;
overflow: hidden;
width: 194px !important; 
}
 
#menu a:hover {
background-position: 0 -25px; /* Décalage pour faire réagir l'image au survol de la souris */
}
 
 
/******* ITEMS DU MENU ******/
#home a {
height: 25px; /* Hauteur du bouton */
width: 194px; /* Largeur du bouton */
background: url(images/home.png) top left no-repeat; /* Image du bouton */
}	
 
#about a {
height: 25px;
width: 194px;
background: url(images/about.png) top left no-repeat;
}	
 
#time a {
height: 25px;
width: 194px;
background: url(images/time.png) top left no-repeat;
}
 
#date a {
height: 25px;
width: 194px;
background: url(images/date.png) top left no-repeat;
}


/* Le menu lui-même (sémantiquement correct) 


Home
About
Time
Date


*/

[css] [html] [images réactives] [menu] [xhtml]