| | auteur : BrYs | Ce code peut être utilisé par exemple lors de l'échec de la validation d'un champ de formulaire.
document.getElementById('monchamp').select();
|
|
| | auteur : simone.51 | En JavaScript, tous les objets ont une méthode permettant de leur donner le focus :
document.getElementById('id_objet').focus();
|
|
| | auteur : BrYs |
<script type="text/javascript">
lavariable = "MaValeur";
document.write ('<input type="text" name="champ" value="' + lavariable + '">');
</script>
|
Dans cet exemple, le champ qui apparaitra aura comme valeur par défaut la valeur de la variable lavariable, c'est-à-dire : MaValeur.
|
| | auteurs : SpaceFrog, simone.51 |
Ce code permet de modifier ou d'ajouter un événement à un objet.
Par exemple un bouton ou un lien.
Pour cela, il suffit de donner un id à l'objet concerné et d'exécuter ce code.
Ainsi, l'événement peut être assigné dynamiquement.
document.getElementById('id_objet').onclick= function(){alert("blabla")};
|
Avec ce code, on peut également modifier la valeur des propriétés propres
à l'objet en question. On peut par exemple modifier la propriété width,
height, ...
|
| | auteur : Jérôme | <html>
<head>
<script type="text/javascript">
function courbe()
{var x, y, maxtop, maxleft, graph="";
var pixel = new Image();
pixel.src="pixel.gif";
maxtop = 150;
maxleft = 80;
for (x=-10; x<=10; x++)
{
y = x*x ;
graph += "<img src='" + pixel.src + "' style='position:relative;top:" +
(maxtop-y) + ";left=" + (maxleft+x) + "'>" ;
}
document.getElementById("legraph").innerHTML=graph;
}
</script>
</head>
<body onload="courbe()">
<div id="legraph"
style="background-color:#dddddd;width:200px;height:200px;top:100px;left:100px;position:absolute;border:1px solid black">
</div>
</body>
</html>
|
Pour que ce code fonctionne correctement, il faut au préalable créer une image (pixel.gif) de 1px sur 1px
|
| | auteurs : Javatwister, simone.51 |
<script type="text/javascript">
function go(b){
var d="";
b=b.getElementsByTagName('*');
for(i=0;i!=b.length;i++){
d+=b[i].nodeName+'\n';
}
alert(d)
}
</script>
|
<body onload="go(document.body)">
|
Ce script parcours toutes les balises contenues à l'intérieur de la
balise passée en paramètre. Il ne reste plus qu'à récupérer ces balises grâce
à la fonction getElementsByTagName
|
| | auteur : Javatwister |
Ce petit script permet de rendre un document non sélectionnable:
function no(){return false;}
document.onmousedown=no;
if(typeof document.onselectstart!="undefined"){
document.onselectstart=no;
}
|
Ce script permet de reproduire la comportement de l'attribut unselectable d'Internet Explorer.
|
lien : Documentation MSDN sur l'attribut unselectable
|
| | auteur : Swoög |
Voici le code à mettre afin de remplacer l'attribut target pour les balises
<a> en XHTML 1.0 Strict et XHTML 1.1. Le remplacement dépend de la valeur :
Si c'est _blank :
onclick="window.open(this.href); return false;"
|
Si c'est _self :
onclick="self.location.assign(this.href); return false;"
|
Si c'est _parent :
onclick="self.parent.location.assign(this.href); return false;"
|
Si c'est _top :
onclick="top.location.assign(this.href); return false;"
|
Si c'est nom_de_la_frame :
onclick="window.frames['nom_de_la_frame'].src=this.href; return false;"
|
 |
petite précision : normalement, seul le cas de _blank peut être utilisé en XHTML Strict car les (i)frame ne sont pas valides et _self est la valeur par défaut.
|
|
Consultez les autres F.A.Q.
 
|
|
Les sources présentées sur cette page sont libres de droits
et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation
constitue une œuvre intellectuelle protégée par les droits d'auteur.
Copyright © 2004 Developpez Developpez LLC.
Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne
peut être faite de ce site ni de l'ensemble de son contenu : textes, documents
et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez
selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.