Mise à jour/amélioration scripts utiles [À relire]

**dragonno** · 13/04/2013, 16h55

FAQ javascript
Divers scripts utiles

http://javascript.developpez.com/faq...ript#InfoBulle

1) Partie à changer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script type="text/javascript">
    document.write('<div style="position:absolute;display:none" id="bulle"></div>')

HTML5 permet de simplifier la déclarartion de script en écrivant simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script>
// votre code
</script>

2) Document.write() est à proscrire le plus possible, dans ce cas précis on peut le remplacer par un positionnement absolu du DIV, ce div étant caché dés le départ car c'est un code d'infobulle.

3) Le style du DIV est à mettre dans le fichier CSS, car votre site possède certainement un fichier de ce type et dans le cas contraire rassemblez tout les codes CSS de vos pages dans un seul fichier CSS, que vous déclarez ainsi dans la partie <head>...</head> de votre page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="index.css" type="text/css" />

Je l'ai nommé index.css, vous pouvez le nommer mamy ou papy si vous voulez.
Quand vous faites référence à ce fichier à partir d'une dossier ou sous-dossier, précisez bien le chemin (adresse DOS) du fichier.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="../index.css" type="text/css" />

**dragonno** · 13/04/2013, 17h13

FAQ javascript
Divers scripts utiles

http://javascript.developpez.com/faq...ript#NBDecimal

Code d'origine :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Math.round(-- valeur décimale --)

Précision sur cet exemple.
Si votre variable devant recevoir le nombre arrondi se nomme "Nombre" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Nombre=Math.round(24,256);

Code d'origine :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function arrondir(resultat) {
    resultat = resultat.toFixed(2);
    return resultat;
}

Précision sur cet exemple.
Attention, la valeur retournée par .toFixed() dans la variable resultat est une chaine !
Pensez-y donc si vous devez traiter le résultat.

**dragonno** · 13/04/2013, 17h30

FAQ javascript
Divers scripts utiles

http://javascript.developpez.com/faq...script#coordXY

Code d'origine :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function calculeOffsetLeft(r){
  return calculeOffset(r,"offsetLeft")
}
 
function calculeOffsetTop(r){
  return calculeOffset(r,"offsetTop")
}
 
function calculeOffset(element,attr){
  var offset=0;
  while(element){
    offset+=element[attr];
    element=element.offsetParent
  }
  return offset
}

Un exemple simple d'utilisation pour positionner un DIV serait le bienvenu.
(Je ne donne pas d'exemple pour ce code, je ne le comprend pas).

Par exemple avec ce code à compléter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function visible(id)
{
var col=?
var lig=?
document.getElementById("monDIV").style.left=col+"px";
document.getElementById("monDIV").style.top=lig+"px";
document.getElementById("monDIV").style.display="block";
}

Mise à jour/amélioration scripts utiles [À relire]

Contributions JavaScript / AJAX

Discussions similaires

Partager

Partager