Articles taggés avec ‘javascript’

Ouvrir le résultat d’un formulaire dans une fenêtre pop-up

Tuesday 7 September 2004

Normalement, le résultat d’un formulaire s’ouvre dans la fenêtre courante. On sait que pour l’ouvrir dans une nouvelle fenêtre on peut rajouter l’attribut target=”_blank” dans la balise <form>. Cependant, il peut être parfois utile d’ouvrir le résultat d’un formulaire dans un pop-up. Il faut pour cela utiliser cette astuce en javascript:

<form method=”post” action=”resultat.html” target=”popup” onsubmit=”javascript:window.open(”,’popup’,'width=600,height=600,top=’+((sc
reen.height-600)/2)+’,left=’+((screen.width-600)/2)+’,scrollbars=1,location=
1,status=1,resizable=1′);”>

Les paramètres de la fonction “window.open” peuvent être réglés différemment pour afficher un pop-up plus ou moins grand. Si l’on désire afficher un pop-up au centre de l’écran, il faut veiller à ce que les paramètres soient identiques.

Tags: , ,

Publié dans Technologies | 4 commentaires »

Vérifier qu’un champ de formulaire a été rempli

Tuesday 7 September 2004

Pour vérifier si certains champs d’un formulaire ont bien été remplis, on peut utiliser cette petite fonction javascript très facile à implémenter:

A placer entre les balises <head> et </head>:

<SCRIPT LANGUAGE=”JavaScript”>
function verification(valeur)
{
if(valeur.email.value == “”)
alert(’Merci de bien vouloir saisir votre email !’);
else
valeur.submit();
}
</SCRIPT>

On peut bien sûr ajouter des tests sur d’autres champs dans cette fonction.

Exemple d’utilisation dans un formulaire:

<form>
<input type=”text” name=”nom” size=30>
<input type=”button” value=”envoyer” onclick=”verification(this.form)”>
</form>

Tags: ,

Publié dans Technologies | Aucun commentaire »

Formulaires: comprendre les formulaires HTML

Tuesday 7 September 2004

Voici quelques ressources permettant de concevoir de bons formulaires HTML:

(Mise à jour 20041120) Pour ceux qui aimeraient mixer un peu de Javascript avec les formulaires (notons qu’il faudra toujours veiller à valider les données du formulaire du côté serveur dans le cas où l’utilisateur aurait désactivé le Javascript):

Tags: , , ,

Publié dans Technologies, ergonomie | Aucun commentaire »

Menu dynamique CSS + Javascript pour Spip

Monday 30 August 2004

Nouvelle contribution pour Spip concernant les menus. Cette fois-ci, on retrouve la même apparence que le menu dynamique déjà présenté dans ce site mais conçu d’une autre manière.

“L’idée de cette contribution est d’apporter une alternative légère et maintenable au menu contextuel “une arborescence dynamique et contextuelle“. L’apparence du menu reproduit celle de la contribution ci-dessus mais peut être facilement modifiée par la feuille de style.”

Tags: , , , , ,

Publié dans Technologies | 1 commentaire »