html onclick运行javascript函数不工作_Javascript_Html_Jsp

html onclick运行javascript函数不工作

javascript html jsp

html onclick运行javascript函数不工作,javascript,html,jsp,Javascript,Html,Jsp,我正在尝试在html中的input=“image”上运行javascript方法。我的html中的代码如下所示： onclick="manageHandlers('Unassign'); document.getElementsByName('manageHandlers')[0].submit(); " function manageHandlers(parameter){ alert("It's working: "+parameter); } 在我的javascript中，方法如

我正在尝试在html中的input=“image”上运行javascript方法。我的html中的代码如下所示：

onclick="manageHandlers('Unassign'); document.getElementsByName('manageHandlers')[0].submit(); "

function manageHandlers(parameter){
   alert("It's working: "+parameter);
}

在我的javascript中，方法如下所示：

onclick="manageHandlers('Unassign'); document.getElementsByName('manageHandlers')[0].submit(); "

function manageHandlers(parameter){
   alert("It's working: "+parameter);
}

我做错什么了吗？我可以发誓这昨天起作用了，但今天它什么也没做

谢谢你看这个

完整html代码：

    <%-- 
    Document   : pathologist
    Created on : 16 Nov 2011, 09:53:58 AM
    Author     : dean.grobler
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>

<%@ page import="javax.portlet.*"%>
<%@ page import="co.za.lancet.medelogget.*" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.liferay.portal.kernel.servlet.*" %>
<%@page import="com.liferay.portal.kernel.util.Validator" %>

<portlet:defineObjects />

<%
    String editable = request.getParameter("editable");
    String selectedValue = request.getParameter("selectedValue");
    int selectedIndex = 0;
    if (selectedValue != null) {
        selectedIndex = Integer.parseInt(selectedValue);
    }
    ArrayList<String> data = tableData.getTableData(selectedIndex, "consumers", "code");
    String AvailableJavaScript = tableData.consumersAvailableHandlers(data.get(0));  
    String AssignedJavaScript = tableData.consumersAssignedHandlers(data.get(0)); //data.get(0) is the whereclause    

%>

<!-- -------------------------Interface Starts here------------------------- -->

<aui:layout>
    <form name="consumerDetails" action="<portlet:actionURL ><portlet:param name="consumers" value="consumers"/></portlet:actionURL>" method="post">
        <input type="hidden" value="consumers" name="formType" />
        <input type="hidden" value="<%=selectedValue%>" name="selectedValue" />



    <input type="hidden" value="" id="button" name='button' />
    <aui:column columnWidth="50">
        <h3>
            <%if (editable.equals("")) {%>
            Edit Consumer
            <%} else {%>
            Consumer Details 
            <%}%>
            <%%>
        </h3>   
        <div class="horizontalRules"><hr class></div>
        <div id="successAndErrorMessages"></div>

        <table width="100%">
            <tr height="35px"><td width="25%">Code:</td><td><input type="text" value="<%=data.get(0)%>" name="code"  class="textBoxes" <%=editable%>></td></tr>
            <tr height="35px"><td width="25%">Description:</td><td><input type="text" value="<%=data.get(1)%>" name="description"  class="textBoxes" <%=editable%>></td></tr>           
        </table>
    </aui:column>    

    </form>
    </aui:layout>

    <!-- --------------------Handler rules section---------------------- -->        
    <%if (editable.equals("")) {%>

    <aui:layout>
        <aui:column columnWidth="100">
            <h3>Manage Handler Rules</h3>
            <div class="horizontalRules"><hr class></div>                        
            </aui:column>
        </aui:layout>

    <aui:layout>

        <form name="manageHandlers" id="formType" action="<portlet:actionURL ><portlet:param name="manageHandlers" value="manageHandlers"/></portlet:actionURL>" method="post">

            <!-- index selected in handlers tables -->
            <input type="hidden" name="selectedHandler" id="selectedHandler" /> 
            <input type="hidden" value="" id="handlerButton" name='handlerButton' />
            <input type="hidden" value="" id="button" name='button' />
            <input type="hidden" value="" id="tableType" name='tableType' />
            <input type="hidden" value="manageHandlers" name="formType" />

            <table width="100%">
                <tr><td width="35%"><table width="100%">
                            <tr>
                                <td><h4 style="margin-bottom: 10px;">Available Rules</h4></td>
                            </tr>
                            <tr>
                                <td><div class="availableTable" id='available_div'></div></td>
                            </tr>
                        </table></td>

                    <td width="15%"><div class="manageHandlersButtons1">
                            <table width="100%">
                                <tr>
                                    <td><h4>Fatal Error:</h4></td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" id="fatal" name="fatal" class="manageHandlersCheckbox" value="1" /></td>                                        
                                </tr>
                                <tr>
                                    <td><input type="image" id="button" value="Assign" src="<%=renderRequest.getContextPath()%>/Images/rightarrow.png" alt="Assign Selected Rule" class="imgAssignUnassign" onclick="if(manageHandlers('Assign')){ document.getElementsByName('manageHandlers')[0].submit(); }" /></td>
                                </tr>
                                <tr>
                                    <td><input type="image" id="button" value="Unassign" src="<%=renderRequest.getContextPath()%>/Images/leftarrow.png" alt="Unassign Selected Rule" class="imgAssignUnassign" onclick="manageHandlers('Unassign'); document.getElementsByName('manageHandlers')[0].submit(); " /></td>
                                </tr>
                            </table>
                        </div></td>

                    <td width="35%"><table width="100%">
                            <tr>
                                <td><h4 style="margin-bottom: 10px;">Assigned Rules</h4></td>
                            </tr>
                            <tr>
                                <td><div class="assignedTable" id='assigned_div'></div></td>
                            </tr>
                        </table></td>

                    <td width="15%"><div class="manageHandlersButtons2">
                            <table width="100%">
                                <tr>
                                    <td><input type="button" id="button" name="MoveUp" value="MoveUp" style="width: 85px;" class="manageHandlersMvUp" onclick="if(manageHandlers('Move up')){ document.getElementsByName('manageHandlers')[0].submit(); }" /></td> 
                                </tr>
                                <tr>
                                    <td><input type="button" id="button" name="MoveDown" value="MoveDown" style="width: 85px;" class="manageHandlersMvDwn" onclick="if(manageHandlers('Move down')){ document.getElementsByName('manageHandlers')[0].submit(); }" /></td>
                                </tr>
                            </table></div>

                    </td></tr>
            </table>
        </form>                                

    </aui:layout>        

    <div class="horizontalRules2"><hr class></div>          

    <%}%>

    <table width="100%">
        <tr>
            <td width="25%"><input type="button" value="Back" style="width: 80px;" class="leftButtons"  onClick="document.getElementById('button').value='Back'; document.getElementsByName('consumerDetails')[0].submit()" /></td>

            <!-- if not editable, don't display this button -->
            <% if (editable.equals("")) {%>                   
            <td><input type="button" value="Save" style="width: 80px;" class="rightButtons" onClick="if (addEntryValidator('Save','consumers','edit')) {document.getElementsByName('consumerDetails')[0].submit()}" /></td>                    
                <% }%>
        </tr> 
    </table>

    <!-- JavaScript Tables -->    
    <script type="text/javascript"><%= AssignedJavaScript%></script>
    <script type="text/javascript"><%= AvailableJavaScript%></script>


