Update labels

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Linda

    Update labels

    I have 2 labels on a page...(weight, age). The user will click on the
    label to set the focus on a label. There will be 10 buttons (0-9) on
    the page. I want to update the label as the user clicks on the
    buttons. Then the user should be able to move to the second label and
    enter the numbers by using the buttons. I don't want this to be a
    textarea or text but rather a label. How do I do this?

    (Newbie to javascript).

    Linda
  • David Mark

    #2
    Re: Update labels

    On Nov 19, 6:44 pm, Linda <1anml...@gmail .comwrote:
    I have 2 labels on a page...(weight, age). The user will click on the
    label to set the focus on a label.  There will be 10 buttons (0-9) on
    To set the focus on an input?
    the page.  I want to update the label as the user clicks on the
    buttons.  Then the user should be able to move to the second label and
    enter the numbers by using the buttons.  I don't want this to be a
    textarea or text but rather a label. How do I do this?
    You want a virtual numeric keypad?
    >
    (Newbie to javascript).
    Okay, but it is unlikely that anyone is going to write it for you.

    Google "onclick" to get started. Then read up on input elements,
    specifically the value property. The solution should be apparent at
    that point. If you can't make it work, post the code.

    Comment

    • Linda

      #3
      Re: Update labels

      Okay, but it is unlikely that anyone is going to write it for you.
      Don't worry about it. I have never and will never ask someone to
      "write it for me" unless I want to pay for their work. Just a pointer
      would have been helpful. There is a LOT of free javascript code out
      there for calculators, etc. They just did not do exactly what I was
      looking for.

      If you want me to be more specific, when writing a few pages for a web
      app for the iPhone, I wanted to find a way to prevent the automatic
      keyboards from popping up. There is a numeric one that looks like a
      phone pad and has the "ABCs" on it. That doesn't quite suit my
      needs. There is an alphanumeric keypad and others that just don't
      quite fit what I want to do. I was going to create my own buttons and
      update a label with onclick events of these numeric buttons.
      Previously, the way that the numeric keyboard was induced to pop up
      was if you had an id of phone or zip. This is no longer the case. I
      want the user to ONLY enter numbers into the form and I don't want the
      automatic iPhone keyboards to pop up.

      I will figure it out for myself and then I will share the information
      with others on the iPhoneWebDev group. There have been several people
      that have experienced a similar problem in that the wrong keyboard for
      their needs responds. I will share this with others...unlike what you
      were doing. Surely you have asked for help yourself in the past.

      Linda

      Comment

      • David Mark

        #4
        Re: Update labels

        On Nov 19, 10:01 pm, Linda <1anml...@gmail .comwrote:
        Okay, but it is unlikely that anyone is going to write it for you.
        >
        Don't worry about it.  I have never and will never ask someone to
        "write it for me" unless I want to pay for their work.  Just a pointer
        would have been helpful.  There is a LOT of free javascript code out
        I gave you a couple.
        there for calculators, etc.  They just did not do exactly what I was
        looking for.
        Right.
        >
        If you want me to be more specific, when writing a few pages for a web
        app for the iPhone, I wanted to find a way to prevent the automatic
        keyboards from popping up.  There is a numeric one that looks like a
        phone pad and has the "ABCs" on it.  That doesn't quite suit my
        needs.  There is an alphanumeric keypad and others that just don't
        quite fit what I want to do.  I was going to create my own buttons and
        update a label with onclick events of these numeric buttons.
        Not a label.
        Previously, the way that the numeric keyboard was induced to pop up
        was if you had an id of phone or zip.  This is no longer the case.  I
        want the user to ONLY enter numbers into the form and I don't want the
        automatic iPhone keyboards to pop up.
        Um, okay.
        >
        I will figure it out for myself and then I will share the information
        with others on the iPhoneWebDev group.  There have been several people
        that have experienced a similar problem in that the wrong keyboard for
        their needs responds. I will share this with others...unlike what you
        were doing.
        Gee, sorry. I did my best to help. I have forwarded your complaints
        to the customer service manager. Thanks very much for stopping by.
        Give my best to the iPhoneWebDev group (whatever that is.)
        Surely you have asked for help yourself in the past.
        No, I have never posted a question here. Well, maybe once and I
        probably had my terminology straight and posted some code. You can
        search the archives if you are interested.

        Have a nice day! :)

        Comment

        • Linda

          #5
          Re: Update labels

          Have a nice day!  :)

          I truly hope that you do as well.

          Comment

          • Linda

            #6
            Re: Update labels

            OK. Trying again and I hope that I don't anger or frustrate the
            professionals on this forum.

            Is there any control that can be updated in real time with the use of
            numbered buttons other than a text control? As the user clicks on a
            button, this control will be updated.

            I will have buttons for 0-9 and a decimal on a page. I want the user
            to be able to enter numbers only and so will provide the buttons. For
            example, the user would be entering age and weight. This is not a
            calculator type of web app. It would have several controls that the
            user would enter data into the page.

            This will be for viewing on an iPhone and what I am trying to prevent
            is the automatic pop-up of the iPhone keyboards if the user taps on
            the control. If it is a text input control, the keyboard on the
            iPhone automatically pops up. I don't want that. They automatic
            keyboard covers too much screen space. So, is there another type of
            control that can be edited using Javascript from clicking on the
            buttons?

            I have also tried a label but the keyboard pops up with this as well.

            Is a div an option? Is a cell in a table possible? Some non-standard
            control that I can re-use that someone else has created? Even if I
            have to purchase the code for it? All that I am really looking for is
            an idea. I am not looking for the code. I am not looking for someone
            to write this for me unless it is already in common use or it is
            available for purchase to re-use the code. I am not a parasite...only
            looking for a suggestion from people that obviously know more about
            javascript than I do.

            Thanks,
            Linda

            Comment

            • David Mark

              #7
              Re: Update labels

              On Nov 21, 1:22 am, Linda <1anml...@gmail .comwrote:
              OK.  Trying again and I hope that I don't anger or frustrate the
              professionals on this forum.
              >
              Is there any control that can be updated in real time with the use of
              numbered buttons other than a text control? As the user clicks on a
              button, this control will be updated.
              You can update the text of any element. Google for "textConten t" and
              "innerText. " Still, it would make sense to use a text input in this
              case (set its value property.)

              Comment

              • Linda

                #8
                Re: Update labels

                On Nov 21, 12:45 am, David Mark <dmark.cins...@ gmail.comwrote:
                You can update the text of any element.  Google for "textConten t" and
                "innerText. "
                Thank you.
                >Still, it would make sense to use a text input in this
                case (set its value property.
                Afraid not. Even if it is not editable, that property is only
                accessed after the keyboard pops up...which is what I want to prevent.

                Linda

                Comment

                • Thomas 'PointedEars' Lahn

                  #9
                  Re: Update labels

                  Linda wrote:
                  On Nov 21, 12:45 am, David Mark <dmark.cins...@ gmail.comwrote:
                  >Still, it would make sense to use a text input in this case (set its
                  >value property.
                  >
                  Afraid not. Even if it is not editable, that property is only
                  accessed after the keyboard pops up...which is what I want to prevent.
                  You are not making sense. A text input *is* a control "that can be updated
                  in real time with the use of numbered buttons". And "as the user clicks on
                  a button, this control will be updated."

                  Please learn to quote: trim the parts that are not referred to, leave the
                  parts that are referred to, over several quotation levels if necessary.


                  PointedEars
                  --
                  realism: HTML 4.01 Strict
                  evangelism: XHTML 1.0 Strict
                  madness: XHTML 1.1 as application/xhtml+xml
                  -- Bjoern Hoehrmann

                  Comment

                  • SAM

                    #10
                    Re: Update labels

                    Le 11/20/08 12:44 AM, Linda a écrit :
                    I have 2 labels on a page...(weight, age). The user will click on the
                    label to set the focus on a label. There will be 10 buttons (0-9) on
                    the page. I want to update the label as the user clicks on the
                    buttons. Then the user should be able to move to the second label and
                    enter the numbers by using the buttons. I don't want this to be a
                    textarea or text but rather a label. How do I do this?
                    What can be a label for you ?
                    To create and display a virtual numeric keyboard is not too much difficult.

                    I don't know the iPhone, and I don't use internet on my mobile, but it
                    seems to me that my children use their phones to send SMS ? I think they
                    have a kind of autosuggestion when writing but not a popup keyboard.

                    If the question is how to abort the iPhone's keyboard popup, I don't know.

                    If the question is how to set a tag reacting to a click, here it is :

                    <tag onclick="numKey Bd(this);">age: <span></span></tag>


                    function numKeyBd(what) {
                    var k = document.getEle mentById('numKe yBoard');
                    k.label = what.getElement sByTagName('spa n')[0];
                    what.parentNode .appendChild(k) ;
                    k.style.display = 'block';
                    }

                    Then you create a DIV idded 'numKeyBoard' with your 12 buttons
                    (don't forget the backspace)

                    <button value="9" onclick="return entree(this);"> 9</button>
                    ....
                    <br>
                    <button value="0" onclick="return entree(this);"> 0</button>
                    <button value="." onclick="return entree(this);"> .</button>
                    <button onclick="return delLastEnter(); ">&lt;</button>
                    <br>
                    <a href="javascrip t:closeKB();">c lose</a>
                    </div>


                    function entree(quoi) {
                    var c = document.getEle mentById('numKe yBoard').label;
                    c.innerHTML += quoi.value;
                    return false;
                    }

                    function closeKB() {
                    document.getEle mentById('numKe yBoard').style. display = 'none';
                    }

                    --
                    sm

                    Comment

                    Working...