Mise à jour/amélioration scripts utiles
FAQ javascript
Divers scripts utiles
http://javascript.developpez.com/faq...ript#InfoBulle
1) Partie à changer :
Code:
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:
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:
<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:
<link rel="stylesheet" href="../index.css" type="text/css" />
FAQ Mise à jour/amélioration 002
FAQ javascript
Divers scripts utiles
http://javascript.developpez.com/faq...ript#NBDecimal
Code d'origine :
Code:
Math.round(-- valeur décimale --)
Précision sur cet exemple.
Si votre variable devant recevoir le nombre arrondi se nomme "Nombre" :
Code:
Nombre=Math.round(24,256);
Code d'origine :
Code:
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.
FAQ Mise à jour/amélioration 003
FAQ javascript
Divers scripts utiles
http://javascript.developpez.com/faq...script#coordXY
Code d'origine :
Code:
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:
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";
} |