编辑消费者
消费者详细信息

代码：
说明：
管理处理程序规则

可用规则
致命错误：
指定规则

这是错误的：

onclick="manageHandlers('Unassign'); 
document.getElementsByName('manageHandlers')[0].submit();"

我以前从未见过这样的事情……或者如果这确实是可能的，但我确实错过了一些东西，那么我敢打赌这很少发生，因为不将js代码与内容层（HTML）分离是一种不好的做法

无论如何，

onclick

是一个事件处理程序。通常，您会分配一个在单击时执行的函数

如果我是你，我可能不会做内联javascript。但如果您真的想让它保持在线，那么您可以尝试以下方法：

function manageHandlers(parameter){
    alert('blabla' + parameter);
    document.getElementsByName('manageHandlers')[0].submit();
}

而onclick，您可以只执行

onclick=“manageHandlers（'Unassign'）；”

希望这有帮助。

这是错误的：

onclick="manageHandlers('Unassign'); 
document.getElementsByName('manageHandlers')[0].submit();"

无论如何，

onclick

是一个事件处理程序。通常，您会分配一个在单击时执行的函数

如果我是你，我可能不会做内联javascript。但如果您真的想让它保持在线，那么您可以尝试以下方法：

function manageHandlers(parameter){
    alert('blabla' + parameter);
    document.getElementsByName('manageHandlers')[0].submit();
}

还有onclick，您只需执行

onclick=“manageHandlers（'Unassign'）；”

希望这会有所帮助。

您能给我看一下您的html代码吗？您是否检查过您的JavaScript文件是否包含在页面顶部。您的浏览器中有javascript错误吗？我正在Liferay portal中使用jsp，它适用于我所做的所有其他页面。我也做了同样的事情，但对于这一个，它只是因为某种原因没有运行这个函数。浏览器中并没有js错误，这很可能是js加载不正确的问题。看这把小提琴：谢谢你，丹尼尔。。也许我会尝试重新启动我的服务器（“您是否尝试过关闭并再次打开它？）”。这可能会有帮助吗？你能给我看一下你的html代码吗？你检查过你的JavaScript文件是否包含在页面顶部了吗。您的浏览器中有javascript错误吗？我正在Liferay portal中使用jsp，它适用于我所做的所有其他页面。我也做了同样的事情，但对于这一个，它只是因为某种原因没有运行这个函数。浏览器中并没有js错误，这很可能是js加载不正确的问题。看这把小提琴：谢谢你，丹尼尔。。也许我会尝试重新启动我的服务器（“您是否尝试过关闭并再次打开它？）”。那会有帮助吗？