مسج timepicker تحتج على IMG نقرة

Question

وأما الآن يتم استدعاء عنصر مسج timepicker الطرافة انقر على المدخلات.

وهذا هو timepicker التكوين:

    <script>
     ...
oScript.text += "var timeId = '#' + '<portlet:namespace/>' + '_time';";
oScript.text += "$j(timeId).timePicker({startTime:new Date(0, 0, 0, 0, 0, 0), step: 30});";   
     ...
    </script>

وهذا هو التخطيط الاستراتيجي المشترك جزء لtimepicker (المدخلات مع رقم معين):

<input id="<portlet:namespace/>_time" name="time" size="6" autocomplete="off" value="${eventTime}"
<img id="time-img" class="ui-timepicker" src="${eventTimeImage}" alt="..." title="..."/>

وهكذا يعمل هذا موافق.

إذا للتعامل مع الضغط على IMG، أن شبيبة الأخطاء المحزن، أن هوية "لم يتم تعريف"، ولكن هو معرف نفس تقديمها في الناتج HTML

وهذا الرمز هو تعديل للوسم IMG، من أجل استدعاء timepicker:

<img id="time-img" onClick="jQuery(<portlet:namespace/>_time).timePicker({startTime:new Date(0, 0, 0, 0, 0, 0), step: 30});" src="${eventTimeImage}"/>

وحاول معرف مع اقتباس، نفس النتيجة.

هل من الممكن لTimepicker على الإطلاق؟ أعني الاحتجاج مع عند _ النقر. أو محملة مرة واحدة؟

Answer 1

وأود أن تستجيب بقدر لا أحد القيام به.

وهكذا، يبدو أن الحل أن تكون أبسط من ذلك بكثير، أن تعليق Timepicker الاحتجاج على عند _ النقر.

ويو الحاجة فقط التركيز المدخلات مع ضغطة على الصورة:

<img id="time-img" onClick="jQuery('#<portlet:namespace/>_time').focus()"/>

وبفضل مؤلف المساعد: الموقع Timepicker

وهكذا يمكن استخدام هذا الحل في حالات أخرى مماثلة، مع datepickers الخ.

Answer 2

وهناك احتمال آخر (ربما أكثر بسيطة) لاستخدام صورة كخلفية صورة للحقل. بعد ذلك، عندما يقوم المستخدم بالنقر فوق الصورة، فهي النقر حقا المدخلات، بحيث يظهر منقار كما تريد. هذا الحل يتطلب أي رمز JS. على سبيل المثال:

<input type="text" id="demo" />
<style type="text/css">
  #demo
  {
    background-image:url("image.png");
    background-position:right center;
    background-repeat:no-repeat;
  }
</style>