Capitalisation de fonctions JS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Capitalisation de fonctions JS

machinbidule1974

Do you feel lucky, punk ?

Salut,

Bon je suis souvent amené à effectuer des développements en JS entre autres et je me demandais si ça ne serait pas une bonne idée de "capitaliser" les fonctions réutilisables en JS dont tout le monde pourrait avoir besoin.

Si je dis ça, c'est parceque c'est chiant de devoir toujours mettre à jour ses listes de fct JS dans son coin alors que si on met ça en accès sur le forum, c'est accessible de partout et pour tout le monde...

Qu'en pensez-vous ???

Publicité

lorill

que c'est une idée louable, mais pas forcément réaliste.
on n'a pas les memes besoins

machinbidule1974

Do you feel lucky, punk ?

Oui c'est vrai que les besoins sont rarement les mêmes mais il y a toujours certaines fonctions qui sont utilisées par tout le monde, je pense aux fonctions de manipulations de String, aux vérifications de dates, de format d'adresses mails, etc...

Toujours pas convaincu ???

lorill

pas tellement, non. ceci dit, que ca ne t'empeche surtout pas de le lancer, c'est pas parce que je n'y vois pas d'interet qu'il n'y en a pas.

en plus dans mon cas, je dois encapsuler ces fonctions dans des taglibs pour simplifier la vie des developpeurs, qui n'ont du coup que leurs jsp & servlets a maintenir.

machinbidule1974

Do you feel lucky, punk ?

Bon ben si je fais un flop, je m'en fous après tout

Méthode de manipulation de champ

Code :

/* --------------------------------------------------------------- */
/* Teste si le champ dont le nom est passé en paramètre est */
/* alimenté dans le formulaire ... */
/* --------------------------------------------------------------- */
function isPresent(pElem) {
var element = window.document.forms[0].elements[pElem];
switch(element.type) {
case 'hidden' : return (element.value != '');
case 'password' : return (element.value != '');
case 'text' : return (element.value != '');
case 'textarea' : return (element.value != '');
case 'select-one' : return ((element.selectedIndex != -1) && (element.options[element.selectedIndex].value != ''));
case 'checkbox' : return (element.checked);
case 'radio' : return (element.checked);
default : for(var k=0 ; k<element.length ; k++) { if (element[k].checked) { return true; } }
}
return false;
}

Méthode de manipulation de chaînes de caractères

Code :

/* --------------------------------------------------------------- */
/* Retourne la partie gauche d'une chaîne de caractères sur n */
/* positions */
/* --------------------------------------------------------------- */
function left(pString, pLen) {
return pString.substr(0, pLen);
}
/* --------------------------------------------------------------- */
/* Retourne la partie droite d'une chaîne de caractères sur n */
/* positions */
/* --------------------------------------------------------------- */
function right(pString,pLen) {
return pString.substr(pString.length - pLen, pLen);
}
/* --------------------------------------------------------------- */
/* Complète une chaîne (un nombre) sur pLen caractères avec des */
/* zéros à gauche */
/* --------------------------------------------------------------- */
function padNumber(pN,pLen) {
str = new String(pN);
while (str.length < pLen) { str = "0" + str; }
return str;
}

Méthodes de manipulation de dates

Code :

