|
11/09/08 - 14:52 Améliorer l'affichage lors du chargement d'un site |
Quoi de plus frustrant que de voir son site " se construire " lors du chargement de la page, comment avoir un effet "coucou j'apparais hop d'un coup" ?
Le gros probleme dans le chargement d'un site est tout ce qui est textures , images ,... ect.
Le browser internet appelle les images lorsqu'il les rencontre dans le code html. Il commence par la tete ( <head> ) , puis le corps ( <body> ) , construit la page , charge les images au fur et à mesure ,...
Si l'hébergeur ou le visiteur a une connexion un peu lente , on peu voir toute cette construction.
Il nous faudrait charger les images AVANT la construction du corps.Pour cela nous allons faire appelle à une fonction javascript qui va charger les images-textures voulues AVANT la construction du corps.
Pas de chichi , voila la fonction :
function FP_preloadImgs()
{
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
} |
Il vous suffira ensuite d'appeler cette fonction dans la balise <body> de cette manière :
| <body onload="FP_preloadImgs(/*url*/'graph/bann.jpg', /*url*/'graph/bann2.jpg', /*url*/'menu/bdp.jpg')"> |
Les images sont chargée avant la construction du corps.
Ceci ne rendra pas votre site plus rapide , mais le chargement choquera moins les internautes "lent" qui visiterons votre site qui deviendra un peu plus confortable d'utilisation.
|
|
Afficher les commentaires | Ecrire un commentaires | ( 0 ) |
|
10/09/08 - 19:42 Pour les fans de Drum & Bass |
 Ca va vous intéresser ,...
D&B Share.com
C'est la même chose que rapidshare , megaupload , mais spécialisé dans les sessions de drum and bass. Assez sympa , surtout dans les archives , dommage qu'on ne puisse pas consulter tout ce qui a été upper , mais un ou deux petits passages tout les jours , et c'est direct 1-2 Go par jour garantit 
Le téléchargement est super rapide , pas besoin de code , c'est gratuit , pas de limite en + , il faut juste attendre 5 secondes avant de commencer le téléchargement ,... mais peu importe
|
|
Afficher les commentaires | Ecrire un commentaires | ( 0 ) |
|
10/09/08 - 13:56 Booter plus rapidement sous linux |
Encore une petite astuce assez simple :
Si vous êtes équipé d’un processeur Dual Core ou que celui-ci supporte l’hyper-threading, vous allez pouvoir en tirer parti sous Linux pour booter encore plus vite !
Il suffit d’ouvrir le fichier suivant :
sudo nano /etc/init.d/rc
Et d’éditer l’option suivante en remplaçant “none” par “shell”
CONCURRENCY=shell
Sauvegardez, fermez tout et redémarrez !
|
|
Afficher les commentaires | Ecrire un commentaires | ( 0 ) |
|
09/09/08 - 11:15 Creer son propre BB-code |
         
Quoi de plus sympathique pour un utilisateur d'un site ou d'un blog de pouvoir insérer des smileys tout mignons lorsqu'il rédige un commentaire ou un article !
Voici donc un petit tutoriel de " comment programmer ce genre de chose ? ".
Il y aura deux parties : la rédaction par l'utilisateur , et l'interprétation du code par le serveur.
La rédaction par l'utilisateur
Bienvenue dans le monde magique de javascript !
Tout le monde connais le principe, mais je vais quand même expliquer en détail comment l'installer , pour ceux qui voudraient jalousement faire un bête copier coller :
Les javascript se mettent entre des balises <script language="JavaScript"> et </script> dans la tête du code htm ( ou balise <head> ) pour ceux qui n'y connaissent vraiment rien ).
Le script doit permettre a l'utilisateur de pouvoir inséré une suite de charactere dans un TEXTAREA de FORM. Pas trop d'explication sur le code , il est commenté :
function insertion(repdeb, repfin) {
var input = document.forms['formulaire'].elements['texte'];
input.focus();
/* pour l'Explorer Internet */
if(typeof document.selection != 'undefined') {
/* Insertion du code de formatage */
var range = document.selection.createRange();
var insText = range.text;
range.text = repdeb + insText + repfin;
/* Ajustement de la position du curseur */
range = document.selection.createRange();
if (insText.length == 0) {
range.move('character', -repfin.length);
} else {
range.moveStart('character', repdeb.length + insText.length + repfin.length);
}
range.select();
}
/* pour navigateurs plus récents basés sur Gecko*/
else if(typeof input.selectionStart != 'undefined')
{
/* Insertion du code de formatage */
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + repdeb + insText + repfin + input.value.substr(end);
/* Ajustement de la position du curseur */
var pos;
if (insText.length == 0) {
pos = start + repdeb.length;
} else {
pos = start + repdeb.length + insText.length + repfin.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
/* pour les autres navigateurs */
else
{
/* requête de la position d'insertion */
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos)) {
pos = prompt("Insertion à la position (0.." + input.value.length + "):", "0");
}
if(pos > input.value.length) {
pos = input.value.length;
}
/* Insertion du code de formatage */
var insText = prompt("Veuillez entrer le texte à formater:");
input.value = input.value.substr(0, pos) + repdeb + insText + repfin + input.value.substr(pos);
}
} |
Sur ce code , le formulaire doit s'appeler "Formulaire" et le textarea "texte".
Le htm doit appeler ce code sur une image ,.... ben intégrons le ,...
<img src="graph/boutinsert/5.gif" onClick="insertion(' ', '')"> |
Ici lorsque l'utilisateur cliquera sur l'image , le code du smiley voulu s'intégrera (" " , le 2em argument vous permet de rajouter une suite de caractères après le curseur clignotant ) automatiquement dans la zone de texte. On en a fini pour cette première partie
interprétation du code par le serveur
Réfléchissons , on a le texte avec les codes dans la base de donnée , il faut ressortir ce texte en remplaçant les caractères voulus par du code htm ,...
Cherchons donc une fonction qui nous fera tout ça ,.... Google ,... et hopla : $texte = str_replace($code, $html, $texte);
LA fonction str_replace va chercher le charactère "$code" dans le texte "$texte" et le remplacer par le code html "$html"
Noter que vous pouvez utiliser des tableau pour appeler la fonction qu'une seul fois ( ou créé les tableaux via une base MySQL pour avoir facile à rajouter des smileys sur votre site sans devoir changer le code source )
$code=array("","");
$html=array('<img src="graph/smile/1.gif">','<img src="graph/smile/2.gif">');
$texte = str_replace($code, $html, $texte); |
Voila , je pense que tout est a votre disposition afin d'en faire un peu + pour vos utilisateur, et réfléchir a toutes les utilisation que l'on peu faire ( style , couleur , intégration d'image ,... ect )
A vous de jouer !!
|
|
Afficher les commentaires | Ecrire un commentaires | ( 3 ) |
| Par Psychoz le 09/09/08 - 16:11 |
 |
PS : remplacer les smiley dans le tuto par un code genre " [°°] " |
| Par Xzan le 13/09/08 - 15:03 |
 |
Tu devrais mettre tes sources ^^ |
|
|
05/09/08 - 11:34 Désactiver le timer dans un cyber-café |
Petite astuce assez simple : comment désactiver le timer dans un cyber-café pour surfer un peu plus longtemps.
Sur un Pc Windows ou tout , ou presque est désactivé :
Créez un fichier" .txt" et écrire "cmd" , renommez l'extension en ".bat" et double cliquer dessus.
Vous arriver sur une invite de commande MS Dos
Tapez dans cette invite : "cd c:windows" puis ensuite tapez "regedit"
Vous arrivez dans l'éditeur de base de registre
Allez ensuite jusqu'à la clé nommée "DisableTaskmanager" en allant par "HKEY_CURRENT_USER>Appevents>software>classes> microsoft>windows>current version>internet settings>policies>system"
Mettre cette clé a une valeur"0", et vous aurez accès au gestionnaire de tâches
Allez sur le bureau , faire " alt+ctrl+del " et chercher le programme du timer ( cyberlux ? )
Ensuite , arrêtez le , redémarrez le , faites en ce que vous voulez ,....
|
|
Afficher les commentaires | Ecrire un commentaires | ( 0 ) |
|
|
20 Derniers commentaires : |
|
|
|
julien sur