[Ancien]La FAQ Javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

je propose une mise à jour pour cette question
http://javascript.developpez.com/faq...input.chiffres

En effet, la version actuelle ne permet pas de se déplacer dans le champs de saisie, ni de mettre un + pour l'international, ni de supprimer ou de coller une info.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	// Compatibilité IE / Firefox
	if(!event&&window.event) {
		event=window.event;
	}
	// IE
	if((event.keyCode < 48 || event.keyCode > 57) && event.keyCode > 31 && event.keyCode != 43 && event.keyCode != 40 && event.keyCode != 41 && event.keyCode != 32 && event.keyCode != 118 && event.keyCode != 86) {
 
		event.returnValue = false;
		event.cancelBubble = true;
	}
	// DOM
	if((event.which < 48 || event.which > 57) && event.which > 31 && event.which != 43 && event.which != 40 && event.which != 41 && event.which != 32 && event.which != 118 && event.which != 86) {
		event.preventDefault();
		event.stopPropagation();
	}

A vous de voir ;)

Comment séparer les parties entière et décimale d'un nombre ?
Deux méthodes :

- valeur doit être un nombre.
Code:

1 2 3 4 5 6 7 8 9 10 11 function EntDec(valeur) { var partEnt, partDec; var precision = 1000; partEnt = parseInt(valeur); partDec = Math.round(precision*(valeur-partEnt)); alert(partEnt+" "+partDec); }
-valeur peut être un nombre ou une chaine de caractères (cas des input)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function StrEntDec(valeur) { var partEnt, partDec="00", posPt, strVal; strVal = valeur.toString(); posPt = strVal.indexOf("."); if (posPt>0) { partDec = strVal.substring(posPt+1, strVal.length); partEnt = strVal.substring(0, posPt); } else partEnt = strVal.substring(0, strVal.length); alert(partEnt+" "+partDec); }
A la discussion Pour récupérer les décimales d'un nombre
Spacefrog propose également une solution en utilisant la méthode split
Citation:
Deux exemples qui peuvent t'amener à une solution ...
Code:

1 2 3 4 5 6 7 <script type='text/javascript'> var Nombre=37.6; alert(Nombre-parseInt(Nombre)); alert (Nombre.toString().split('\.')[1]) </script>
avec la première tu rencontreras des soucis de virgule flottante ...
Avec la seconde faudra juste faire le test sur la longueur du tableau si il n'y a pas de décimales ... et refaire un Number du résultat ...
en l'adaptant un peu pour afficher la partie entière :
Code:

1 2 3 4 5 6 7 <script type='text/javascript'> var Nombre=37.6 var ent = Nombre.toString().split('\.')[0]; var dec = Nombre.toString().split('\.')[1]; alert(ent+" "+dec); </script>

Pour la question suivante : Comment débugger un script javascript ?
Je propose l'ajout du paragraphe suivant.

Si vous souhaiter allez plus loin et poser des points d'arrêts, modifier le code ou les valeurs de variables durant l'exécution, obtenir les contextes ou les piles d'appels, vous devez utiliser les programme (gratuits) suivants :

Pour Internet Explorer :
Microsoft Visual Web Developper Express Edition 2005 et activer l'option de débogage externet ET interne dans les options internet d'IE

Pour FireFox :
Installer le add-In FireBug (en Anglais)

Pour les autres (tous navigateurs confondus, mais à poser dans le script lui-même : )

Code:

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
/* Methode 1 : Analyser un objet en profondeur... Parfois lent ... Peu pratique mais parfois très utile */
function debug(obj, name, prof) {
    var msg = name + obj;
 prof = (prof == null) ? true : prof;
 if (prof && (typeof (obj) == "array" || typeof (obj) == "object")){
    try {
        for (key in obj)
        {
            msg = msg + debug(obj[key], name + "[" + key + "]", false);
        }
    } catch (ex) {}}
    return msg;
}
 