/* --------------------------------------------------------------- */
/* Retourne la date du jour sous la forme JJ/MM/SSAA */
/* --------------------------------------------------------------- */
/* Fonction stand-alone ! */
/* --------------------------------------------------------------- */
function getToday() {
myDat = new Date();
JJ = myDat.getDate();
JJ = (JJ < 10 ? "0" + JJ : "" + JJ);
MM = myDat.getMonth() + 1;
MM = (MM < 10 ? "0" + MM : "" + MM);
SSAA = myDat.getFullYear();
return JJ + "/" + MM + "/" + SSAA;
}
* --------------------------------------------------------------- */
/* Retourne un tableau avec tous les jours fériés de l'année */
/* pAnnee sous la forme JJ/MM */
/* --------------------------------------------------------------- */
function getTousFeries(pAnnee) {
tabFeriesFixes = "01/01.01/05.08/05.01/11.11/11.14/07.15/08.25/12";
AA = parseInt(pAnnee,10);
JOUR = 1000 * 60 * 60 * 24;
NbOr = (AA % 19) + 1;
S1 = Math.floor(AA/100);
S2 = Math.floor((2 + S1) * 3/7);
Epacte = (11 * NbOr - (3 + S2)) % 30;
Delta = (Epacte + 6) % 30;
PLune = new Date(AA, 3, 19-Delta); // 19 Avril de l'année AA
if (Epacte == 24) { PLune = new Date(PLune.valueOf() - JOUR); }
if ((Epacte == 25) && (AA >= 1900 && AA < 2000)) { PLune = new Date(PLune.valueOf() - JOUR); }
Paques = new Date(PLune.valueOf() - (PLune.getDay() * JOUR) + 8 * JOUR);
tabTousFeries = tabFeriesFixes + "." + padNumber(Paques.getDate(), 2) + "/" + padNumber(Paques.getMonth()+1,2);
Ascension = new Date(Paques.valueOf() + 38*JOUR);
tabTousFeries += "." + padNumber(Ascension.getDate(), 2) + "/" + padNumber(Ascension.getMonth()+1, 2);
Pentecote = new Date(Ascension.valueOf() + 11*JOUR);
tabTousFeries += "." + padNumber(Pentecote.getDate(), 2) + "/" + padNumber(Pentecote.getMonth()+1, 2);
return tabTousFeries.split("." );
}
/* --------------------------------------------------------------- */
/* Compare les deux dates pDate1 et pDate2 et retourne 0, <0 ou >0 */
/* Les paramètres pDate1 et pDate2 sont des chaînes de caractères */
/* au format JJ/MM/SSAA OBLIGATOIREMENT ! */
/* --------------------------------------------------------------- */
/* Fonction stand-alone ! */
/* --------------------------------------------------------------- */
function compareDates(pDate1, pDate2) {
dat1 = parseInt(new String(pDate1).split("/" ).reverse().join("" ), 10);
dat2 = parseInt(new String(pDate2).split("/" ).reverse().join("" ), 10);
return dat1 - dat2;
}

Message édité par machinbidule1974 le 09-12-2002 à 11:43:34

The Kinetics

Moi jai plein de fonction pour manipuler les <DIV>

Code :

