0

我在我的消息系统中添加了一个 Javascript 代码。当用户单击提交按钮时，此 JS 代码会在文本区域中添加一行 BBCode。

BBCode 在 Firefox 和 Safari 中都可以正常插入。但是，该消息仅在 Firefox 中通过。使用 Safari 发布时，它不会进入数据库。我只用这两个浏览器测试过，很可能是其他浏览器坏了。

这是代码：

<!-- Start javascript code for message type -->
<script>
    var messageType = {
        General: "[b][green]General[/green]:[/b]",
        News: "[b][blue]News[/blue]:[/b]",
        Trend: "[b][orange]Trend[/orange]:[/b]",
        Help: "[b][red]Help[/red]:[/b]"
    };

    function submitForm(){
        msgSelText = messageType [document.getElementById('messageSelection').value]
        document.getElementById('wpam_nm_text').value = msgSelText + ' ' +document.getElementById('wpam_nm_text').value;
        document.getElementById('new_post_form').submit();
    }
</script>
<!-- End javascript code for message type -->

<form name="new_post" method="post" action="admin.php?page=wp-admin-microblog/wp-admin-microblog.php" id="new_post_form">
    <table class="widefat">
        <thead>

        <tr>
            <td>
                <div id="postdiv" class="postarea" style="display:block;">
                    <textarea name="wpam_nm_text" id="wpam_nm_text" style="width:100%;" rows="4"></textarea>
                </div>
                Type of message:
                <select id="messageSelection">
                    <option>General</option>
                    <option>News</option>
                    <option>Trend</option>
                    <option>Help</option>
                </select>

                <p style="text-align:right; float:right;"><input name="send" type="submit" class="button-primary" value="<?php _e('Send', 'wp_admin_blog'); ?>" onclick="submitForm()" />
            </td>
        </tr>
        </thead>
    </table>
</form>

我删除了 Javascript 代码，表单在 Safari 中运行良好。这意味着不知何故，JS 代码使它无法运行 -为什么？我该如何解决？

4

2 回答 2

1

我通过完全重写 javascript 代码解决了上帝遗弃的事情，现在在两种浏览器中都可以正常工作。我不知道原来的方法出了什么问题，这不是完全不可能是浏览器错误。

这是新方法：

<!-- Start javascript code for message type -->
<script type="text/javascript">
function setText(){
  var messageType = document.getElementById('messageType');
   var feed = document.getElementById('feed');
    feed.value= messageType.value + " "  +
    feed.value;
    }
</script>
<!-- End javascript code for message type -->

<form name="new_post" method="post" action="admin.php?page=wp-admin-microblog/wp-admin-microblog.php" id="new_post_form">
    <table class="widefat">
        <thead>
        <tr>
            <th><?php _e('Your Message', 'wp_admin_blog');?><a name="newpost"></a></th>
        </tr>
        <tr>
            <td>
                <div id="postdiv" class="postarea" style="display:block;">
                    <textarea name="wpam_nm_text" id="feed" style="width:100%;" rows="4"></textarea>
                </div>
                Type of message:

                 <select id="messageType" style="width:100px; height:20px; text-align:center;">
                     <option value="[b][green]General[/green]:[/b]">General</option>
                     <option value="[b][blue]News[/blue]:[/b]">News</option>
                     <option value="[b][orange]Trend[/orange]:[/b]">Trend</option>
                     <option value="[b][red]Help[/red]:[/b]">Help</option>
                </select>

                <p style="text-align:right; float:right;"><input name="send" type="submit" class="button-primary" value="<?php _e('Send', 'wp_admin_blog'); ?>" onclick="javascript:setText()" /></p>

            </td>
        </tr>
        </thead>
    </table>
</form>
于 2012-10-16T20:49:04.020 回答
1

在 Safari 中，运行此小提琴时出现参考错误：http: //jsfiddle.net/esCPN/1/

如果你打算用来onclick触发 javascript 事件（你不应该这样做），那么你应该使用javascript:语法。

<input name="send" type="submit" class="button-primary" value="Send"
    onclick="javascript:submitForm()" />

这将停止 Safari 抛出的任何引用错误。

于 2012-10-16T18:47:14.450 回答