• [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:

    Largeur:     Longueur:     

     

    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" />&nbsp;&nbsp;&nbsp;&nbsp; Longueur: <input style="width: 50px;" name="hauteur" type="text" value="10" /> &nbsp; &nbsp;&nbsp; <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.

    « [HTML] La balise <IFrame>Hadopi de flop en flop ! »

    Tags Tags : , , , ,
  • Commentaires

    13
    Samedi 11 Février 2012 à 15:36
    Bonjour, Toujours aussi actif Papasti, allez bon w-e
    je "vole" tes coins arrondis commentaires, au passage !!
    12
    Vendredi 10 Février 2012 à 18:32

    Merci Papasti,c'est exactement ça.Bonne soirée.

    OGERS

    11
    Vendredi 10 Février 2012 à 18:00

    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; }

    10
    Vendredi 10 Février 2012 à 16:15

    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

    9
    Jeudi 22 Septembre 2011 à 17:31

    M

    erci, 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..

     

    8
    Jeudi 22 Septembre 2011 à 16:12

    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.

    7
    Jeudi 22 Septembre 2011 à 15:08

    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 ?

     

    6
    Jeudi 22 Septembre 2011 à 14:19

    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.

    5
    Jeudi 22 Septembre 2011 à 14:08

    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..

    4
    Jeudi 22 Septembre 2011 à 13:42

    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 ^^

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    3
    Maximum 34 Profil de Maximum 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

     

    2
    Jeudi 22 Septembre 2011 à 11:28

    oui c'est normal, je n'avais pas renseigné le slogan du blog ^^

    1
    Jeudi 22 Septembre 2011 à 10:41

    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