var ns4 = (document.layers)? true:false; //détéction du browser
var ie4 = (document.all)? true:false;
var dom = (document.getElementById)? true:false; //window.sidebar fonctionne aussi ... mieux ?
var NbImage = 0;
var Img = new Array();
var Loading = false;
function MoveWin(name,X,Y)
{
if (ie4 || dom)
{
name.moveTo(X,Y)
}
}
function ChangeLayer(id,HTML)
{
if (ie4)//marche aussi avec Opera 7. il faudrait faire un meilleur test
{
document.getElementById(id).innerHTML = HTML;
}
/*else if (ns4)
{
document.open();
document.write("caca" );
document.close();
document.layers[id].write = HTML;
}*/
}
function HideOverflow()
{
document.body.style.overflow='hidden';
}
function ChangeImg(name,newsrc)//marche pas terrible pour l'instant, en dévellopement
{
if(document.images)
{
if(Loading == false)
{
Img[NbImage] = new Image();
Img[NbImage].src = newsrc;
Loading=true;
eval("TimeoutID = window.setTimeout(\"ChangeImg('"+name+"','"+newsrc+"')\",200);" );
}
else
{
if(Img[NbImage].complete==true)
{
//document.images[name].src = Img[NbImage].src;
eval("document."+name+".src = Img[NbImage].src;" );
NbImage = NbImage + 1;
Loading = false;
}
else
{
eval("TimeoutID = window.setTimeout(\"ChangeImg('"+name+"','"+newsrc+"')\",200);" );
}
}
}
}
function GetObj(id)//renvoie un identifiant manipulable
{
if (dom)
{
return document.getElementById(id);
}
else if (ie4)
{
return document.all[id];
}
else if (ns4)
{
return document.layers[id];
}
else
{
return false;
}
}
function HideLayer(id)//rend invisible un layer
{
if (dom)
{
document.getElementById(id).style.visibility = "hidden";
}
else if (ie4)
{
document.all[id].style.visibility = "hidden";
}
else if (ns4)
{
document.layers[id].visibility = "hide";
}
}
function ShowLayer(id)//affiche un layer
{
if (dom)
{
document.getElementById(id).style.visibility = "visible";
}
else if (ie4)
{
document.all[id].style.visibility = "visible";
}
else if (ns4)
{
document.layers[id].visibility ="show";
}
}
function MoveLayerX(id,X)//déplace un layers
{
if (dom)
{
document.getElementById(id).style.left = X;
}
else if (ie4)
{
document.all[id].style.posLeft = X;
}
else if (ns4)
{
document.layers[id].pageX = X;
}
}
function MoveLayerY(id,Y)//déplace un layer vertivalement
{
if (dom)
{
document.getElementById(id).style.top = Y;
}
else if (ie4)
{
document.all[id].style.posTop = Y;
}
else if (ns4)
{
document.layers[id].pageY = Y;
}
}
function MoveLayer(id,X,Y)//déplace un layer horizontalement
{
if (dom)
{
document.getElementById(id).style.left = X;
document.getElementById(id).style.top = Y;
}
else if (ie4)
{
document.all[id].style.posLeft = X;
document.all[id].style.posTop = Y;
}
else if (ns4)
{
document.layers[id].pageX = X;
document.layers[id].pageY = Y;
}
}
function getLeft(MyObject)
{
if (dom || ie4)
{
if (MyObject.offsetParent)
return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
else
return (MyObject.offsetLeft);
}
if (ns4)
{
return (MyObject.x);
}
}
function getTop(MyObject)
{
if (dom || ie4)
{
if (MyObject.offsetParent)
return (MyObject.offsetTop + getTop(MyObject.offsetParent));
else
return (MyObject.offsetTop);
}
if (ns4)
{
return (MyObject.y);
}
}
function AnchorLayer(id,AnchorId)//positionne un layer par rapport à une ancre. ne pas oublier id et name dans l'encre
{
var Anchor;
if (dom)
{
Anchor = document.getElementById(AnchorId);
}
else if (ie4)
{
Anchor = document.all[AnchorId];
}
else if (ns4)
{
Anchor = document.anchors[AnchorId];
}
MoveLayer(id,getLeft(Anchor),getTop(Anchor));
}
function out(id)//cache un layer après un compte à rebours, utile pour des menus
{
eval("window.time"+id+" = window.setTimeout(\"hidelayer('"+id+"')\", 800);" );
}
function over(id)//annule le compte à rebours
{
showlayers(id);
if(eval("window.time"+id)){
window.clearTimeout(eval("window.time"+id));
}
}

Message édité par The Kinetics le 08-12-2002 à 18:56:41

The Kinetics

Je cherche un outil gratuit et bien fait pour faire du HTML/JS ... EN ce moment j'utilise HTML-KIT ... IL souffre de nombreux défault(à mon goût), je cherche quelquechose de plus simple et de plus efficace ! :hello:

Message édité par The Kinetics le 08-12-2002 à 19:00:56

Hermes le Messager

Breton Quiétiste

The Kinetics a écrit :

ConTEXT, plus simple tu meurs, et il contient tout ce qu'il faut pour faire du HTML, du JS, du PHP etc...

Enfin, mon avis est que tout devrait se situer du côté serveur. Les applications en javascript, j'en vois pas bcp de vraiment utile et de toutes façon, il faut bien s'assurer qu'avec la désactivation du JS, on a pas de problème.

Bref, le js, c'est juste pour du superflu...

Par exemple, il ne me viendrait plus à l'idée de vérifier un formulaire avec du JS.

tapiocca

Galicia Celta

Hermes le Messager a écrit :

Bref, le js, c'est juste pour du superflu...

