Deux champs de type SELECT dans un formulaire. En fonction du choix dans le premier, les items du deuxième changent. Voir le JavaScript.

Un petit JavaScript permettant de lancer un formulaire de type pulldown sans appuyer sur un bouton. Une fois une option choisie dans le champ de type SELECT, le formulaire est automatiquement envoyé.

C’est exactement ce que je voulais chercher aujourd’hui (article) après une discussion avec Jérôme et Nico en vue de l’implémentation de la version 2 de rss4you. Il serait intéressant maintenant de trouver son correspondant en PHP.

L’article Hiding sections of a web page on the fly using SPAN or DIV tags, montre comment cacher une zone d’un site (comme par exemple le menu de droite de weblogger.ch) en utilisant JavaScript et les CSS. .. cacher après avoir appuyé sur un lien ou sur un bouton.

JavaScript is the worst invention ever.

Un petit script qui permet de mettre une liste de sites dans un menu à fenêtre (pulldown menu). Une fois un site sélectionné, l’utilisateur est automatiquement redirigé vers le site choisi sans besoin de cliquer sur un bouton de validation du formulaire (Source JavaScript Source):

Voir le code (fichier txt)

Un petit script pour désactiver les boutons (JavaScript) submit et reset une fois qu’un formulaire à été validé. Très utile afin d’empêcher les utilisateur d’envoyer deux fois le même formulaire. Parfois les usager cliquent deux fois sur le bouton d’envoie pour x raisons, comme le temps de chargement lent de la page.

Voir le code (fichier txt).

Parfois on a besoin d’ouvrir un popup et afficher des informations particulières ou souvent un formulaire qui en fonction de son action peut changer la présentation de l’information affichée sur la page de départ. Il est donc très utile que lorsqu’on valide et on ferme la petite fenêtre, on puisse aussi faire un refresh de la page de départ. Ce petit script, à insérer dans le HEAD du popup, permet donc d’actualiser la page principale une fois qu’on ferme la nouvelle fenêtre:


<script language=”JavaScript”>
<!–
function refreshParent() {
window.opener.location.href = window.opener.location.href;
if (window.opener.progressWindow)
{
window.opener.progressWindow.close()
}
window.close();
}
//–>
</script>


Ensuite il suffit simplement d’appeler cette fonction par le biais d’un bouton (ou un lien HREF:


<form>
<input type=”button” value=”fermer et actualiser” onClick=”refreshParent()” />
</form>


Source

Via I-Use.it, trois exemples de menus déroulants.

UDM est un menu très intérassant et qui offre la possibilité d’être placé facilement à différents endroits du site. A voir les démos.