Проблема с виджетом YUI Calendar - PullRequest
Новая
       31

Проблема с виджетом YUI Calendar

1 голос
/ 11 марта 2010

Мне удалось получить нормально работающий виджет календаря YUI. Но когда он отображается, он не «плавает» по странице, то есть он растягивает содержимое по форме. Мне нужно, чтобы он плавал над страницей и не влиял на другие элементы.

Кажется, что нет свойства, заставляющего календарь перемещаться по странице.

Кто-нибудь знает, как обеспечить отображение виджета над страницей при отображении. Кнопка, которая отображает виджет, находится внутри таблицы. HTML ниже 

<tr>
<td>Expiry Date</td>
<td><input name="ExpiryDate" value="" id="ExpiryDate">
         <img id="calico" src="resources/images/calendar_icon.gif" />
          <div id="calWidget"></div>
</td>
</tr>

1 Ответ

1 голос
/ 11 марта 2010

удалось найти решение. Когда все остальное терпит неудачу .. просто добавьте больше HTML и стиля.

Сначала оберните «calWidget» другим div (мы дадим идентификатор «calPanel»). Это будет выглядеть так. 

<tr>
<td>Expiry Date</td>
<td><input name="ExpiryDate" value="" id="ExpiryDate">
         <img id="calico" src="resources/images/calendar_icon.gif" />
          <div id="calPanel">
             <div id="calWidget"></div>
          </div>
</td>
</tr>

Затем с помощью простого CSS «относительная» calPanel оборачивается вокруг «абсолютного» позиционированного calWidget. Вы можете дурачиться с позиционированием календаря оттуда, используя left / right / top / bottom в CSS "#calWidget". 

#calPanel {
    position:relative;
}

#calWidget { 
    display:block; 
    position:absolute; 
    left:0px;
    z-index:99;
}

Позиционирование в IE7 / 8 и FF3 + кажется согласованным ... Надеюсь, это поможет, если у вас такая же проблема ...

...