/* Méthode 2 : Evaluation de scripts. Très maniable et très pratique */
// Penser à "0; var xyz = obj.xyz(); x.init()" pour exécuter une fonction et 
// en conserver la valeur en mémoire puis y ajouter autant de chose que voulu...
if (confirm("Lancer le débogage ?")) {
 var _V_DEBUG = null;
 var evalstr = "'Débogage Activé !'";
 while ((evalstr != "|END|") && (evalstr == "" ? (!confirm("Terminer le débogage ?")) : true)) 
 {
  try
  {
   eval("_V_DEBUG=" + evalstr);
  }
  catch (ex)
  {
   _V_DEBUG = "Impossible d'évaluer l'expression (" + evalstr + ") : " + ex.description;
  }
  var pnum = 0;
  try {for (key in _V_DEBUG) {pnum++}} catch(ex) {pnum = "Erreur : " + ex.description + " : -1"}
  alert("EVAL : " + _V_DEBUG + "\n\n" + pnum + " sous objet(s)")
  evalstr = prompt("Valeur à analyser : (|END| pour stopper)",evalstr)
 }
}

Un code qui a déjà servi pas mal de fois :
Envoyer un formulaire grâce à AJAX :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function getDataFromForm(Form) {
    var data="";
    var key=0;
    for (key=0;key<Form.elements.length;key++) {      
         var currentValue=(Form.elements[key].tagName.toLowerCase()=="select")?getSelectValue(Form.elements[key]):Form.elements[key].value
         data+=escape(Form.elements[key].name)+"="+escape()+"&";
    }
    return data.substr(0, data.length-1);
}
 
function getSelectValue(select) {
   var value="";
   for (var i=0; true; i++) {
      if (select.option[i]) {
         if (select.options[i].selected) {
            value += select.options[i].value + "||";
         }
      } else {return value.substr(0, value.length-2); }
   }
}

Ne marche pas pour les input de type FILE.

Dans le cas des selects multiples (lorsqu'on peut sélectionnez plusieurs valeurs), il faut splitter la chaine renvoyée au moyen de "||" pour obtenir le tableau des valeurs selectionnées

Vous avez peut etre déja eu le problème d'un getElementsByName avec IE, moi oui et sur plusieurs projet.
j'ai fait cette petite fonction qui peut surement etre améliorée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function getIeElementsByName(elementsName){
	if(navigator.appName.indexOf("Explorer")>0){
		var i, l;
		tab = document.all;
		l = tab.length;
		ElementsByName = new Array();
 
	   for (i=0; i<l; i++)
	   {
		  if (tab[i].name==elementsName)
		  ElementsByName[ElementsByName.length] = tab[i];
	   }
	   return ElementsByName;
	}else{
		return document.getElementsByName(elementsName);
	}
}

07/11/2006, 18h10
FremyCompany

En effet, IE ne prend l'attribut NAME que pour les input, img, iframe, ...
C'est une bonne idée de le rapeler

Fermer une fenêtre sans confirmation sous IE (et un popup sous FF) :

Code:

window.open('','_self').close();

Acceder à des objets dans une frame :
Code:

1 2 3 4 var Frame = document.getElementById("frame"); var FrameWindow = Frame.window?Frame.window:Frame.contentWindow; var FrameDocument = FrameWindow.document; var obj = FrameDocument.getElementById("object");
Interrompre un script un certain nombre de temps (ne pas dépasser 5-10 secondes) :
Code:

1 2 3 4 5 6 7 8 sleep=function(ms) { var continue=true; setTimeout(function() { continue=false; }, ms); while (continue) {} } // Utilisation : sleep(1000);

Citation:

Envoyé par FremyCompany

Fermer une fenêtre sans confirmation sous IE (et un popup sous FF) :

Code:

window.open('','_self').close();

Là, j'avoue ne pas comprendre ce code. Pourquoi ouvrir une fenetre sur soi même alors qu'un window.opener = self; suffit? Cette deuxième solution parait plus claire, non?

C'st déjà là, non?
http://javascript.developpez.com/faq...#fermerFenetre

(bon, on pourrait lui rajouter une réponse spécifique)
Citation:
Envoyé par FremyCompany
Acceder à des objets dans une frame :
Code:

1 2 3 4 var Frame = document.getElementById("frame"); var FrameWindow = Frame.window?Frame.window:Frame.contentWindow; var FrameDocument = FrameWindow.document; var obj = FrameDocument.getElementById("object");
Faudrait tester. Ca apporte quoi par rapport à passer par le nom de la frame dans le vecteur frames?
http://javascript.developpez.com/faq...e#frame.reload
Citation:
Envoyé par FremyCompany
Interrompre un script un certain nombre de temps (ne pas dépasser 5-10 secondes) :
Code:

