July 13, 201313 yr 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>
July 13, 201313 yr I might be confused, but I can't actually see a link to the jQuery library. The closest thing I can find in your code is this: "<script type="text/javascript" src="../Jquery/jquery-1.8.3.min.js"></script>", which wouldn't work. Put this in your <head>: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> It would explain why none of your scripting works.
July 13, 201313 yr Author But when I use the library itself jquery UI you must still put the library jquery? Even putting this link has not worked Edited July 13, 201313 yr by alerufi
July 14, 201313 yr Can you post a link to your site as I've just tried your code and the tooltip is working so maybe your getting a conflict with the slider
July 14, 201313 yr I agree with mteam- sounds like a conflict. I would try removing all the other script links and adding them back in one at a time. Just as a sidenote- meta keywords don't work anymore.
Create an account or sign in to comment