Title: param responsive
Last modified: August 26, 2019

---

# param responsive

 *  [saveatrain](https://wordpress.org/support/users/saveatrain/)
 * (@saveatrain)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/param-responsive/)
 * hello,
    i looked at the past support tickets, and couldn’t find what to change
   in the bellow code, to make the calculator also work for people who are not registered
   users, if you could tell what part of the code, i would be grateful
 * <div id=”timezonecalculator_calculator” style=”display: block;”><h2>Calculator
   </h2>
 *  Choose your current timezone, then pick your date/time in the calendar/drop-
   down or enter it manually in the date field by using one of these formats: [ISO (yyyy-mm-dd)](https://www.w3.org/QA/Tips/iso-date),
   [US (mm/dd/yyyy)](https://en.wikipedia.org/wiki/Calendar_date#Gregorian.2C_month-day-year)
   or [any English textual datetime description](https://secure.php.net/manual/en/function.strtotime.php)(
   tomorrow 3 pm or 2009-04-23 16:30). Let’s start!<br><br>
 *  <div id=”timezonecalculator_calculator_input” style=”margin-right: 20px; float:
   left; width: 400px;”>
    <div class=”timezonecalculator_calculator_row”> <div class
   =”timezonecalculator_calculator_input_header”> <strong id=”timezonecalculator_calculator_input_header_timezone”
   >TimeZone </div> <div class=”timezonecalculator_calculator_input_content” role
   =”group” aria-labelledby=”timezonecalculator_calculator_input_header_timezone”
   >
 *  <select class=”continent” name=”timezonecalculator_continent” id=”timezonecalculator_continent”
   ><option value=”etc”>etc</option><option value=”Africa”>Africa</option><option
   value=”America”>America</option><option value=”Antarctica”>Antarctica</option
   ><option value=”Arctic”>Arctic</option><option value=”Asia”>Asia</option><option
   value=”Atlantic”>Atlantic</option><option value=”Australia”>Australia</option
   ><option value=”Europe”>Europe</option><option value=”Indian”>Indian</option>
   <option value=”Pacific”>Pacific</option></select>
    <select class=”timezone” name
   =”timezonecalculator_timezone” id=”timezonecalculator_timezone”><option value
   =”Africa/Abidjan”>Abidjan</option><option value=”Africa/Accra”>Accra</option>
   <option value=”Africa/Addis_Ababa”>Addis Ababa</option><option value=”Africa/
   Algiers”>Algiers</option><option value=”Africa/Asmara”>Asmara</option><option
   value=”Africa/Bamako”>Bamako</option><option value=”Africa/Bangui”>Bangui</option
   ><option value=”Africa/Banjul”>Banjul</option><option value=”Africa/Bissau”>Bissau
   </option><option value=”Africa/Blantyre”>Blantyre</option><option value=”Africa/
   Brazzaville”>Brazzaville</option><option value=”Africa/Bujumbura”>Bujumbura</
   option><option value=”Africa/Cairo”>Cairo</option><option value=”Africa/Casablanca”
   >Casablanca</option><option value=”Africa/Ceuta”>Ceuta</option><option value=”
   Africa/Conakry”>Conakry</option><option value=”Africa/Dakar”>Dakar</option><option
   value=”Africa/Dar_es_Salaam”>Dar es Salaam</option><option value=”Africa/Djibouti”
   >Djibouti</option><option value=”Africa/Douala”>Douala</option><option value=”
   Africa/El_Aaiun”>El Aaiun</option><option value=”Africa/Freetown”>Freetown</option
   ><option value=”Africa/Gaborone”>Gaborone</option><option value=”Africa/Harare”
   >Harare</option><option value=”Africa/Johannesburg”>Johannesburg</option><option
   value=”Africa/Juba”>Juba</option><option value=”Africa/Kampala”>Kampala</option
   ><option value=”Africa/Khartoum”>Khartoum</option><option value=”Africa/Kigali”
   >Kigali</option><option value=”Africa/Kinshasa”>Kinshasa</option><option value
   =”Africa/Lagos”>Lagos</option><option value=”Africa/Libreville”>Libreville</option
   ><option value=”Africa/Lome”>Lome</option><option value=”Africa/Luanda”>Luanda
   </option><option value=”Africa/Lubumbashi”>Lubumbashi</option><option value=”
   Africa/Lusaka”>Lusaka</option><option value=”Africa/Malabo”>Malabo</option><option
   value=”Africa/Maputo”>Maputo</option><option value=”Africa/Maseru”>Maseru</option
   ><option value=”Africa/Mbabane”>Mbabane</option><option value=”Africa/Mogadishu”
   >Mogadishu</option><option value=”Africa/Monrovia”>Monrovia</option><option value
   =”Africa/Nairobi”>Nairobi</option><option value=”Africa/Ndjamena”>Ndjamena</option
   ><option value=”Africa/Niamey”>Niamey</option><option value=”Africa/Nouakchott”
   >Nouakchott</option><option value=”Africa/Ouagadougou”>Ouagadougou</option><option
   value=”Africa/Porto-Novo”>Porto-Novo</option><option value=”Africa/Sao_Tome”>
   Sao Tome</option><option value=”Africa/Tripoli”>Tripoli</option><option value
   =”Africa/Tunis”>Tunis</option><option value=”Africa/Windhoek”>Windhoek</option
   ></select>
 *  <script type=”text/javascript”>
 *  /* <![CDATA[ */
 *  /*
    populate continents select */
 *  jQuery(‘#timezonecalculator_continent’).replaceWith(‘<select class=”continent”
   name=”timezonecalculator_continent” id=”timezonecalculator_continent”>’+timezonecalculator_continents_array
   +'</select>’);
 *  /*
    load selected continent */
 *  timezonecalculator_select_value_in_select(‘timezonecalculator_continent’, ‘Africa’);
 *  /*
    populate timezones-select according to continents-select */
 *  timezonecalculator_set_timezone_array(‘timezonecalculator_’);
 *  /*
    load selected timezone */
 *  timezonecalculator_select_value_in_select(‘timezonecalculator_timezone’, ‘Africa/
   Abidjan’);
 *  /*
    all changes in the continent-select trigger a reload of the related timezones-
   select */
 *  jQuery(‘#timezonecalculator_continent’).bind(‘change’, function(e){ timezonecalculator_set_timezone_array(‘
   timezonecalculator_’); });
 *  /* ]]> */
 *  </script>
 *  </div>
    </div>
 *  <div class=”timezonecalculator_calculator_row”>
    <div class=”timezonecalculator_calculator_input_header”
   > <strong id=”timezonecalculator_calculator_input_header_date”>Date </div> <div
   class=”timezonecalculator_calculator_input_content” style=”display:table; width:
   100%” role=”group” aria-labelledby=”timezonecalculator_calculator_input_header_date”
   > <div style=”display:table-row;”>
 *  <input type=”text” name=”timezonecalculator_date” id=”timezonecalculator_date”
   placeholder=”2019-08-26, tomorrow 3pm, …” size=”25″ maxlength=”30″ value=””>[<span class=”fd-screen-reader”>Open Calendar</span>](https://wordpress.org/support/topic/param-responsive/?output_format=md#timezonecalculator_date)
 *  <script type=”text/javascript”>
 *  /* <![CDATA[ */
 *  var opts = {
    formElements:{“timezonecalculator_date”:”Y-ds-m-ds-d”}, highlightDays:[
   0,0,0,0,0,1,1], fillGrid:true, rangeLow:”19300101″, rangeHigh:”20371231″, noFadeEffect:
   true, constrainSelection:false };
 *  datePickerController.createDatePicker(opts);
 *  timezonecalculator_calculator_set_default_date();
    /* ]]> */
 *  </script>
    </div> </div> </div>
 *  <div class=”timezonecalculator_calculator_row”>
    <div class=”timezonecalculator_calculator_input_header”
   > <strong id=”timezonecalculator_calculator_input_header_time”>Time </div> <div
   class=”timezonecalculator_calculator_input_content” role=”group” aria-labelledby
   =”timezonecalculator_calculator_input_header_time”> <select class=”clock” name
   =”timezonecalculator_hour” id=”timezonecalculator_hour”><option value=”?”>-</
   option><option value=”00″>00 (12 am)</option><option value=”01″>01 (01 am)</option
   ><option value=”02″>02 (02 am)</option><option value=”03″>03 (03 am)</option>
   <option value=”04″>04 (04 am)</option><option value=”05″>05 (05 am)</option><
   option value=”06″>06 (06 am)</option><option value=”07″>07 (07 am)</option><option
   value=”08″>08 (08 am)</option><option value=”09″>09 (09 am)</option><option value
   =”10″>10 (10 am)</option><option value=”11″>11 (11 am)</option><option value=”
   12″>12 (12 pm)</option><option value=”13″>13 (01 pm)</option><option value=”14″
   >14 (02 pm)</option><option value=”15″>15 (03 pm)</option><option value=”16″>
   16 (04 pm)</option><option value=”17″>17 (05 pm)</option><option value=”18″>18(
   06 pm)</option><option value=”19″>19 (07 pm)</option><option value=”20″>20 (08
   pm)</option><option value=”21″>21 (09 pm)</option><option value=”22″>22 (10 pm)
   </option><option value=”23″>23 (11 pm)</option></select> : <select class=”clock”
   name=”timezonecalculator_minute” id=”timezonecalculator_minute”><option value
   =”?”>-</option><option value=”00″>00</option><option value=”05″>05</option><option
   value=”10″>10</option><option value=”15″>15</option><option value=”20″>20</option
   ><option value=”25″>25</option><option value=”30″>30</option><option value=”35″
   >35</option><option value=”40″>40</option><option value=”45″>45</option><option
   value=”50″>50</option><option value=”55″>55</option></select> </div> </div>
 *  <div class=”timezonecalculator_calculator_input_content” style=”margin-bottom:
   10px; margin-top:30px”>
    <input class=”button-primary” type=”button” name=”timezonecalculator_calculate_time”
   id=”timezonecalculator_calculate_time” value=”Calculate time”> <input class=”
   button-primary” type=”button” name=”timezonecalculator_form_reset” id=”timezonecalculator_form_reset”
   value=”Reset”> </div>
 *  </div>
 *  <div id=”timezonecalculator_calculator_results” style=”display: none; min-height:
   320.5px; float: left; width: 400px;”>
 *  <div id=”timezonecalculator_block_1″ class=”timezonecalculator-output”></div
   >
    </div>
 *  <div style=”clear:both”></div>
 *  <script type=”text/javascript”>
 *  /* <![CDATA[ */
 *  jQuery(‘#fd-but-timezonecalculator_date span’).first().remove();
 *  timezonecalculator_calculator_settings.block_id=’1′;
 *  /*
    register listeners for buttons */
 *  jQuery(‘#timezonecalculator_calculate_time’).bind(‘click’, function(){ timezonecalculator_calculator_calculation();});
 *  jQuery(‘#timezonecalculator_form_reset’).bind(‘click’, function(){ timezonecalculator_calculator_reset_form();});
 *  /*
    register listeners for text-input */
 *  jQuery(‘#timezonecalculator_date’).keypress(function(e){
    var keycode=(e.keyCode?
   e.keyCode : e.which);
 *  if (keycode==13)
    timezonecalculator_calculator_calculation(); });
 *  /*
    media-query needs to be realized with javascript because we need to do some
   calculations */
 *  jQuery(document).ready(function() {
    timezonecalculator_resize_calculator_page();});
 *  jQuery(window).on(‘load resize orientationchange’, function() {
    timezonecalculator_resize_calculator_page();});
 *  /*
    needs to have a timeout because there’s no trigger available */
 *  jQuery(‘#collapse-menu’).on(‘click’, function() {
    window.setTimeout(function(){
   timezonecalculator_resize_calculator_page(); }, 100); });
 *  /* ]]> */
 *  </script>
 *  </div>

The topic ‘param responsive’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/timezonecalculator_787b7d.svg)
 * [TimeZoneCalculator](https://wordpress.org/plugins/timezonecalculator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/timezonecalculator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/timezonecalculator/)
 * [Active Topics](https://wordpress.org/support/plugin/timezonecalculator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/timezonecalculator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/timezonecalculator/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [saveatrain](https://wordpress.org/support/users/saveatrain/)
 * Last activity: [6 years, 7 months ago](https://wordpress.org/support/topic/param-responsive/)
 * Status: not resolved