Я на самом деле работаю на веб-сайте с использованием JSP и Servlet.
Я не профессионал, поэтому стараюсь изо всех сил, и я хотел бы реализовать календарь, который будет отображаться на одной из моих веб-страниц.
Я проверил сеть и нашел это: http://arshaw.com/fullcalendar/
Это казалось многообещающим, так что, хотя я нооб в JS, я загрузил пакет и попытался его использовать.
Но это не сработало.
Я пробовал много вещей, и я умру, если не смогу найти решение.
Проблема возникает из jQuery, которая не работает. Вообще.
Вот мой код:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Planning</title>
<link rel="stylesheet" type="text/css" href="./styleERDF.css" media="screen">
<link rel="stylesheet" type="text/css" href="./styleImpression.css" media="print">
<link rel="stylesheet" type="text/css" href="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\fullcalendar\fullcalendar.css" media="all">
<link rel="stylesheet" type="text/css" href="./styleMenu.css" media="screen">
<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\lib\jquery.min.js"></script>
<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\fullcalendar\fullcalendar.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert("PLEASE WORK");
});
</script>
</head>
<body>
<div id="general">
<div id="entete" >
<h1><img src="Images\ERDF.png" width="Auto" height="Auto" alt="ERDF"></h1>
</div>
<div class="noImpr" id="menu">
<%@ include file="../menu.html"%>
</div>
</div>
</body>
</html>
Дело в том, что ничего не работает. Я имею в виду, что HTML делает. Веб-страница загружает и показывает первое изображение и menu.html, но скрипт ничего не делает. Разве это не должно показывать мне сообщение?
Вы можете видеть, что я использовал полный путь для файла jQuery, потому что я действительно был в отчаянии. Я работаю на двух компьютерах, у кого есть доступ к Интернету, а другой, на котором я программирую, у кого нет доступа к Интернету, поэтому я не могу использовать URL-адрес сети.
РЕДАКТИРОВАТЬ:
Текущая структура проекта (текущий jsp в папке "pages":
Проблема в том, что вы загружаете файлы с локального диска. Загружайте их непосредственно из ресурсов веб-приложений. Обычно вы делаете это с помощью ${request.contextPath}
который уже содержит http://yourIp/yourApplicationName
:
<script type="text/javascript" src="${request.contextPath}/calendar/lib/jquery.min.js"></script>
Переписывая все ваши источники в этот стиль:
<link rel="stylesheet" type="text/css" href="${request.contextPath}/styleERDF.css" media="screen">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/styleImpression.css" media="print">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/calendar/fullcalendar/fullcalendar.css" media="all">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/styleMenu.css" media="screen">
<script type="text/javascript" src="${request.contextPath}/calendar/lib/jquery.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/calendar/fullcalendar/fullcalendar.min.js"></script>
<!-- ... -->
<img src="${request.contextPath}/Images/ERDF.png" width="Auto" height="Auto" alt="ERDF">
Обратите внимание, что пример выше будет работать только на страницах JSP. Если вы работаете с HTML-страницей, вам необходимо вызвать ресурсы статически из текущего пути:
<link rel="stylesheet" type="text/css" href="./styleERDF.css" media="screen">
<script type="text/javascript" src="./calendar/lib/jquery.min.js"></script>
Использовать CDN
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Измените это:
<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\lib\jquery.min.js"></script>
<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\fullcalendar\fullcalendar.min.js"></script>
К этому
<script type="text/javascript" src="../calendar/lib/jquery.min.js"></script>
<script type="text/javascript" src="../calendar/fullcalendar/fullcalendar.min.js"></script>
Я предполагаю, что каталог "SiteWebERDF" на вашем компьютере - это тот, в котором есть JSP. Более подробную информацию можно найти здесь по относительным путям: http://www.w3.org/TR/WD-html40-970917/htmlweb.html#h-5.1.2
Прежде чем вставить HTML-код в JSP, заставьте его работать как обычный HTML файл. Я думаю, что одиночные обратные косые черты неверны, попробуйте использовать одиночные косые черты. Кроме того, как заметил кто-то другой, вам удастся использовать относительный путь. Вы можете обслуживать HTML с сервера Java Web App, просто поместите его в папку "WebContent" или все, что вы назвали его в своем проекте.
+1 для Джейсона П. Но если вы ДОЛЖНЫ загружать полные пути к файлу...
Вместо:
<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\lib\jquery.min.js
</script>
Используйте это (предположим, что вы находитесь в Windows:
<script type="text/javascript" src="file:///C:/Users/Maxime/Documents/NetBeansProjects/SiteWebERDF/web/calendar/lib/jquery.min.js">
</script>
src="C:\User...
не будет работать. Ссылка на сценарии js аналогична ссылке на файлы css.