1 2 3 4 5 6 7 8 sleep=function(ms) { var continue=true; setTimeout(function() { continue=false; }, ms); while (continue) {} } // Utilisation : sleep(1000);
Euh, ça interromps pas le script, ça, ça doit plutot faire un 100% proc, non? Perso, si mon navigateur me fait ça, je le tue....
A mon avis, c'est trop sale pour avoir sa place dans la FAQ....

08/11/2006, 17h28
FremyCompany

Citation:

Envoyé par denisC

Là, j'avoue ne pas comprendre ce code. Pourquoi ouvrir une fenetre sur soi même alors qu'un window.opener = self; suffit? Cette deuxième solution parait plus claire, non?

C'est plus court et surtout c'est plus propre ;)

Citation:

Faudrait tester. Ca apporte quoi par rapport à passer par le nom de la frame dans le vecteur frames?
http://javascript.developpez.com/faq...e#frame.reload

C'est une autre aleternative... Et puis surtout, qui a dit que la frame avait un attribut name ? Ici je passe par l'ID... en plus ca a le mérite de montrer comment obtenir le "document" de la fenêtre pour interargir avec celui-ci. deplus, cela a le mérite de fonctionner même si l'iframe est ajoutée dynamiquement (innerHTML, appendChild, ...)

Citation:

Euh, ça interromps pas le script, ça, ça doit plutot faire un 100% proc, non? Perso, si mon navigateur me fait ça, je le tue....
A mon avis, c'est trop sale pour avoir sa place dans la FAQ....

Oui, je suis d'accord avec toi (enfin si c'est pour stopper le script une secconde, alors ca va, juste faut pas abuser ;)) Je ne fais ici qu'une compil de ce que j'ai vu d'intéressant durant la semaine... (Le sujet y a tout de meme été abordé 2 fois)... Après bon, faut voir ce qui mérite vraiment d'aller dans la FAQ...

Au fait, voici un autre truc sur le sujet, qui lui est plus "propre" mais moins intéressant : http://www.developpez.net/forums/sho...d.php?t=233235

Utiliser les RegExp pour ajouter qqchose au début et à la fin d'élements :

Code:

alert("0 a 1 b 2 c".replace(new RegExp("[0-9]*","g"),"\nlettre n° $1 :"));

Ajouter automatiquement des liens aux adresses web :
Code:

1 2 3 4 5 6 <script type="text/javascript"></script>

11/11/2006, 15h20
denisC

evaluer les styles en ajax:
http://www.developpez.net/forums/sho...d.php?t=235131

Voilà l'idée, il reste du travail :)
11/11/2006, 17h22
FremyCompany

Citation:

Envoyé par denisC

evaluer les styles en ajax:
http://www.developpez.net/forums/sho...d.php?t=235131

Voilà l'idée, il reste du travail :)

Ok, je m'y attèle !

Je vais modier ma fonction "setInnerHTML" pour que cela soit compatible

PS : Il s'agit bien de parser les balises <style>'s ajoutées dynamiquement n'est-ce pas ?

Citation:

Envoyé par FremyCompany

EDIT :: Ben en fait, sur FF ca marche sans problème, sans même faire de changement, et sur IE, le simple fait de faire "x.innerHTML=HTML" supprime les balises <style>'s, qu'IE jugent être dans un mauvais contexte... je vois donc pas de solution... si ce n'est peut-être l'utilisation de regExp... c'est à essayer... je vous tiens au courrant...
11/11/2006, 21h53
denisC

Citation:

Envoyé par FremyCompany

PS : Il s'agit bien de parser les balises <style>'s ajoutées dynamiquement n'est-ce pas ?

Tout à fait, parser les balises style introduite, et mettre en place les propriétés dans le vecteur styleSheets directement en JS.

:merci: pour ton aide Fremy!
18/11/2006, 15h23
Maxoo
Comment recréer la fonction is_array de php ?
(c'est à dire comment savoir si un paramètre est un tableau ?)

En utilisant cette fonction :
Code:

1 2 3 4 function isArray(object) { return (object instanceof Array); }
18/11/2006, 22h55
Bestiol

Ce topic est maintenant bloqué.

Merci de lire le post sur la nouvelle organisation du forum pour poster vos contributions :)

Voir 40 message(s) de cette discussion en une page