[:tecoswsn] c'est c'la, rouiiii

---------------
Que Viva Galicia y España [Quand on a pas ce que l'on aime, il faut aimer ce que l'on a!]

The Kinetics

merci pour le prog hermes je vais tester !

Pour ce qui est du javascript, si je te suis je peux mettre mon site que j'essaye de dévolloper à la poubelle !

En faite cest vrai que des fois je me casse les burnes pour rien à vouloir faire un site en js/html alors que en flash ca serais 1000X plus simple ...

Honnetement que pensez vous de ca: www.magnin-sante.ch/dhtml

Publicité

lorill

The Kinetics a écrit :

Honnetement que pensez vous de ca: www.magnin-sante.ch/dhtml

que tu peux effectivement le mettre a la poubelle... ca fait une jolie page blanche (oui, j'ai javascript activé, non, je n'ai pas ie)

The Kinetics

:sweat: Heuuu tu a activé les Pop-up ?
Tu utilise quoi comme navigateur ?

machinbidule1974

Do you feel lucky, punk ?

Voici d'autres fonctions utiles en JS

Pour ceux qui veulent désactiver le bouton droit de la souris sur leur formulaire

Code :

/* --------------------------------------------------------------- */
/* Désactiver le bouton droit de la souris */
/* --------------------------------------------------------------- */
var message = "Vous n'êtes pas autorisé à utiliser le bouton droit de la souris.";
var ns4 = (document.layers) ? true : false;
var ie4 = (document.all) ? true : false;
var dom = (document.getElementById) ? true : false;
if (dom) {
if (document.addEventListener) {
document.addEventListener("mouseup", RightMouseDisable, false);
} else {
document.oncontextmenu = IsForbidden;
}
} else if (ie4) {
document.onkeydown = CheckKey;
document.onmousedown = RightMouseDisable;
} else if (ns4) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = RightMouseDisable;
}
function CheckKey() {
var MyKey = event.keyCode;
if (MyKey==93) {
var MyValue = IsForbidden;
return false;
}
}
function RightMouseDisable(e) {
var MyNumber=0;
if (ie4) {
MyNumber = event.button;
} else {
MyNumber = e.which;
if (MyNumber == 2 || MyNumber == 3) {
var MyValue = IsForbidden();
return false;
} else {
return true;
}
}
}
function IsForbidden() {
alert(message);
return false;
}

Autres fonctions sur les chaînes de caractères

Code :

/* --------------------------------------------------------------- */
/* Vérifie la numéricité d'une chaîne */
/* --------------------------------------------------------------- */
function isNumeric(pStr) {
return !(pStr.search(/\D/) >= 0);
}
/* --------------------------------------------------------------- */
/* Change la première lettre d'une chaîne en majuscule */
/* Exemple: DERTY => Derty */
/* --------------------------------------------------------------- */
function capitalize(pString) {
return (pString.charAt(0)).toUpperCase() + pString.slice(1).toLowerCase();
}
/* --------------------------------------------------------------- */
/* Supprime les espaces superflus dans la chaîne de caractères en */
/* paramètre */
/* --------------------------------------------------------------- */
function trim(inputString) {
if (typeof inputString != "string" ) {
return inputString;
}
var retValue = inputString;
var ch = retValue.substring(0, 1);
while (ch == " " ) {
retValue = retValue.substring(1, retValue.length);
ch = retValue.substring(0, 1);
}
ch = retValue.substring(retValue.length-1, retValue.length);
while (ch == " " ) {
retValue = retValue.substring(0, retValue.length-1);
ch = retValue.substring(retValue.length-1, retValue.length);
}
while (retValue.indexOf(" " ) != -1) {
retValue = retValue.substring(0, retValue.indexOf(" " )) + retValue.substring(retValue.indexOf(" " )+1, retValue.length);
}
return retValue;
}

Méthode de manipulation de champ

Code :

