[PHP] How to add a button that updates the content of a text box

by KenWeiLL

Posted: 9 years ago 7 replies

PROGRAMMING

How can I add a button that updates the content of a text box?

I have a text box that fetch it's content from a database. If I want to modify it's values, all I have to do is to modify the content of the textbox manually and press the "save" button. It's a textbox that contains date value.

I want that improved. Instead of modifying the value or the date manually, I wanted to just add a button or a link that when pressed, automatically updates the contect of the textbox.

Here's the current code of the text box:

Code:

<tr>
	<td width="24%" valign="top" class="form_title" >Date Confirmed Working:</td>
	<td width="76%" valign="top"><input type="text" name="DateTested_Setting_" size="10" maxlength="10" class="form_text" value="<?php echo $form_data["DateTested"] ?>" /> Format: YYYY-MM-DD
		<img src="images/icons/help.png" onclick="showHelp(this)" style="cursor:pointer" />							
		<div class="div_help"> Date in which the coupon is last tested and confirmed working. </div></td>
</tr>

How can I insert a button or a link that updates the content of the text box? In which case, when it's pressed, update date value of the text box to the current date.

#add #button #php #updates

emptee

9 years ago

Here ya go:

<a href="#" onclick="javascript

function(){document.getElemen tsByName('DateTested_Setting_')[0].value = (new Date()).toISOString().split('T')[0];})()">Click Me</a>

Cheers,
Michael

Thanks
1 reply

Signature

★★★ Supercharge GSA Search Engine Ranker With PA and DA. Rank Like it's 2012 Again ★★★

Is CloudFlare COSTING You Business?

{{ DiscussionBoard.errors[10030285].message }}

KenWeiLL

9 years ago

Originally Posted by emptee

Here ya go:

<a href="#" onclick="javascript

function(){document.getElemen tsByName('DateTested_Setting_')[0].value = (new Date()).toISOString().split('T')[0];})()">Click Me</a>

Cheers,
Michael

I tested this and it doesn't work. Instead, it will reload the page and add "#" at the end of the URL.

I tried

Code:

<a href="javascript:void(0);" onclick="javascriptfunction(){document.getElemen tsByName('DateTested_Setting_')[0].value = <?php echo date( "Y-m-d" ) ?>">Click Me</a>

I replace the assignment value to <?php echo date( "Y-m-d" ) ?> hoping it will assign or replace it with current date but still doesn't work, and href to javascript:void(0);

Im hoping if there's a simpler way to just assign the value of <?php echo date( "Y-m-d" ) ?> to the text box.

Thanks

Signature

Libre Coupon - A Contemporary Coupon Website

{{ DiscussionBoard.errors[10030752].message }}

KenWeiLL 9 years ago

Complete code of the php file can be find here:
https://gist.github.com/anonymous/0ff6b49e01a890fc8cc0

Line 173
- Thanks
Signature
Libre Coupon - A Contemporary Coupon Website
{{ DiscussionBoard.errors[10030781].message }}
emptee 9 years ago

Ahh - it looks as though a space snuck in there somehow in the getElementsByName function name - remove that and you'll be fine. I've tested the code and it works as expected..

Cheers,
Michael
- [ 1 ] Thanks
Signature

★★★ Supercharge GSA Search Engine Ranker With PA and DA. Rank Like it's 2012 Again ★★★

Is CloudFlare COSTING You Business?
{{ DiscussionBoard.errors[10030825].message }}
KenWeiLL 9 years ago

Thanks. It's now working.
- Thanks
Signature
Libre Coupon - A Contemporary Coupon Website
{{ DiscussionBoard.errors[10030841].message }}
KenWeiLL 9 years ago
It looks like your code returns a date value of UTC date, not my local date or timezone.
I made a few modification. I made a function on my header file:
Code:

function update_to_current_date() { var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()+1; var yyyy = today.getFullYear(); if(dd<10) { dd='0'+dd; } if(mm<10) { mm='0'+mm; } today = yyyy+'-'+mm+'-'+dd; return today; }
And modify your code to
Code:

<a href="#" onclick="javascript:(function(){document.getElementsByName('DateTested_Setting_')[0].value = update_to_current_date()})()">Update To Current Date</a>
So far, it works.

Thanks again emptee, for a new lesson learned from you.
I appreciate it.
- [ 1 ] Thanks
- 1 reply
Signature
Libre Coupon - A Contemporary Coupon Website
{{ DiscussionBoard.errors[10032476].message }}
- emptee 9 years ago
  
  Good catch mate
  
  It can be tricky figuring out the best "date" to use when going between browser <-> server if you aren't dealing with the time zone of the browser - I usually end up just using +0 (ISO) so I don't need to worry about time zones everywhere
  
  If everyone using the site your working on is in the same time zone you should be fine though!
  
  Cheers,
  Michael
  
  [ 1 ] Thanks
  
  Signature
  
  ★★★ Supercharge GSA Search Engine Ranker With PA and DA. Rank Like it's 2012 Again ★★★
  
  Is CloudFlare COSTING You Business?
  
  {{ DiscussionBoard.errors[10032560].message }}

[PHP] How to add a button that updates the content of a text box

Trending Topics

Some interesting stats about brand comms

Meta AI now has Google Search results

Fixing a massive traffic drop after rebranding

Looking at the average screen time and socmed usage

What's the Best IM-Related Skill to Learn Today That Can Help in the Future?