में जोड़ रहा है मेरे पास jQuery कोड का एक टुकड़ा है जो मैंने इंटरनेट पर पाया है और मैं इसे अपने जेएसपी पेज में एकीकृत करना चाहता हूं, मैं स्प्रिंग फॉर्म टैग का उपयोग करता हूं।jQuery जेएसपी पेज
यहाँ jQuery कोड है: jQuery के लिए
(function ($) {
//тут превращаем select в input
var id = "test",
$id = $('#' + id),
choices = $id.find('option').map(function (n, e) {
var $e = $(e);
return {
id: $e.val(),
text: $e.text()
};
}),
width = $id.width(),
realClass = $id.get(0).className,
realId = $id.get(0).id,
$input = $('<input>',{width: width});
$id.after($input);
$id.hide();
$id.find('option').remove();
//превратили
$input.select2({
query: function (query) {
var data = {}, i;
data.results = [];
// подтставим то что искали
if (query.term !== "") {
data.results.push({
id: query.term,
text: query.term
});
}
// добавим остальное
for (i = 0; i < choices.length; i++) {
if (choices[i].text.match(query.term) || choices[i].id.match(query.term)) data.results.push(choices[i]);
}
query.callback(data);
}
}).on('change',function()
{
var value=$input.val();
$id.empty();
$id.append($('<option>').val(value))
$id.val(value);
}
);
})(jQuery);
सीएसएस फ़ाइल - मैं इसे test.css नाम और मेरी jsp पेज पर लागू:
#test {
width: 300px;
}
मेरे jsp पेज
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>Страница выборки</title>
<link rel="stylesheet" href="resources/cssFiles/jquery-ui.css"/>
<link rel="stylesheet" href="resources/cssFiles/test.css"/>
<script type="text/javascript" src="resources/jsFiles/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="resources/jsFiles/jquery-ui.js"></script>
<script type="text/javascript" src="resources/jsFiles/jquery-ui-i18n.js"></script>
<script type="text/javascript" src="./resources/jsFiles/selecter.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#parctdate, #chldAdmitDate, #chldSchlDate, #name, #type, #daySchdl, #workSchdl, #rotation, #numbch, #chUnder3, #chUpper3, #chGoSchool, #chAdmitted").mouseenter(function() {
$(this).css("background-color", "gainsboro");
});
$("#parctdate, #chldAdmitDate, #chldSchlDate, #name, #type, #daySchdl, #workSchdl, #rotation, #numbch, #chUnder3, #chUpper3, #chGoSchool, #chAdmitted").mouseleave(function() {
$(this).css("background-color", "white");
});
var enabledDays = ["6-1-2013", "7-1-2013", "8-1-2013", "9-1-2013", "10-1-2013", "11-1-2013"];
function nationalDays(date) {
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
for (i = 0; i < enabledDays.length; i++) {
if($.inArray((m+1) + '-' + d + '-' + y,enabledDays) != -1 || new Date() > date) {
return [true];
}
}
return [false];
}
$(function(){
$.datepicker.setDefaults($.extend($.datepicker.regional["ru"]));
$("#datepicker1, #datepicker2, #datepicker3").datepicker({dateFormat: "yy-mm-dd",
duration: "normal",
numberOfMonths: [ 1, 2 ],
constrainInput: true,
beforeShowDay: nationalDays});
});
});
</script>
</head>
<body>
<spring:message code="label.input.button" var="labelbutton"/>
<h3 align="center"><spring:message code="label.input.topLabel"/></h3>
<form:form id="myform" cssClass="testClass" modelAttribute="fboAttribute" method="post" action="add" >
<table align="center">
<tr id="name">
<td><form:label path="institution.nameOfInstitution"><spring:message code="label.input.nameOfInstitution"/></form:label>
<form:select id="test" path="institution.nameOfInstitution">
<form:option value=""><spring:message code="label.select.msg" />-</form:option>
<form:options items="${listOfInstitutionsNames}"/>
</form:select>
<tr>
<td><input type="submit" value="${labelbutton}"/></td>
</table>
</form:form>
मैं अपने जेएसपी और स्प्रिंग फॉर्म टैग के साथ अपनी jQuery स्क्रिप्ट को एकीकृत करना चाहता हूं।
मुझे खेद है कि मैं jQuery में नया हूं।
धन्यवाद
हाय, द्वारा तुम्हारा मतलब क्या एकीकृत:
JSP पक्ष में, कुछ इस तरह करते हैं? – Akheloes
हैलो सर।मैं अपने जेएसपी में jQuery + सीएसएस को एकीकृत करना चाहता हूं (आखिरी मेरा प्रश्न टैब ठीक है) लेकिन मैं उलझन में हूं क्योंकि मैंने पहले jQuery के साथ काम नहीं किया था। तो insted form: select> और चयन टैग के बीच जो कुछ मैं jQuery का उपयोग करना चाहता हूं। कोड और जैसा कि आप देख सकते हैं कि मेरे पास यह मेरी विशेषता $ {listOfInstitutionsNames} ला रहा है और मैं उन्हें jQuery विशेषताओं में उपयोग करना चाहता हूं जो jQuery विशेषताओं -var test- example में उपयोग किया गया है। –
jQuery एक जावास्क्रिप्ट लाइब्रेरी है। आपको jQuery के साथ HTML कोड नहीं जोड़ना चाहिए। मुझे नहीं पता कि एकीकृत करने का आपका मतलब क्या है ... लेकिन आप इस तरह के पेज पर स्क्रिप्ट जोड़ सकते हैं: '' –