/* --------------------------------------------------------------- */
/* Réinitialise le champ pElem du document passé en paramètre */
/* --------------------------------------------------------------- */
function resetField(pElem, doc) {
var el;
if (doc != null) {
el = doc.forms[0].elements[pElem];
} else {
el = window.document.forms[0].elements[pElem];
}
switch(el.type) {
case 'hidden' : el.value = ''; break;
case 'password' : el.value = ''; break;
case 'text' : el.value = ''; break;
case 'textarea' : el.value = ''; break;
case 'select-one' : el.selectedIndex = 0; break;
case 'checkbox' : case 'radio' : el.checked = false; break;
default : for(var k=0 ; k<el.length ; k++) { el[k].checked = false; }
}
}

Test du navigateur

Code :

/* --------------------------------------------------------------- */
/* Teste si le navigateur est Netscape version >= 4. */
/* --------------------------------------------------------------- */
/* @return true si le navigateur correspond au test */
/* false sinon. */
/* --------------------------------------------------------------- */
function isNS4() {
return (navigator.appName.substring(0,8) == "Netscape" && parseFloat(navigator.appVersion.substring(0,4)) >= 4);
}
/* --------------------------------------------------------------- */
/* Teste si le navigateur est Internet Explorer version >= 5. */
/* --------------------------------------------------------------- */
/* @return true si le navigateur correspond au test */
/* false sinon. */
/* --------------------------------------------------------------- */
function isIE5() {
return (navigator.appName.substring(0,9) == "Microsoft" && navigator.appVersion.indexOf("MSIE 5" ) != -1);
}

Fonctions de travail sur les heures

Code :

/* --------------------------------------------------------------- */
/* Vérifie la validité d'une heure au format HH:MM */
/* --------------------------------------------------------------- */
function validTime(pTime) {
tabTime = new String(pTime).split(":" );
if (tabTime.length != 2) { return false; }
if (!(isNumeric(tabTime [0]) && isNumeric(tabTime [1]))) { return false; }
HH = eval(tabTime[0]);
MM = eval(tabTime[1]);
if (!((HH >= 0) && (HH <= 23))) { return false; }
if (!((MM >= 0) && (MM <= 59))) { return false; }
return true;
}
/* --------------------------------------------------------------- */
/* Retourne une heure HH:MM sous la forme d'une durée en minutes */
/* --------------------------------------------------------------- */
function HHMMToDuree(paramDuree) {
if (!validTime(paramDuree)) { return -1; }
tabTime = new String(paramDuree).split(":" );
return eval(eval(tabTime[0])*60 + eval(tabTime[1]));
}
/* --------------------------------------------------------------- */
/* Retourne une durée en minutes sous la forme HH:MM */
/* --------------------------------------------------------------- */
function DureeToHHMM(paramDuree) {
MM = eval(paramDuree) % 60;
HH = (eval(paramDuree) - MM) / 60;
return padNumber(HH, 2) + ":" + padNumber(MM, 2);
}
/* --------------------------------------------------------------- */
/* Retourne l'heure courante en nombre de minutes depuis minuit */
/* --------------------------------------------------------------- */
function getTime() {
dat = new Date();
return eval(dat.getHours() * 60 + dat.getMinutes());
}

Si vous avez des choses à partager, n'hésitez pas

:hello:

lorill

The Kinetics a écrit :

:sweat: Heuuu tu a activé les Pop-up ?
Tu utilise quoi comme navigateur ?

ah oui, j'ai viré les popups sur les onload.
mozilla

FORUM HardWare.fr

Programmation

HTML/CSS

Capitalisation de fonctions JS

Sujets relatifs
Script de chat a mettre sur un site... mais avec certaines fonctions !	Ecrire un programme C utilisant des fonctions faites en assembleurs...
Des fonctions virtuelles et statiques	[C] Implémentation de fonctions et calcul de complexité
definition de macro et fonctions "a la printf"	fonctions C avec nombre infini d'argument
[PHP&Div] Cookies&Gâteaux Secs - Postez vos fonctions inutiles ici :D	struct & fonctions
pb de poinreur lors d'appel de fonctions	fonctions graphiques en C
Plus de sujets relatifs à : Capitalisation de fonctions JS

Page générée en 0.174 secondes