-
[Javascript] Interagir à l'aide des éléments Input
Votre blog n'est pas un site complet qui vous permette de faire des choses très complexes à base de PHP et de bases de données Mysql.
On peut cependant assurer une certaine interaction à l'aide du javascript et de l'élément HTML Input
Supposons que vous souhaitiez faire une page qui permette de calculer des surfaces, des périmètres et autres volumes.
Cela est possible
Regardez l'exemple ci dessous:Dans cet exemple, j'ai placé deux boites Input (Largeur et Longueur) et un bouton Surface. Lorsque l'on clique sur le bouton, on fait appel à une fonction Javascript (calculsurface) en lui envoyant les valeurs contenues dans Largeur et Longueur.
Cette fonction calcule le produit des deux nombres et renvoie le résultat.
Si dans largeur ou longueur, vous mettez du texte, alors la fonction detecte que le résultat n'est pas un nombre à l'aide de la méthode IsNaN (en anglais : Is Not a Number)Code de l'exemple
<script type="text/javascript">// <![CDATA[
function calculsurface(nombre1,nombre2)
{
if(isNaN(nombre1*nombre2) == true)
{
alert('Veuillez saisir des nombres');
}
else
{
alert ('La surface est de: '+nombre1*nombre2);
}
}
// ]]></script>
<form method="get">
Largeur:<input style="width: 50px;" name="largeur" type="text" value="5" /> Longueur: <input style="width: 50px;" name="hauteur" type="text" value="10" /> <input onclick="calculsurface (largeur.value,hauteur.value);" type="button" value="Surface" /></form>
Vous pouvez maintenant laisser libre cours à votre imagination pour remplir vos fonctions javascript.
Tags : largeur, nbsp, input, javascript, longueur
-
Commentaires
Comme ceci ?
.comment_admin, .comment_normal
{ margin-bottom:10px;
background-color:#FFE6CC; border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
Hello bonne journée.Ah,j'oubliais je cherche un p'tit tuto pour arrondir les angles qui entours les commentaires des visiteurs.Merci
OGERS
Merci, Papasti, de te pencher si sérieusement sur mon cas ( d'école)
A plus (parfois , je perds le curseur de la souris en écrivant dans le commentaire..je ne sais d'ù cela vient ..ça explique la mise en page un peu ouf de mes com..
Non pas de problème pour en discuter ici.
Ok, il veut que tu mettes le nombre de clics dans un input caché ("hidden"). Mais comment assure-t-il le stockage de cette donnée ?
Sa réponse me semble être très incomplète et c'est pour cela que je vais faire une recherche avant de te répondre catégoriquement.
Merci Papasti,
je doute effectivement que ce soit possible ! ?
j'avais fait une recherche et trouvé cette réponse que je ne comprends absolulement pas
""tu peux créer un input de type "hidden" pour stocker le nombre de clic et sur le "onclick" de l'image, incrémente le nbre de clics dans le input"
Mais je ne suis peut-être pas ici, dans les commentaires,au bon endroit sur ton blog pour parler de cela ?
Je ne suis pas sûr qu'on puisse le faire car le javascript agit au niveau de ton navigateur. Pour un bouton comme tu souhaites le faire, il faudrait mémoriser le nombre d'adhérents et dans ce cas utiliser une base de données SQL.
Ce n'est à priori pas possible avec Eklablog.
Je vais quand même explorer un peu plus le javascript pour voir s'il n'y a pas d'autres possibilités.
je vais essayer d'être plus précis:
Y a un bouton "j'adhère" (comme ton bouton "surface) et
quand quelqu'un clique dessus, une petite fenètre s'ouvre pour afficher le nombre d'adhérents qui serait le nombre de fois que quelqu'un a cliqué sur le bouton "j'adhère" ...
Tu vois ce que je veux dire ?
Moi, je suis un pro de rien du tout mais j'arrive à me débrouiller avec le html et le CSS car j'ai un peu compris le système de ces langages mais le javascript, j'ai du mal à saisir comment cela fonctionne , même en gros..
Peux-tu préciser ? Des clics souris sur quoi ?
Rassures toi, je ne suis pas un pro du javascript. Je l'apprends en fonction de mes besoins ^^
3Maximum 34
Jeudi 22 Septembre 2011 à 12:42
Rebonjour!
Okay, c'est parfait.
Juste une petite question: je voudrais mettre un bouton 'compteur de click souris"
est-ce q'uil existe une function qui "enregistre" ça ?
J'espère que maquestion n'est pas trop bête mais j'y connais rien en javascript.
Merci
Super, de
plus en plus
de choses et toujours interessantes sur ton blog. Mercijuste un petit truc que je viens de remarquer: dans l'onglet de mon navigateur, il n'apparait rien aprs EB- pour ton blog..A plus
ça vient de moi ou quoi?
Suivre le flux RSS des commentaires
Vous devez être connecté pour commenter
OGERS
Créer mon blog
je "vole" tes coins arrondis commentaires, au passage !!