Mon bazar Javascript

Publié le par Maryy

Toutes les petites astuces pratiques en javascript seront notées ici et puis je rangerai quand ça deviendra illisible !

Cacher un élément, un div par exemple :
document.getElementById("monCadre").Style.display = none


Redirection avec délai :
<script language="javascript">
    setTimeout("window.location.href='fichier.html'", 3000);
</script>


Reloader la page mère à partir d'un popup :
<script type="text/javascript">
            opener.location.reload();
        </script>


Modifier la valeur d'un champ de la page mère :
<script type="text/javascript">
           
window.opener.document.getElementById("idchamp" ).value = "Pierre";
        </script>
Il faut que le champ ait l'id = idchamp. Ex : <input type='text' name='prenom' id="prenom">


Page précédente :
<a href="javascript:history.go(-1)">Retourner à la page précédente</a>

Donner le focus à un champ :


Si vous voulez donner le focus à un champ lors du chargement de votre page web, il vous suffit d'ajouter cette commande javascript à la balise ouvrante "<BODY>" :
OnLoad="document.nomduformulaire.nomduchamp.focus();"

Fermer la fenêtre du navigateur après un temps donné :

Une image ou un petit compte à rebours dans une fenêtre, et hop ! celle-ci se ferme automatiquement. Ce type d'effet est très facile à mettre en place, il suffit d'ajouter une petite ligne de JavaScript à la balise <Body> de votre page

 <BODY OnLoad='compt=setTimeout("self.close();",5000)'>

Pour personaliser ce script, précisez simplement la délai en milisecondes avant la fermeture de la fenêtre (ici 5000 soit 5 secondes).

Source de cette astuce : http://webmaster.lycos.fr/tips/987600817/


Quant aux popup ont un article rien que pour eux, vous pouvez les trouver dans la rubrique "Ajax-Javascript". L'article est intitulé "PopUp" tout simplement





Publié dans Ajax - Javascript

Pour être informé des derniers articles, inscrivez vous :

Commenter cet article