• Do not register here on develop.twiki.org, login with your twiki.org account.
• Use View topic Item7848 for generic doc work for TWiki-6.1.1. Use View topic Item7851 for doc work on extensions that are not part of a release. More... Close
• Anything you create or change in standard webs (Main, TWiki, Sandbox etc) will be automatically reverted on every SVN update.
Does this site look broken?. Use the LitterTray web for test cases.

Item6340: JSCalendarContribInline conflicts with Edittable date picker

Item Form Data

AppliesTo: Component: Priority: CurrentState: WaitingFor: TargetRelease ReleasedIn
Extension EditTablePlugin Normal New   n/a  

Edit Form Data

Summary:
Reported By:
Codebase:
Applies To:
Component:
Priority:
Current State:
Waiting For:
Target Release:
Released In:
 

Detail

If I have both an Editable table with date format columns AND an HTML form that uses a datepicker field created by JSCalendarContribInline, the inclusion of JSCalendarContribInline in the page causes the EDITTABLE date pickers to fail.

Failure mode:

  • selecting a date in a table field does nothing
  • if you click < or > t move to a previous or later month, the 1st of that month is chosen
  • you can then edit the date pasted into the field to change the date number

Example Code

%EDITTABLE{ format="|row, -1|text, 20|date, 7|date, 7|date, 7|select,1,New,Open,Complete,Pending,On Hold|textarea, 3x50|textarea, 3x50|" }%
| *Item No* | *Owner* | *Date Assigned* | *Orig. Date* | *Actual Date* | *Status* | *Action Item / Desired outcome* | *Results / Next Step* |

<!-- 
   * Set YEARMO = %SERVERTIME{"$year$mo"}%
-->
<!-- JSCALENDAR -->
%INCLUDE{"%TWIKIWEB%/JSCalendarContribInline"}%


<form action="%SCRIPTURLPATH%/save%SCRIPTSUFFIX%/%WEB%/"> 
<input type="hidden" value="Notes%YEARMO%rXXXXXXXXXX" name="topic" />
<input type="hidden" value="%TOPIC%" name="topicparent" />

<div class="twikiForm twikiEditForm">
<table class="twikiFormTable">

<tr><th bgcolor="#99CCCC" align="right"><span title="Date">Date</span></th>
<td align="left">
<input type="text" name="MeetingDate"  size="20" id="datecell" class="twikiEditFormTextField" />
<input type="image" src="%PUBURL%/%TWIKIWEB%/JSCalendarContrib/img.gif"  alt="Calendar" onclick="javascript: return showCalendar('datecell','%e %B %Y')" />
<br>
</td></tr>

<tr><td>&nbsp;</td>
<td align="center">
  <input type="submit" value="Create Page" />
</td></tr>

</table>
</div> 

</form>

Try It

  1. Add a row to the table.
    • try to pick a date for any of the date columns
  2. Pick a date in the second form

Date
 

-- TWiki:Main/VickiBrown - 06 Oct 2009

it looks llike EditTable imports

  • /pub/TWiki/JSCalendarContrib/twiki.js
  • /pub/TWiki/JSCalendarContrib/calendar.js
  • /pub/TWiki/JSCalendarContrib/lang/calendar-en.js

and JSCalendarContribInline imports

  • /pub/TWiki/JSCalendarContrib/calendar.js
  • /pub/TWiki/JSCalendarContrib/lang/calendar-en.js
  • /pub/TWiki/JSCalendarContrib/calendar-setup.js
  • /pub/TWiki/JSCalendarContrib/twiki.js

one additional .js file and a different order...

-- TWiki:Main.VickiBrown - 06 Oct 2009

ItemTemplate
Summary JSCalendarContribInline conflicts with Edittable date picker
ReportedBy TWiki:Main.VickiBrown
Codebase ~twiki4
SVN Range TWiki-5.0.0, Sun, 27 Sep 2009, build 18153
AppliesTo Extension
Component EditTablePlugin
Priority Normal
CurrentState New
WaitingFor

Checkins

TargetRelease n/a
ReleasedIn

Topic revision: r1 - 2009-10-06 - VickiBrown
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2018 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback