IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Les autres objets
        Comment sélectionner la valeur d'un champ texte ?
        Comment activer/désactiver un objet formulaire ?
        Comment donner le focus à un objet ?
        Comment modifier le texte d'un bouton input type file ?
        Comment utiliser une variable JavaScript dans un champ texte ?
        Comment modifier un événement d'un objet ?
        Comment créer un graphique avec des courbes ?
        Comment afficher la liste des balises d'un document, dans l'ordre?
        Comment rendre son document non sélectionnable ?
        Comment remplacer l'attribut target pour les balises <a> en XHTML ?



Comment sélectionner la valeur d'un champ texte ?
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();

Comment activer/désactiver un objet formulaire ?
auteur : BrYs
En utilisant :

disabled = true
ou :

disabled = false
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()" />

Comment donner le focus à un objet ?
auteur : simone.51
En JavaScript, tous les objets ont une méthode permettant de leur donner le focus :
document.getElementById('id_objet').focus();

Comment modifier le texte d'un bouton input type file ?
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'autre moyen.
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é...


Comment utiliser une variable JavaScript dans un champ texte ?
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.


Comment modifier un événement d'un objet ?
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, ...


Comment créer un graphique avec des courbes ?
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


Comment afficher la liste des balises d'un document, dans l'ordre?
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


Comment rendre son document non sélectionnable ?
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 : en Documentation MSDN sur l'attribut unselectable

Comment remplacer l'attribut target pour les balises <a> en XHTML ?
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;"
info 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.


Valid XHTML 1.0 TransitionalValid CSS!

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.