Question

我正在动态创建iframe并使用cgi中的内容加载它。内容是一张桌子。我想将ifed内容中的jeditable应用于div。这是我需要的html。

<td align=left width=5%><font style="font-family:lucida console; font-size: 10px;"><div class="edit" id="div_1">$databasename</div><div class="edit_area" id="div_2"></div>

这是js：

            var iframe = document.createElement('IFRAME');
            $(iframe).attr({
                    id: 'frameName',
                    frameBorder: 'none',
                    width: '100%',
                    height: '465',
                    scrolling: 'yes',
                    src: "./dump.cgi?system=" + sys
            });

            document.body.appendChild(iframe);

            $(iframe).load(function() {
                    $(document).ready(function () {
                            $('.edit').editable('./adtu.php', {
                                    indicator : 'Saving...',
                                    tooltip   : 'Click to edit...'
                            });
                            $('.edit_area').editable('./adtu.php', {
                                    type      : 'textarea',
                                    cancel    : 'Cancel',
                                    submit    : 'OK',
                                    indicator : '<img src="img/indicator.gif">',
                                    tooltip   : 'Click to edit...'
                            });
                    });
            });

jquery.js和jquery.jeditable.js不在cgi中编码。我希望避免这种开销，但如果建议，我会尝试。

因此，当页面加载时，我点击表格中的“databasename”，我什么都没得到。我在很多地方都有可编辑的代码。这段代码是我最近的尝试，我的想法是iframe在load（）函数之外编码时没有为jeditable找到div类做好准备。

我会完全丢失cgi和frame，但cgi有其他提交函数，而iframe容器是我包含页面刷新的方式。

谢谢你，麦克

在iframe中对div元素进行jeditable

0 个答案: