У меня есть следующие code-
<script type="text/javascript">
$(document).ready(function() {
$("#clanname").keyup(function(e) {
var clanname = $(this).val();
if (clanname.length < 4) {
$("#user-result").html('');
return;
}
if (clanname.length >= 4) {
$("#user-result").html('<img src="images/ajax-loader.gif" />');
$.get('getClanName', {clanname:clanname}, function(data) {
if(data=='free')
{
$("#user-result").html('<img src="images/available.png" />');
}else{
$("#user-result").html('<img src="images/not-available.png" />');
}
});
}
});
});
</script>
который я ввел в раздел главы моего php файла, но я хочу поместить его в отдельный.js файл и хочу вызвать этот код в текстовом измененном событии моего текстового поля. Я хочу сделать его параметризованной функцией и хочу передать текст текстового поля на эту функцию. Сможете ли вы предложить мне, как это сделать.
1) Поместите следующий код в новый документ:
$(document).ready(function () {
//your function
});
2) Сохраните этот файл как myfile.js
3) В файле php поместите эту ссылку:
<script src="path_to_jsfile_if_not_in_the_same_dir_as_phpfile/myfile.js" type="text/javascript"></script>
Попробуй это
создайте файл, подобный custom.js
и вставьте этот код в этот файл и сохраните
$(document).ready(function() {
$("#clanname").keyup(function(e) {
var clanname = $(this).val();
if (clanname.length < 4) {
$("#user-result").html('');
return;
}
if (clanname.length >= 4) {
$("#user-result").html('<img src="images/ajax-loader.gif" />');
$.get('getClanName', {clanname:clanname}, function(data) {
if(data=='free')
{
$("#user-result").html('<img src="images/available.png" />');
}else{
$("#user-result").html('<img src="images/not-available.png" />');
}
});
}
});
});
На вашей странице ниже <head>
и ниже JQuery library js file add
<script type="text/javascript" src="js/custom.js"></script>