<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page contentType="text/html;charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
int a = 1;
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" src="spin/spin.min.js"></script>
<script type="text/javascript" src="spin/jquery.min.js"></script>
<script type="text/javascript">
function submitForm(){
// $("#b_login").attr("disabled", "disabled");
showSpin();
$("#my_form").submit();
};
function showSpin(){
var spinnerOpts = {
lines: 13, // The number of lines to draw
length: 20, // The length of each line
width: 10, // The line thickness
radius: 30, // The radius of the inner circle
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: ‘#000‘, // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: ‘spinner‘, // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: ‘100‘, // Top position relative to parent in px
left: ‘auto‘ // Left position relative to parent in px
};
var spinTarget = document.getElementById(‘spinBody‘);
new Spinner(spinnerOpts).spin(spinTarget);
};
</script>
</head>
<body>
${isSave}
<div id="spinBody"></div>
<form id="my_form" action="save.do" method="post">
姓名：<input type="text" id="name" name="name"><br>
性别: 男：<input type="radio" id="male" name="sex" value="1" <%= a==2 ? "checked=‘checked‘" : ""%> > 女：<input type="radio" id="famale" name="sex" value="0"> <br>
爱好: 唱歌:<input type="checkbox" name="hobby" value="sing"> 画画:<input type="checkbox" name="hobby" value="hua"> 游泳:<input type="checkbox" name="hobby" value="swim"> 泡妞:<input type="checkbox" name="hobby" value="pg"><br>
籍贯: <select name="from">
<option value="none">--请选择--</option>
<option value="neimeng">内蒙古</option>
<option value="liaoning">辽宁</option>
</select><br>
<!--<input type="submit" value="保存">
-->
<input id="b_login" type="button" value="保存" onclick="submitForm();">
</form>
</body>
</html>
spin.js 在jsp的使用
时间： 2024-10-14 19:24:37