Javascript
::charger dynamiquement un javascript
[Trackback]
Date : 2008-08-29@11:59:27
Rang : 0
Ce code permet de charger un javascript en javascript de manière dynamique dans la page.
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'votre javascript à charger';
document.getElementsByTagName('head')[0].appendChild(script);
Cela permet par exemple de charger un javascript que lorsque vous en avez besoin.
Javascript
::Recharger proprement une page
[Trackback]
Date : 2008-08-29@11:54:37
Rang : 0
Ce code javascript permet de recharger proprement une page une fois que celle ci est chargée.
window.onload = function(){window.location.reload();};
Cela évite de faire planter le navigateur lorsqu'un window.location.reload() est fait sur une page contenant un document.write().
Je n'ai pas réussi à isoler ce bug mais dans certains cas Firefox afficher tout simplement une page blanche en chargement lorsque j'utilise le window.location.reload() dans une page en cours de chargement (dans le head pour être plus précis).
Javascript
::Rédiriger un navigateur depuis une iframe
[Trackback]
Date : 2008-08-29@11:46:40
Rang : 0
Ce code javascript permet de rediriger en pleine page un navigateur depuis une iframe.
Tester sous IE6,IE7 et Firefox 3
top.location.href = url;
Javascript
::date format en javascript
[Trackback]
Date : 2008-05-14@14:47:02
Rang : 0
Cette fonction javascript format une date javascript à la manière de la fonction php.
Les formats supportés sont limité à d m Y h i s de la fonction date de php.
function dateFormat(format,date)
{
if(date == undefined)
{
date = new Date();
}
if(typeof date == 'number')
{
time = new Date();
time.setTime(date);
date = time;
}
else if(typeof date == 'string' )
{
date = new Date(date);
}
var fullYear = date.getYear();
if (fullYear < 1000)
{
fullYear = fullYear + 1900;
}
var hour = date.getHours();
var day = date.getDate();
var month = date.getMonth()+1;
var minute = date.getMinutes();
var seconde = date.getSeconds();
var milliSeconde = date.getMilliseconds();
var reg = new RegExp('(d|m|Y|H|i|s)','g');
var replacement = new Array();
replacement['d'] = day < 10 ? '0'+ day : day;
replacement['m'] = month < 10 ? '0'+ month : month;
replacement['Y'] = fullYear;
replacement['Y'] = fullYear;
replacement['H'] = hour < 10 ? '0'+ hour : hour;
replacement['i'] = minute < 10 ? '0'+ minute : minute;
replacement['s'] = seconde < 10 ? '0'+ seconde : seconde;
return format.replace(reg,function ($0){return ($0 in replacement) ? replacement[$0] : $0.slice(1, $0.length - 1);});
}
Javascript
::Un début de unserialize en PHP
[Trackback]
Date : 2008-05-14@14:40:33
Rang : 0
Le script ci dessous permet de désérialiser uniquement les tableaux de chaine.
C'est à dire les tableau du genre de celui ci :
<?php
$tableau = array("clé 1"=> "valeur 1","clé 2"=> "valeur 2")
?>
function unserialize(inData)
{
var outData = false;
var stringMatches = inData.match(/s:[0-9]+:".*?";s:[0-9]+:".*?";/g);
if(stringMatches != null)
{
outData = new Array()
for(var i = 0; i < stringMatches.length; i++)
{
var match = stringMatches[i].match(/s:[0-9]+:"(.*?)";s:[0-9]+:"(.*?)";/);
if(match != null)
{
outData[match[1]] = match[2];
}
}
}
return outData;
}
La fonction retourne false en cas d'échec.
Javascript
::Un début de unserialize en PHP
[Trackback]
Date : 2008-05-14@14:40:17
Rang : 0
Le script ci dessous permet de désérialiser uniquement les tableaux de chaine.
C'est à dire les tableau du genre de celui ci :
<?php
$tableau = array("clé 1"=> "valeur 1","clé 2"=> "valeur 2")
?>
function unserialize(inData)
{
var outData = false;
var stringMatches = inData.match(/s:[0-9]+:".*?";s:[0-9]+:".*?";/g);
if(stringMatches != null)
{
outData = new Array()
for(var i = 0; i < stringMatches.length; i++)
{
var match = stringMatches[i].match(/s:[0-9]+:"(.*?)";s:[0-9]+:"(.*?)";/);
if(match != null)
{
outData[match[1]] = match[2];
}
}
}
return outData;
}
La fonction retourne false en cas d'échec.
Javascript
::Connaitre la position de la zone client aprés scroll
[Trackback]
Date : 2007-10-24@11:40:49
Rang : 0
Ce code permet de connaître la hauteur (scrollTop) et la largeur (scrollLeft) parcourut par la fenêtre client dans le document.
scrollTop = (window.pageYOffset!=undefined)?window.pageYOffset:document.documentElement.scrollTop;
scrollLeft = (window.pageXOffset!=undefined)?window.pageXOffset:document.documentElement.scrollLeft;
Javascript
::Connaitre la largeur et la hauteur de la zone cliente
[Trackback]
Date : 2007-10-24@11:36:27
Rang : 0
Ce code permet de récupérer la taille de la zone client (zone de travail et non pas taille de la page ou de la fenêtre) dans clientWidth et clientHeight.
clientHeight = (window.innerHeight!=undefined) ? window.innerHeight : document.documentElement.offsetHeight;
clientWidth = (window.innerWidth!=undefined) ? window.innerWidth : document.documentElement.offsetWidth;
Javascript
::Ajouter de l'alpha (tranparence) en javascript
[Trackback]
Date : 2007-10-24@11:25:21
Rang : 0
Cette fonction ajoute de la transparence sur un élement html (div, img ...).
elementId : Identifiant de l'élément
alpha : entier entre 0 et 100 (100 totalement transparent)
function setAlpha(elementId,alpha)
{
document.getElementById(elementId).style.opacity = alpha / 100;
/**Test pour notre cher IE*/
if (document.body.filters != undefined)
{
document.getElementById(elementId).style.filter = 'alpha(opacity:' + alpha + ')';
}
}
Javascript
::Cacher Afficher les lignes d'un tableau en javascript
[Trackback]
Date : 2007-10-24@11:17:32
Rang : 0
La fonction suivante permet d'afficher de cacher/afficher toutes les lignes ayant pour classe css rowClass du tableau identifié tableId.
function displayRowClass(tableId,rowClass)
{
var table = document.getElementById(tableId);
var display = 'none';
for(i in table.rows)
{
row = table.rows[i];
if(row.className == rowClass)
{
if(row.style.display == 'none')
{
/**Test si c'est IE ou pas*/
display = document.all != undefined ? 'block' : 'table-row';
}
else
{
display = 'none';
}
row.style.display = display;
}
}
}
Javascript
::implode et explode en javascript
[Trackback]
Date : 2007-10-11@15:29:32
Rang : 0
J'oublie tout le temps les fonction js pour faire l'équivalent de implode et explode en javascript ... faut que je le note :
Equivalent de la fonction explode :
var str = "CBR,GSXR,ZXR,996";
str.split(',');
Résultat :
Array("CBR", "GSXR", "ZXR", "996")
Equivalent de la fonction implode :
var tab=new Array("CBR", "GSXR", "ZXR", "996");
tab.join(',');
Résultat :
"CBR,GSXR,ZXR,996"
Javascript
::Conversion d'une chaine en nombre
[Trackback]
Date : 2007-10-11@10:25:37
Rang : 0
Les fonctions de conversion d'une chaine de caractère en nombre en javascript sont :
parseInt(chaine) qui retourne un entier
parseFloat(chaine) qui retourne un nombre décimal
Javascript
::Module de commentaires automatique
[Trackback]
Date : 2006-12-04@02:01:44
Rang : 0
Module javascript permettant d'integrer facilement un système de commentaires a un site internet. Les commentaires sont hébergés sur le site distant.
http://js-kit.com/
Javascript
::A jouter dans l'url
[Trackback]
Date : 2006-10-21@18:16:59
Rang : 0
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void( 0 );
