Everything that I put on my site regarding plugins jquery UI does not work, porfavor me help!!!
In the example below I tried to use the Tooltips, and has not worked.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<!-- Meta Tags-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Alexandre S. Fonseca/ Gabriel S. Rodrigues">
<meta name="description" content="Etekianos - A rede social de ensino de Centro Paula Souza">
<meta name="keywords" content="Redes Sociais, Centro Paula Souza, Eteckianos, novos amigos, aprender, etec">
<meta http-equiv="content-language" content="pt-br">
<!--Fim meta tags-->
<!--CSS-->
<link rel="stylesheet" type="text/css" href="../CSS/estilos.css" />
<link rel="stylesheet" type="text/css" href="../CSS/jquery-ui-1.10.3.custom.css" />
<!--fim css-->
<!-- Java script-->
<script type="text/javascript" src="../Jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../Jquery/scripts.js"></script>
<script type="text/javascript" src="../Jquery/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#email-check").change(function(){
var email = $("#email-check").val();
var er = new RegExp(/^[a-z0-9_\.\-]+@[a-z0-9_\.\-]*[a-z0-9_\-]+\.[a-z]{2,4}$/);
if(email == ''){
$("#email-check").addClass("red");
$("#status").html('<font color="#cc0000">Informe um e-mail!</font>');
}else if(!er.exec(email)){
$("#email-check").addClass("red");
$("#status").html('<font color="#cc0000">Informe um e-mail válido!</font>');
}else{
$("#email-check").removeClass("red");
$("#status").html('<img src="../IMG/loader.gif" alt="" /> Checando...');
$.ajax({
type: "POST",
url: "ajax/check.php",
data: "email="+ email,
success:function(msg){
if(msg == 1){
$("#email-check").addClass("red");
$("#status").html('<font color="#cc0000">E-mail já cadastrado!</font>');
}else{
$("#email-check").removeClass("red");
$("#email-check").addClass("green");
$("#status").html('<img src="../IMG/ok.png" alt="" />');
}
}
});
return false;
}
});
});
</script>
<script>
$(function() {
$( document ).tooltip();
});
</script>
<title>Eteckianos</title>
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine3//style.css" media="screen" />
<script type="text/javascript" src="engine3//jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body>
<div id="site">
<div id="topo">
<div id="login">
<form action="" method="post">
<fieldset id="fildset">
<legend align="center" class="login_legend">Login</legend>
<label for="email_login" class="email">Email</label>
<input type="email" name="email_login" class="campo_email_login" value="Digite seu E-mail" required="required"/><br />
<label for="senha_login" class="senha">Senha</label>
<input type="password" name="senha_login" class="campo_senha_login" value="Senha" required="required"/><br />
<div id="manter_conectado">
<label for="manter_conectado" class="manter_conectado">Mantenha-me conectado</label>
<input name="manter_conectado" type="checkbox" value="manter" checked="checked" />
</div>
<input type="submit" class="botão_login" value=""/>
</fieldset></form>
</div>
</div>
<div id="conteudo">
<div id="localização_inicial"><p class="localização_inicial">Bem vindo</p></div>
<!-- Start WOWSlider.com BODY section id=wowslider-container3 -->
<div id="wowslider-container3">
<div class="ws_images"><ul>
<li><img src="data3/images/chrysanthemum.jpg" alt="Chrysanthemum" title="Chrysanthemum" id="wows3_0"/></li>
<li><img src="data3/images/desert.jpg" alt="Desert" title="Desert" id="wows3_1"/></li>
<li><img src="data3/images/hydrangeas.jpg" alt="Hydrangeas" title="Hydrangeas" id="wows3_2"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Chrysanthemum"><img src="data3/tooltips/chrysanthemum.jpg" alt="Chrysanthemum"/>1</a>
<a href="#" title="Desert"><img src="data3/tooltips/desert.jpg" alt="Desert"/>2</a>
<a href="#" title="Hydrangeas"><img src="data3/tooltips/hydrangeas.jpg" alt="Hydrangeas"/>3</a>
</div></div>
<span class="wsl"><a href="http://wowslider.com">Joomla Slideshow</a> by WOWSlider.com v3.8</span>
<a href="#" class="ws_frame"></a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine3//wowslider.js"></script>
<script type="text/javascript" src="engine3//script.js"></script>
<!-- End WOWSlider.com BODY section -->
<img src="../IMG/cadastre-se.png" id="img_cadastre-se" />
<img src="../IMG/Cadernos/melhor_caderno5.png" id="caderno" width="950px" />
<div id="caderno_cadastrar_opa"></div>
<div id="caderno_cadastrar">
<div id="topo_cadastrar">
<p class="topo_cadastrar">Preencha todos os campos para cadastrar</p>
</div>
<div id="formulario_cadastrar"><form action="" method="post">
<div id="nome_cadastro_background">
<label for="nome_cadastro" class="nome_cadastro">Nome</label>
<input type="text" name="nome_cadastro" class="campo_nome_cadastro" title="Digite o primeiro nome" />
</div>
<br />
<div id="sobrenome_cadastro_background">
<label for="sobrenome_cadastro" class="sobrenome_cadastro">Sobrenome</label>
<input type="text" name="sobrenome_cadastro" class="campo_sobrenome_cadastro" />
</div>
<br />
<div id="email_cadastro_background">
<label for="email-check" class="email_cadastro">Email</label>
<input type="text" name="email-check" id="email-check" />
</div>
<span id="status"></span>
</form>
</div>
</div>
</div>
<div id="rodape">
<div id="menu_rodape">
<ul class="animate">
<li><a href="#">Sobre</a></li>
<li><a href="#">Desenvolvedores</a></li>
<li><a href="#">Contato</a></li>
<li><a href="#">Privacidade</a></li>
<li><a href="#">Copyright© 2013</a></li>
</ul>
</div>
</div>
</div>
<div id="msg_error"><p class="msg_error">Mensagem de erro</p></div>
</body>
</html>