I have an spring mvc app where in my main page, I need use an javascript file. I try include the file this way:
<script type=text/javascript src=js/index.js></script>
but when I running the application, the system behavior seems like no script is running. T also try this:
<script type=text/javascript src=<c:url value='js/index.js'/>></script>
but the result was the same. Someone have any idea why this is happening?
ps.: the entire code of my page is:
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1>
<title>HorarioLivre</title>
<script src=http://code.jquery.com/jquery-2.1.0.min.js></script>
<script src=https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js></script>
<script type=text/javascript src=js/index.js></script>
<link rel=stylesheet href=css/style-main.css>
<link rel=stylesheet href=css/style-popup.css>
</head>
<body>
<header>
<div class=container>
<h1><a href=#>HorarioLivre</a></h1>
<nav>
<ul>
<li><a href=listagem_evento.html class=icon evento>Eventos</a></li>
<li><a href=cadastra_horario.html class=icon horario>Cadastrar Horarios</a></li>
<li><a href=listagem_horario.html class=icon horario>Listar Horarios</a></li>
<li><a href=listagem_usuario.html class=icon usuario>Usuarios</a></li>
<li><a href=#>${usuario.nome}</a>
<ul>
<li><a href=usuario_perfil.html class=icon perfil>Perfil</a></li>
<li><a href=usuario_config.html class=icon settings>Configurações</a></li>
<li><a href=usuario_logoff.html class=icon logout>Sair</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<div id=results>
<a href=# id=close>Fechar</a>
<div id=content></div>
</div>
</body>
</html>
The script should open my subpages in a pop-up windows, but they are being opened in the browser window.
** UPDATE 1 **
My index.js is:
$(document).ready(function(){
setupPopup();
});
function setupPopup() {
$('a').click(function() {
$('#content').load($(this).attr('href'));
$('#container').append('<div id=cover>');
$('#results').fadeIn(500);
popupPosition();
});
$('#close').click(function() {
$('#results').fadeOut(100);
$('#cover').remove();
});
$(window).bind('resize', popupPosition);
}
function popupPosition() {
if(!$(#results).is(':visible')){ return; }
$(#results).css({
left: ($(window).width() - $('#results').width()) / 2,
top: ($(window).width() - $('#results').width()) / 7,
position:'absolute'
});
$('#results').draggable();
}