IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Formulaire HTML et autres objets > Les autres objets
        Comment séléctionner la valeur d'un champs 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 champs 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'attribue target pour les balises a en XHTML ?

rechercher
precedent    sommaire    suivant    telechargermiroir


Comment séléctionner la valeur d'un champs texte ?
auteur : BrYs
(utilisé après la verification d'un formulaire, par exemple)
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'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é...


Comment utiliser une variable javascript dans un champs texte ?
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


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'é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, ...


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


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 grace à 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'attribue 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é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;"
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.

rechercher
precedent    sommaire    suivant    telechargermiroir

Consultez les autres F.A.Q's


Valid XHTML 1.1!Valid 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.