Home/ Questions/Q 7188225
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T19:01:38+00:00

<script src=jquery.js></script> <script> function saveScore (score) { score=document.input.$(‘.inputright’).value $(‘submit’).click(function(event) { $(‘<div>’) .append(score) .appendTo(‘.wincolumn’); });

  • 0
        <script src="jquery.js"></script>
        <script>

        function saveScore (score) {
score=document.input.$('.inputright').value
        $('submit').click(function(event) {
          $('<div>')
            .append(score)
            .appendTo('.wincolumn');

        });
        }

        </script>
    </head>
    <body>

        <form name= "myform">
        <input class="inputright" type="text" value="Team?" onfocus='value=""' onblur="value='Team?'" onclick="saveScore(score)">
        </form>

    <div id="bottomcontainer">
           <div class="personalcolumns" id="niccolumn">
               <div class="playername"> Nic Meiring </div>
              <div class="wincolumn WLRcolumn"> </div>
               <div class="losscolumn WLRcolumn"> </div>
               <div class="resultcolumn WLRcolumn"> </div>
            </div>
    </body>

I want to take the input in the text field called Team? and write it to the column with the class .teamcolumn

2 main problems(I think)

  1. allowing the text field to have a default value of “Team?” but then switching its value to the input when the onclick method is called (and therefore the function is called)
  2. how to best write to the document from within that function. document.writeln() maybe?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I created a demo for you at jsFiddle. The input field defaults to “Team?” if no text is entered, however if text is entered then it is not changed. If the input field loses focus and it is empty, it returns to “Team?”. Once the field is blurred the value (if not “Team?”) is then appended to the .wincolumn div. I removed your savescore function and all your inline event handlers.

    jQuery:

    $('input[name="foo"]').change(function() {
    $('div.wincolumn').html($(this).val());
}).focus(function() {
    if ($(this).val() == 'Team?') {
        $(this).val('');
    }
}).blur(function() {
    if (!$(this).val()) {
        $(this).val('Team?');
    }
})

    HTML:

    <form name= "myform">
<input name="foo" class="inputright" type="text" value="Team?">
</form>

<div id="bottomcontainer">
   <div class="personalcolumns" id="niccolumn">
       <div class="playername"> Nic Meiring </div>
       <div class="wincolumn WLRcolumn"> </div>
       <div class="losscolumn WLRcolumn"> </div>
       <div class="resultcolumn WLRcolumn"> </div>
   </div>
</div>
    • 0