效果就是这样,点击查找,如果查不到内容会弹出“请输入内容”查到内容就会跳到新的日程(calendar3),点击取消查找会跳回原来的日程(calendar2),重新显示所有的日程,同时清除查找text标签的内容,清除calendar3的所有事件。
与上一篇结合,只是更换几个地方就可以了。
html部分,只需要把"findlist"及后面的tabal都去掉换成calendar3就行了。
<div style="clear:both">
<div class="calendar_body">
<div id="calendar" class="calendar_left"></div>
<div id="calendar2" class="calendar_right"></div>
<div id="calendar3" class="calendar_right" style="display:none">
</div>
</div>
</div>
options.js内容
可以把findlist所有内容清空了,都用不上了。
customButtons:
增加按钮功能,我把‘