|
| auteur : BrYs |
(utilisé après la verification d'un formulaire, par exemple)
document.getElementById('monchamp').select();
|
|
|
| auteur : BrYs |
En utilisant :
ou :
Exemple :
Checkbox qui active/désactive un champs texte
Entre les balises <head></head> :
<script type='text/javascript'>
function actdesact()
{
if (document.formulaire.check_box.checked)
document.formulaire.zone_texte.disabled=true;
else
document.formulaire.zone_texte.disabled=false;
}
</script>
|
et la checkbox :
<input type="checkbox" name="check_box" onclick="actdesact()">
|
|
|
| auteur : simone.51 |
En javascript, tous les objets ont une méthode permettant de leur donner le focus :
document.getElementById('id_objet').focus();
|
|
|
| auteurs : SpaceFrog, simone.51 |
Pour changer le texte d'un bouton de type file, on est obligé de "ruser" car il
n'y a pas d'autres moyens.
Voici le script :
<script type="text/javascript">
function getfile(){
document.getElementById('hiddenfile').click();
document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value
}
</script>
|
Et le corps de votre page: <body>
<input type="file" id="hiddenfile" style="display:none" />
<input type="text" id="selectedfile" />
<input type="button" value="Select a file" onclick="getfile()" />
</body>
|
En fait, ce que l'on aperçoit sur la page ressemble à un champ de type File,
mais en réalité, il s'agit d'un bouton et d'un champ de type texte.
Ainsi, grâce à la fonction getfile(), on simule le clic sur le champ File
que l'on a caché...
|
|
| auteur : BrYs |
<script type="text/javascript">
lavariable = "MaValeur";
document.write ('<input type="text" name="champs" 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'éxé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 language="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 grace
à 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épends de la valeur :
Si c'est _blank :
onclick="window.open(this.href); return false;"
|
Si c'est _self :
onclick="self.location.replace(this.href); return false;"
|
Si c'est _parent :
onclick="self.parent.location.replace(this.href); return false;"
|
Si c'est _top :
onclick="top.location.replace(this.href); return false;"
|
Si c'est nom_de_la_frame :
onclick="document.getElementByName('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's
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.
