PHP date form 1

UsRb · Oct 13, 2011

Hi, I'm sorry if this question is not for this forum.

I have php date form like drop down menu, separate for day, month and year. In browser (ffox and IE) day and year appears ok, but month doesn't, it only lists months but there's no drop down menu.
This is the case on windows.
On linux machine, with ffox 3.6.23 installed, all forms appear ok.
Assuming that this problem relates more with browser then php, maybe you guys can help me out here?

vacunita · Oct 13, 2011

Without seeing any code its hard to even guess at what may be wrong.

Show us the page or at least the produced code so we may know what is actually going on.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

UsRb · Oct 13, 2011

I will paste function code and main code. Been searching for a while and tried to turn on Error console in new ffox and one interesting message popped out:
[17:28:21.148] Unknown property 'box-sizing'. Declaration dropped. @

http://portal.zbw.intranet/wp-admin...-admin&ver=6fc53cd39ae6e24cbe8675674f4082af:1

Maybe there is incompatibility between my CSS settings and new browsers?
Again, I doubt there is an error in code since old ffox on linux does it well.

Here is the function html_select_month:

function html_select_month($select_name, $month='', $first='Month') {
global $wp_locale;
$html_select = '<select name="' . $select_name . '" id="' . $select_name . '">'. "\n";
$html_select .= '<option value="">' . $first . '</option>' . "\n" ;
for ( $i = 1; $i <= 12; $i++ ) {
$selected = ( $month == $i ) ? 'selected="selected"' : '';
$html_select .= '<option value="' . $i . '"'. $selected . '>' . $wp_locale->get_month($i) . '</option>' . "\n" ;
}
return $html_select;
}

Here is the main code:

<tr class="form-field form-required <?php if ( @$result['error']['join_date'] ) { echo 'form-invalid'; }?>">
<th scope="row" valign="top"><label for="join_date">Join Date</label></th>
<td><?php echo html_select_year('join_year', @$result['new_data']['join_year']); ?> <?php echo html_select_month('join_month', @$result['new_data']['join_month']); ?> <?php echo html_select_day('join_day', @$result['new_data']['join_day']); ?></td>
</tr>

vacunita · Oct 13, 2011

Looks like you aren't actually closing your select elements.

In which case your <select> html elements may be having rendering discrepancies.

It may or may not be causing the issue, but I'd fix that first.

Code:

...
 $html_select .= '<option value="">' . $first . '</option>' . "\n" ;
        for ( $i = 1; $i <= 12; $i++ ) {
                $selected = ( $month == $i ) ? 'selected="selected"' : '';
                $html_select .= '<option value="' . $i . '"'. $selected . '>' . $wp_locale->get_month($i) . '</option>' . "\n" ;
        }
       [red]$html_select.="</select>";[/red]
       return $html_select;
}

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

UsRb · Oct 14, 2011

No, it didn't helped...

vacunita · Oct 15, 2011

Can you show us the generated HTML? Use the View Source option form your browser and copy and paste the HTML code here. Do this from the Browser having the issue.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

UsRb · Oct 15, 2011

Here it is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="

http://www.w3.org/1999/xhtml"

dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Add to Phone Book &lsaquo; Zabok Wireless — WordPress</title>
<script type="text/javascript">
//<![CDATA[
addLoadEvent = function(func){if(typeof jQuery!="undefined")jQuery(document).ready(func);else if(typeof wpOnload!='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
var userSettings = {
'url': '/',
'uid': '5',
'time':'1318695162'
},
ajaxurl = '

http://portal.zbw.intranet/wp-admin/admin-ajax.php',

pagenow = 'phone-book/phone-book',
typenow = '',
adminpage = 'phone-book-phone-book-add-php',
thousandsSeparator = ',',
decimalPoint = '.',
isRtl = 0;
//]]>
</script>
<link rel='stylesheet' href='

http://portal.zbw.intranet/wp-admin...min&ver=6fc53cd39ae6e24cbe8675674f4082af'

type='text/css' media='all' />
<link rel='stylesheet' id='colors-css' href='

http://portal.zbw.intranet/wp-admin/css/colors-fresh.css?ver=20110703'

type='text/css' media='all' />
<!--[if lte IE 7]>
<link rel='stylesheet' id='ie-css' href='

http://portal.zbw.intranet/wp-admin/css/ie.css?ver=20110711'

type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='

http://portal.zbw.intranet/wp-includes/js/l10n.js?ver=20101110'></script>

http://portal.zbw.intranet/wp-admin...r=fb5c271ac01e8186b23ece33d5ce4961'></script>

http://portal.zbw.intranet/wp-admin/images/generic.png"

alt="" /></a></div><div class="wp-menu-arrow"><div></div></div><div class="wp-menu-toggle"><br /></div><a href='admin.php?page=phone-book/phone-book-manager.php' class="wp-has-submenu wp-has-current-submenu wp-menu-open menu-top toplevel_page_phone-book/phone-book-manager menu-top-first" tabindex="1">Phone Book</a>
<div class='wp-submenu'><div class='wp-submenu-wrap'><div class='wp-submenu-head'>Phone Book</div><ul><li class="wp-first-item"><a href='admin.php?page=phone-book/phone-book-manager.php' class="wp-first-item" tabindex="1">Manage Phone Book</a></li><li class="current"><a href='admin.php?page=phone-book/phone-book-add.php' class="current" tabindex="1">Add to Phone Book</a></li></ul></div></div></li>
<li class="wp-has-submenu menu-top toplevel_page_wp-polls/polls-manager" id="toplevel_page_wp-polls-polls-manager"><div class='wp-menu-image'><a href='admin.php?page=wp-polls/polls-manager.php'><img src="

http://portal.zbw.intranet/wp-content/plugins/wp-polls/images/poll.png"

alt="" /></a></div><div class="wp-menu-arrow"><div></div></div><div class="wp-menu-toggle"><br /></div><a href='admin.php?page=wp-polls/polls-manager.php' class="wp-has-submenu menu-top toplevel_page_wp-polls/polls-manager" tabindex="1">Polls</a>
<div class='wp-submenu'><div class='wp-submenu-wrap'><div class='wp-submenu-head'>Polls</div><ul><li class="wp-first-item"><a href='admin.php?page=wp-polls/polls-manager.php' class="wp-first-item" tabindex="1">Manage Polls</a></li><li><a href='admin.php?page=wp-polls/polls-add.php' tabindex="1">Add Poll</a></li><li><a href='admin.php?page=wp-polls/polls-options.php' tabindex="1">Poll Options</a></li><li><a href='admin.php?page=wp-polls/polls-templates.php' tabindex="1">Poll Templates</a></li><li><a href='admin.php?page=wp-polls/polls-uninstall.php' tabindex="1">Uninstall WP-Polls</a></li></ul></div></div></li>

<li class="wp-has-submenu menu-top toplevel_page_zbw-share/zbw-share menu-top-last" id="toplevel_page_zbw-share-zbw-share"><div class='wp-menu-image'><a href='admin.php?page=zbw-share/zbw-share.php'><img src="

http://portal.zbw.intranet/wp-admin/images/generic.png"

alt="" /></a></div><div class="wp-menu-arrow"><div></div></div><div class="wp-menu-toggle"><br /></div><a href='admin.php?page=zbw-share/zbw-share.php' class="wp-has-submenu menu-top toplevel_page_zbw-share/zbw-share menu-top-last" tabindex="1">ZBW Share</a>
<div class='wp-submenu'><div class='wp-submenu-wrap'><div class='wp-submenu-head'>ZBW Share</div><ul><li class="wp-first-item"><a href='admin.php?page=zbw-share/zbw-share.php' class="wp-first-item" tabindex="1">ZBW Share</a></li><li><a href='admin.php?page=zbws_types' tabindex="1">Share Types</a></li><li><a href='admin.php?page=zbws_options' tabindex="1">Share Options</a></li></ul></div></div></li><li id="collapse-menu" class="hide-if-no-js"><div id="collapse-button"><div></div></div><span>Collapse menu</span></li></ul>
</div>
<div id="wpcontent">
<div id="wphead">

<img id="header-logo" src="

http://portal.zbw.intranet/wp-includes/images/blank.gif"

alt="" width="16" height="16" />
<h1 id="site-heading" >
<a href="

http://portal.zbw.intranet/"

title="Visit Site">

<span id="site-title">Zabok Wireless</span>
</a>
</h1>

<div id="wphead-info">
<div id="user_info">
<p class="hide-if-js">Howdy, Ivan_admin | <a href="profile.php" title="Edit your profile">Your Profile</a> | <a href="

http://portal.zbw.intranet/wp-login.php?action=logout&_wpnonce=9b39490170"

title="Log Out">Log Out</a></p>

<div class="hide-if-no-js">
<p>Howdy, Ivan_admin</p>
<div id="user_info_arrow"></div>
<div id="user_info_links_wrap"><div id="user_info_links">
<ul><li><a href="profile.php" title="Edit your profile">Your Profile</a></li><li><a href="

http://portal.zbw.intranet/wp-login.php?action=logout&_wpnonce=9b39490170"

title="Log Out">Log Out</a></li></ul>
</div></div>
</div>

</div>
</div>

</div>

<div id="wpbody">

<div id="wpbody-content">
<div id="screen-meta">
<div id="contextual-help-wrap" class="hidden">
<div class="metabox-prefs"><a href="

http://codex.wordpress.org/"

target="_blank">Documentation</a><br /><a href="

http://wordpress.org/support/"

target="_blank">Support Forums</a></div>
</div>

<div id="screen-meta-links">
<div id="contextual-help-link-wrap" class="hide-if-no-js screen-meta-toggle">
<a href="#contextual-help" id="contextual-help-link" class="show-settings">Help</a>
</div>
</div>
</div>
<p id='dolly'>I can tell, Dolly</p> <div class="wrap">
<h2>Add New Entry</h2>
<form name="addentry" id="addentry" method="post" action="/wp-admin/admin.php?page=phone-book/phone-book-add.php" enctype="multipart/form-data">
<table class="form-table">

<tr class="form-field form-required ">
<th scope="row" valign="top"><label for="name">Name</label></th>
<td><input name="name" id="name" type="text" value="" size="50" /></td>
</tr>
<tr class="form-field form-required ">
<th scope="row" valign="top"><label for="voip_no">VOIP No.</label></th>
<td><input name="voip_no" id="voip_no" type="text" value="" size="20" /></td>
</tr>

<tr class="form-field form-required ">
<th scope="row" valign="top"><label for="email">E-mail</label></th>
<td><input name="email" id="email" type="text" value="" size="50" /></td>
</tr>
<tr class="form-field form-required ">
<th scope="row" valign="top"><label for="join_date">Join Date</label></th>
<td><select name="join_year" id="join_year">
<option value="">Year</option>

<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>

<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>

<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>

<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>

<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>

<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>

<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>

<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<select name="join_month" id="join_month">

<option value="">Month</option>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>

<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select> <select name="join_day" id="join_day">
<option value="">Day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>

<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>

<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>

<option value="31">31</option>
</td>
</tr>
<tr class="form-field">
<th scope="row" valign="top"><label for="join_date">Picture</label></th>
<td><input name="image" id="image" type="file" value="" size="50" /></td>
</tr>
<tr class="form-field">
<th scope="row" valign="top"><label for="address">Address</label></th>

<td><input name="address" id="address" type="text" value="" size="50" /></td>
</tr>
<tr class="form-field">
<th scope="row" valign="top"><label for="occupation">Occupation</label></th>
<td><input name="occupation" id="occupation" type="text" value="" size="50" /></td>
</tr>
<tr class="form-field form-required ">
<th scope="row" valign="top"><label for="birth_date">Date Of Brith</label></th>

<td><select name="birth_year" id="birth_year">
<option value="">Year</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>

<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>

<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>

<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>

<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>

<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>

<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>

<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>

<option value="2020">2020</option>
<select name="birth_month" id="birth_month">
<option value="">Month</option>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>

<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select> <select name="birth_day" id="birth_day">
<option value="">Day</option>
<option value="1">1</option>

<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>

<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>

<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>

<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</td>
</tr>
</table>
<p class="submit"><input type="submit" class="button" name="submit" value="Add Entry" /></p>
</form>
</div>

<div class="clear"></div></div>
<div class="clear"></div></div>
<div class="clear"></div></div>

<div id="footer">
<p id="footer-left" class="alignleft"><span id="footer-thankyou">Thank you for creating with <a href="

http://wordpress.org/">WordPress</a>.</span>

• <a href="

http://codex.wordpress.org/">Documentation</a>

• <a href="

http://portal.zbw.intranet/wp-admin/freedoms.php">Freedoms</a>

• <a href="

http://wordpress.org/support/forum/4">Feedback</a>

• <a href="

http://portal.zbw.intranet/wp-admin/credits.php">Credits</a></p>

<p id="footer-upgrade" class="alignright">Version 3.2.1</p>
<div class="clear"></div>
</div>
<script type='text/javascript'>
/* <![CDATA[ */
var thickboxL10n = {
next: "Next >",
prev: "< Prev",
image: "Image",
of: "of",
close: "Close",
noiframes: "This feature requires inline frames. You have iframes disabled or your browser does not support them.",
loadingAnimation: "

http://portal.zbw.intranet/wp-includes/js/thickbox/loadingAnimation.gif",

closeImage: "

http://portal.zbw.intranet/wp-includes/js/thickbox/tb-close.png"

};
try{convertEntities(thickboxL10n);}catch(e){};
var commonL10n = {
warnDelete: "You are about to permanently delete the selected items.\n \'Cancel\' to stop, \'OK\' to delete."
};
try{convertEntities(commonL10n);}catch(e){};
/* ]]> */
</script>
<script type='text/javascript' src='

http://portal.zbw.intranet/wp-admin...r=064e5462692daf38ecfe5ff6e5f90b6a'></script>

<div class="clear"></div></div>
<script type="text/javascript">if(typeof wpOnload=='function')wpOnload();</script>
</body>
</html>

vacunita · Oct 15, 2011

Your other select statements are un-terminated also.

Try to actually do some work on your side and fix those as well. I pointed out the one the code you showed, which should have prompted you too look at the others and see if they were terminated.

Having un-closed elements may produce strange results in rendering as the browsers are guessing at what they should do.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

UsRb · Oct 15, 2011

Ok, thank you for your effort.
I'll get back with results if ok.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

PHP date form 1

UsRb

IS-IT--Management

vacunita

Programmer

UsRb

IS-IT--Management

vacunita

Programmer

UsRb

IS-IT--Management

vacunita

Programmer

UsRb

IS-IT--Management

vacunita

Programmer

UsRb

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor