Custom Time Card Button Widget for Your Website

Auto Credit/Deduct has been updated 1/4/2020. If you use this feature you should update to a new button; the old button will eventually stop working. In any case, all users of the Button Widget should update to the latest button.

Customize the settings for others to use through a button widget. [1]
Set up a button widget with your own company settings and put it on your website for your employees.
The links below are customized with your current settings and the code is ready to be added to a website.

How to modify and get your custom button:

Go to Settings to customize the time card calculator
Review the Time Card Calculator to confirm it is what you want
Come to this page to get your code below. This page will automatically update with your new settings.
- Test the "Time Card Calculator" button
- Copy the code and put it on your website or blog. See notes below.
- You can have your webmaster style the CSS to change the button appearance.
If you need help, you might need the assistance of your webmaster but you can also contact me

The Button below is set for the website defaults.
To customize the Button to your settings you must enable cookies in your browser.
Once you get the code for the Button you can disable your cookies again.

Custom Button

Test your button [2]

Take your button code


<form action="https://www.timecardcalculator.net/" method="post" id="TimeCardButton" target="_blank" title="online custom time card calculator"><input type="submit" name="submit" value="Time Card Calculator" class="submitButtonLink" style="cursor:pointer;" /><input type="hidden" name="action" value="RemoteCalculatorButton" />
<!-- 19 custom settings -->
<input type="hidden" name="clock" value="12" /> <!-- 12, 24 -->
<input type="hidden" name="am_pm" value="1" /> <!-- 1 (yes), 0 (no) -->
<input type="hidden" name="weeks" value="1" /> <!-- 1, 2, 3, 4 -->
<input type="hidden" name="days" value="7" /> <!-- 1, 2, 3, 4, 5, 6, 7 -->
<input type="hidden" name="periods" value="1" /> <!-- 1, 2, 3 -->
<input type="hidden" name="break_sign" value="0" /> <!-- 0 (deduct), 1 (credit) -->
<input type="hidden" name="break_minutes" value="0" /> <!-- 0 <= break_minutes < 100 -->
<input type="hidden" name="day_array_num" value="4" /> <!-- 1, 2, 3, 4 -->
<input type="hidden" name="week_begins" value="1" /> <!-- 1 (Monday), 2, 3, 4, 5, 6, 7 -->
<input type="hidden" name="calculate_pay" value="1" /> <!-- 1 (yes), 0 (no) -->
<input type="hidden" name="rate" value="" /> <!-- ignore: allow user choice -->
<input type="hidden" name="rate_ot" value="1.5" /> <!-- floatval usually = 1.5 -->
<input type="hidden" name="ot_choice" value="0" /> <!-- 1 (yes), 0 (no) -->
<input type="hidden" name="ot_hours" value="40" /> <!-- 0 < ot_hours < 100 -->
<input type="hidden" name="ot_period" value="week" /> <!-- day or week -->
<input type="hidden" name="ot_breakdown" value="1" /> <!--  -->
<input type="hidden" name="round_to" value="2" /> <!-- 1, 2 or 3 -->
<input type="hidden" name="data_type" value="" /> <!-- ignore: allow mobile detect and user choice -->
<input type="hidden" name="save" value="1" /> <!-- default: always save -->
</form>

Notes for Copying the Code

Copy the HTML code from the text box.
- Click on the "Copy Code to Clipboard" button or
- Use your mouse (or fingers on a touch screen) to select everything
Then, paste this code into your web page where you want the link or button to appear.
- When you paste the code, be sure your editor is in HTML or CODE mode, rather than DESIGN or WYSIWYG mode, or the button will likely not work.
If you need help with setting up links for your time card calculators, contact me

Notes:

[1] If a user comes to timecardcalculator.net from the button and sets new settings, their new settings will overrule the settings in this button. To undo the new settings they can use the button again to reset their settings to the button code or redo their settings.

[2] If you click on the button it takes you to the time card calculator. If you already had input data that match the current setting then the time card will automatically be populated with that data. Your data is not in the button and will not be shared with others that use the button. Your data comes from your personal browser cookies.