Carlos Rocha

como eu consigo fazer isso? Tenho o seguinte código com o objetivo de adicionar propriedades ao `@keyframe tocaSlide` $("<style> @keyframes tocaSlide").html(texto); A variável texto tem o seguinte conteúdo 0% { margin-left:-0%}; 25% { margin-left:-0%}; 30% { margin-left:-100%}; 50% { margin-left:-100%}; 55% { margin-left:-200%}; 75% { margin-left:-200%}; 80% { margin-left:-300%}; 100% { margin-left:-300%}; ficou assim: texto = "0% { margin-left:-0%};"; texto += "25% { margin-left:-0%};"; texto += "30% { margin-left:-100%};"; texto += "50% { margin-left:-100%};"; texto += "55% { margin-left:-200%};"; texto += "75% { margin-left:-200%};"; texto += "80% { margin-left:-300%};"; texto += "100% { margin-left:-300%};" Nenhum erro no console mas o @keyframe não está recebendo o html Também tentei com: var supportedFlag = $.keyframe.isSupported(); $.keyframe.define([{ name: 'tocaSlide', texto }]); Mas também não funcionou. e uma nova tentativa: $("div.slider ul.slide").playKeyframe( texto ); Também não funcionou. Alguém pode me ajudar

como eu consigo fazer isso? Tenho o seguinte código com o objetivo de adicionar propriedades ao `@keyframe tocaSlide` $("<style> @keyframes tocaSlide").html(texto); A variável texto tem o seguinte conteúdo 0% { margin-left:-0%}; 25% { margin-left:-0%}; 30% { margin-left:-100%}; 50% { margin-left:-100%}; 55% { margin-left:-200%}; 75% { margin-left:-200%}; 80% { margin-left:-300%}; 100% { margin-left:-300%}; ficou assim: texto = "0% { margin-left:-0%};"; texto += "25% { margin-left:-0%};"; texto += "30% { margin-left:-100%};"; texto += "50% { margin-left:-100%};"; texto += "55% { margin-left:-200%};"; texto += "75% { margin-left:-200%};"; texto += "80% { margin-left:-300%};"; texto += "100% { margin-left:-300%};" Nenhum erro no console mas o @keyframe não está recebendo o html Também tentei com: var supportedFlag = $.keyframe.isSupported(); $.keyframe.define([{ name: 'tocaSlide', texto }]); Mas também não funcionou. e uma nova tentativa: $("div.slider ul.slide").playKeyframe( texto ); Também não funcionou. Alguém pode me ajudar

Pessoal, erro não está dando. Porém, o keyframe não está sendo populado. Onde estou errando? Tentei das duas formas abaixo e nenhuma funcionou. $(document).ready(function(e) { $("div.slider ul.slide").ready(function(e) { var tempoTransicao = 5; var quantasImagens = $("div.slider ul.slide li img").size(); var tamanhoIntervalos = Math.round(100/quantasImagens); var tempoImagens = 0; var t = 0; ///////////////////ANIMAÇÃO AQUI//////////////// $("<style>@keyframe tocaSlide").css(function() { for (i = 1; i <= quantasImagens; i++) { tMin = t + tempoTransicao; tMax = t + tamanhoIntervalos; t+=tamanhoIntervalos; tMin + "% : margin-left:-" + tempoImagens + "%", tMax + "% : margin-left:-" + tempoImagens + "%" tempoImagens+=100; if(i==0) tMin=0; if(i==quantasImagens) tMax=100; } }); ///////////////////ANIMAÇÃO AQUI//////////////// $("div.slider ul.slide").css({ 'animation-duration' : tempoTransicao + 's', }); }); }); e, $(document).ready(function(e) { $("div.slider ul.slide").ready(function(e) { var tempoTransicao = 5; var quantasImagens = $("div.slider ul.slide li img").size(); var tamanhoIntervalos = Math.round(100/quantasImagens); var tempoImagens = 0; var t = 0; for (i = 1; i <= quantasImagens; i++) { tMin = t + tempoTransicao; tMax = t + tamanhoIntervalos; t+=tamanhoIntervalos; ///////////////////ANIMAÇÃO AQUI//////////////// $("<style>@keyframe tocaSlide").css( tMin + "% : margin-left:-" + tempoImagens + "%", tMax + "% : margin-left:-" + tempoImagens + "%" ); ///////////////////ANIMAÇÃO AQUI//////////////// tempoImagens+=100; if(i==0) tMin=0; if(i==quantasImagens) tMax=100; } $("div.slider ul.slide").css({ 'animation-duration' : tempoTransicao + 's', }); }); }); Onde estou errando? Eis o HTML: <div class="slider"> <ul class="slide"> <li><img src="_imgs/_slideShow/1.png" /></li> <li><img src="_imgs/_slideShow/2.png" /></li> <li><img src="_imgs/_slideShow/3.png" /></li> <li><img src="_imgs/_slideShow/4.png" /></li> </ul> </div>

Bom, criei um plugin de uma ul que preenche suas li's com os options de algum select. Tudo OK. Mas de repente estou com 4 problemas para resolver e dependo da ajuda de vocês. À principio, esse select pode ser visto em http://www.hotplateprensas.com.br/estilos/. 1) De uma forma geral, qualquer select, quando clicado, caso dê para abir suas options na vertical e para baixo, beleza, é a prioridade. No entando, quando é o caso em que o select está no fim da página, nesse cado, as options abrem para o alto aparecendo acima dos elementos html que estão em cima dela. O que eu preciso fazer é exatamente esse comportamento quando abrir a ul que está substituindo o select. Como fazer? 2) Se notarem bem no select, perceberam que quando abre o overflow scroll dele, dá para notar que existe um buraco entre o final da li e o inicio do scroll e dá para ver os elementos sobrescritos que estão abaixo por essa brecha. Como corrigir isso? 3) Quando abro a ul, aparece o scrool. Note que a ul abre como efeito de slideDown(), slideUp(). Será que existe uma forma de adicionar esse plugin também ao scroll? 4) O scrool, não aparece quando fecho a ul. Está certo, pois coloquei overflow: hidden. Mas Gostaria de fazer da mesma forma que a ul se retrai com efeito, o scroll também se retraisse da mesma forma. Será que trem jeito? HTML <div class="selectOptions"> <select required> <option value="1">Um</option> <option value="2">Dois</option> <option value="3">Três</option> <option value="4">Quatro</option> <option value="5">Cinco</option> <option value="6">Seis</option> <option value="7">Sete</option> <option value="8">Oito</option> </select> <label class="selecionada"></label> <ul> </ul> </div> CSS @charset "utf-8"; /* CSS Document */ .selectOptions { display:block; position:relative; width:200px; height:35px; } .selectOptions select { display:none; } .selectOptions .selecionada { display:block; } .selectOptions .selecionada:after { display: block; position: absolute; content: ""; top: 1px; right: 1px; width: 33px; height: 33px; background-image: url(../_imgs/setaBaixo.jpg); } .selectOptions .selecionada.setaBaixo:after { background-image: url(../_imgs/setaBaixo.jpg); } .selectOptions .selecionada.setaCima:after { background-image: url(../_imgs/setaCima.jpg); } .selectOptions ul { display:none; width:100%; } .selectOptions ul li{ cursor:pointer; } .selectOptions ul li, .selectOptions .selecionada { position:relative; width:94%; height:34px; line-height:34px; padding:0 3% 0 3%; border-bottom: rgb(200,200,200) 1px solid; background-color:rgb(240,240,240); } .selectOptions ul li:hover, .selectOptions .selecionada { background-color: rgb(200,200,200); } jQuery $(document).ready(function(e) { // entrega o primeiro elemento da select option à div .selecionada $(".selectOptions .selecionada").html($(".selectOptions select > option:first-child").html()); /*popula as li's*/ $(".selectOptions select > option").each(function() { //Não exibe a primeira li pois esta já está sendo exibida na .selecionada if($(this).is(':first-child')) $(".selectOptions ul").append("<li value='"+this.value+"' style='display:none;'>"+this.text+"</li>"); else $(".selectOptions ul").append("<li style='display:block;' value='"+this.value+"'>"+this.text+"</li>"); }); function exibeSelectUl () { $(".selectOptions ul > li").each(function() { if($.trim($(this).text()) === $.trim($(".selectOptions .selecionada").html())) $(this).css("display","none", "important"); else $(this).css("display","block","important"); }); $(".selectOptions ul").css("display","block"); } contador=0; $(".selectOptions .selecionada").click(function(e) { exibeSelectUl(); quantasLis = $(".selectOptions ul li").length; if(contador % 2 == 0) { $(".selectOptions .selecionada").addClass("setaCima").removeClass("setaBaixo"); $(".selectOptions ul li").css("display","none").slideDown(400); if(quantasLis > 4) { $(".selectOptions ul").css('height', '175px'); $(".selectOptions ul").css("overflow-y", "scroll"); } else { $(".selectOptions ul").css('height', 'auto'); $(".selectOptions ul").css("overflow-y", "auto"); } } else { $(".selectOptions .selecionada").addClass("setaBaixo").removeClass("setaCima"); $(".selectOptions ul li").slideUp(400, function(){ $(".selectOptions ul").css("overflow-y", "hidden"); }); } contador++; e.stopPropagation(); }); // ao clicar em qualquer coissa, fecha a ul caso ela esteja aberta $(document).on('click',function(e){ if( $(".selectOptions ul").css("overflow-y") == "auto" || $(".selectOptions ul").css("overflow-y") == "scroll") { $(".selectOptions .selecionada").trigger("click"); } }); /*ai clicar na li, busca correspondência na select option e o checa (marca)*/ //$(".selectOptions .selectOption ul li:not(:eq(0))").on( 'click',function(evt){ $( '.selectOptions ul li' ).on( 'click', function( evt ){ /*Joga a li selecionada a label*/ $(".selectOptions .selecionada").html($(this).html()); /*Joga a li selecionada ao topo da ul*/ $($(this).closest('ul')).prepend($(this)); // Armazena nome do maos que quer selecionar var li = $(this).attr("value"); // Guarda em opcao o elemento que retornar do filtro que vai testar entre as // options possíveis var opcao = $('.selectOptions select option').filter(function() { // testa entre as options qual delas tem o mesmo conteúdo que o desejado return $(this).attr('value') === li; }); exibeSelectUl(); // Redefine o atributo do elemento encontrado pra selecionado. opcao.attr('selected', true); }); });

Resolvdo: No css do plugin havia um border 10px auto

Estou usando o plugin Cycle 2 do JQuery. inserir a descrição da imagem aqui Eis o link: http://www.dinamicaimoveis.com.br/novo/ Tenho duas div's. Uma flutuando à esquerda e outra à direita. Em uma tenho um texto e uma imagem. Na outra, tenho um slideshow. A div do Slide show flutua à direita. Acontece que acima do slideshow existe um espaço até o topo de uns 20px que não consigo tirar, fazendo com que ela fique esses 20px abaixo do alinhamento da div que flutua á esquerda. Na verdade o que parece mesmo é que além da área qe se vê o slide show, existe algum elemento invisivel mas que esta ali ocupando espaço. Onde estou errando? Eis o código: <div class="dados"> <?php echo $constantes->getCorretor(); ?> - <?php echo $constantes->getCreci(); ?><br /> <img src="_img/icon-caixa.gif" /><br /> <?php echo $constantes->getEnderecoCompletoSite(); ?><br /> </div> <div class="cycle-slideshow slide" data-cycle-fx=fadeout data-cycle-timeout=3000 data-cycle-pause-on-hover="true" data-cycle-slides="div.slide" > <!-- prev/next links --> <div class="cycle-prev"></div> <div class="cycle-next"></div> <div class="cycle-pager"></div> <div class=slide> <img src="_img/_banner/muriae.png"> <div class=cycle-overlay>Brazão Muriaé</div> </div> <div class=slide> <img src="_img/_banner/grande_hotel.jpg"> <div class=cycle-overlay>Grande Hotel Muriaé</div> </div> <div class=slide> <img src="_img/_banner/cristo.jpg"> <div class=cycle-overlay>Cristo Redentor Muriaé</div> </div> <div class=slide> <img src="_img/_banner/matriz_centro.jpg"> <div class=cycle-overlay>Matriz São Paulo</div> </div> <div class=slide> <img src="_img/_banner/matriz_porto.jpg"> <div class=cycle-overlay>Matriz do Porto</div> </div> <div class=slide> <img src="_img/_banner/matriz_barra.jpg"> <div class=cycle-overlay>Matriz da Barra</div> </div> <div class=slide> <img src="_img/_banner/matriz_barra2.jpg"> <div class=cycle-overlay>Matriz da Barra</div> </div> <div class=slide> <img src="_img/_banner/pedra.jpg"> <div class=cycle-overlay>Pedra Santa Maria</div> </div> <div class=slide> <img src="_img/_banner/rodoviaria.jpg"> <div class=cycle-overlay>Prefeitrura e Rodoviária</div> </div> <div class=slide> <img src="_img/_banner/cachoeira.jpg"> <div class=cycle-overlay>Cachoeira do Rio Preto</div> </div> <div class=slide> <img src="_img/_banner/horto.jpg"> <div class=cycle-overlay>Horto Florestal</div> </div> <div class=slide> <img src="_img/_banner/panaroma1.jpg"> <div class=cycle-overlay>Vista Pnarâmica</div> </div> </div>

Olá, estou tentando fazer com que haja apenas 1 instancia do objeto da minha classe Carrinho. Mas por mais que eu tente, não dá certo! Classe CarrinhoDao.php <?php class CarrinhoDao { private $carrinhoProdutos = Array(); private $cont = 0; private static $instancia = null; private function __construct() { } public function insereProduto($_produto, $_qtde) { if($this->encontrou($_produto) == false) { $this->carrinhoProdutos[$this->cont][0] = $_produto; $this->carrinhoProdutos[$this->cont][1] = $_qtde; $this->cont++; } } public static function getInstancia() { if (is_null(CarrinhoDao::$instancia)) { CarrinhoDao::$instancia = new CarrinhoDao(); } return CarrinhoDao::$instancia; } private function encontrou ($_produto) { $encontrou = false; foreach ($this->carrinhoProdutos as $produto) { if($produto[0]->getIdProdutos() == $_produto->getIdProdutos()) { $encontrou = true; break; } } return $encontrou; } public function getCarrinho () { return $this->carrinhoProdutos; } public function removeItem ($_item) { unset($this->carrinhoProdutos[$_item]); } public function alteraItem ($_item, $qde) { $this->carrinhoProdutos[$_item][1] = $qde; } } ?> CarrinhoConteudo.php <h1 class="h1Centralizado"> Carrinho </h1> <?php require_once "controlls/util/Conexao.php"; require_once "controlls/models/Produtos.php"; require_once "controlls/models/Carrinho.php"; require_once "controlls/daos/ProdutosDao.php"; require_once "controlls/daos/CarrinhoDao.php"; require_once "controlls/util/PhpUtil.php"; $connection = new Conexao(); $conexao = $connection->abreConexao(); $produtoDao = new ProdutosDao($conexao); $phpUtil = new PhpUtil(); //Verificando se a variavel de sessão foi criada if(!isset($_SESSION["MeuCarrinho"])) { $CarrinhoDaoO = CarrinhoDao::getInstancia(); $_SESSION["MeuCarrinho"] = serialize($CarrinhoDaoO); } $CarrinhoDao = unserialize($_SESSION["MeuCarrinho"]); session_write_close(); print "<pre>"; print_r($CarrinhoDao->getCarrinho()); print "</pre>"; ?> <?php if(isset($_GET["acao"]) && $_GET["acao"] == "adicionar") { $novoProduto = $produtoDao->pesquisaProdutoEdicao($_GET["idProduto"]); if($novoProduto != null) { $CarrinhoDao->insereProduto($novoProduto, 1); } //header("Location: ?"); } ?> <?php if(isset($_GET["acao"]) && $_GET["acao"] == "excluir") { $CarrinhoDao->removeItem($_GET["indice"]); //header("Location: ?"); } ?> <?php /* f$CarrinhoDao->alteraItem(2, 123); */ $mensagem = "Deseja excluir este Produto?"; $imagem = "<img src='_img/bloquear.png' height=30px title='Excluir Produto' />"; echo "<table style='width:800px'"; echo " <tr>"; echo " <th>Produto</th>"; echo " <th>Tamanho</th>"; echo " <th>Preço Unitário</th>"; echo " <th>Quantidade</th>"; echo " <th>Preço Total</th>"; echo " <th>Remover</th>"; echo " </tr>"; foreach ($CarrinhoDao->getCarrinho() as $k=>$produto) { echo " <tr>"; echo " <td style='text-align:left'>".$produto[0]->getNome()."</td>"; echo " <td style='text-align:center'>".$produto[0]->getTamanho()."</td>"; echo " <td style='text-align:right'>".$phpUtil->formataMoeda($produto[0]->getPreco())."</td>"; echo " <td style='text-align:center'><input type='text' id='qtde' name='qtde' class='typetextpequeno' style='text-align:right' value='".$produto[1]."'></td>"; echo " <td style='text-align:right'>".$phpUtil->formataMoeda($produto[0]->getPreco() * $produto[1])."</td>"; echo " <td style='text-align:center'><a href='?acao=remove&indice=".$k."' onclick=\"return verifica('".$mensagem."')\" '>".$imagem."</a>"; echo " </tr>"; } echo "</table>"; print "<pre>"; print_r($CarrinhoDao->getCarrinho()); print "</pre>"; ?> Página de produtos <h1 class="h1Centralizado"> Listagem de Produtos </h1> <?php require_once "controlls/util/Conexao.php"; require_once "controlls/models/Produtos.php"; require_once "controlls/daos/ProdutosDao.php"; require_once "controlls/util/PhpUtil.php"; $connection = new Conexao(); $conexao = $connection->abreConexao(); $produtoDao = new ProdutosDao($conexao); $phpUtil = new PhpUtil(); $imagemAdd = "<img src='_img/add.png' style='height:30px;'"; echo "<table style='width:800px'"; echo " <tr>"; echo " <th>Produto</th>"; echo " <th>Tamanho</th>"; echo " <th>Preço Unitário</th>"; echo " <th>Adicionar</th>"; echo " </tr>"; foreach ($produtoDao->pesquisaProdutos() as $k=>$produto) { echo " <tr>"; echo " <td style='text-align:left'>".$produto->getNome()."</td>"; echo " <td style='text-align:center'>".$produto->getTamanho()."</td>"; echo " <td style='text-align:right'>".$phpUtil->formataMoeda($produto->getPreco())."</td>"; echo " <td style='text-align:center'><a href='carrinho.php?acao=adicionar&idProduto=".$produto->getIdProdutos()."'>".$imagemAdd."</a>"; echo " </tr>"; } echo "</table>"; ?> <?php if(isset($_GET["acao"]) && $_GET["acao"] == "adicionar") { $CarrinhoDao->removeItem($_GET["indice"]); header("Location: ?"); } ?> Tudo funciona bem, a listagem dos produtos e tudo mais. Porem, assim que adiciona um produto ao carrinho, ele é adidionado. Ao adicionar o segundo produto ao carrinho, parece que o Objeto CarrinhoDao é perdido e criado um novo. E, nesse caso, não consigo ter 2 produtos no carrinho. Onde estou errando? Sim,na primeira linha de todas as páginas tem session_start();

Olha quer coisa estranha ocorre: fiz: this.input.on("keydown", function () { alert($("this.input").val()); }); [/code]O keydown ocorre dentro do campo. mas o alert diz que o campo é indefinido

Olá. Estou usando o plugin autocomplete do JQuery para autocompletar uma combobox. Estou usando o código abaixo para que, ao selecionar uma opção na lista da combobox, seja feita uma busca po ajax no banco e popule o campo ${"#valorCombinado"}. <!-- INICIO ENTREGA VALOR DO PLANO --> $(function(){ $(document).on("click", "li", function() { //Pega o id (value) do select atrelado à li escolhida planoEscolhido = $("#plano").val(); //Pega o texto do select atrelado à li escolhida planoEscolhidoTexto = $("#plano option:selected").text(); $.getJSON('planos.ajax.php?search=',{plano: planoEscolhido, ajax: 'true'}, function(resultado){ novoValor = formataMoeda(resultado['valorPlano'],2, ',', '.'); $('#valorCombinado').val(novoValor); }); }); }); <!-- FINAL ENTREGA VALOR DO PLANO --> [/code]Agora gostaria de encontrar uma forma de a cada letra digitada, no momento em que o autocomplete acontece, se houver uma combinação do que foi digitado até o momento com alguma opção da comboboxo, também disparar o ajax para popular o ${"valorCombinado"}. Porém, não encontro no plugin onde é que o autocoplete ocorre para eu colocar o ajax ali. Podem me ajudar? Esse é o plugin funcionando: http://jsfiddle.net/swqwLfxu/40/ Qualquer coisa, segue todo o código abaixo: (function( $ ) { $.widget( "custom.combobox", { _create: function() { this.wrapper = $( "<span>" ) .addClass( "custom-combobox" ) .insertAfter( this.element ); this.element.hide(); this._createAutocomplete(); this._createShowAllButton(); }, _createAutocomplete: function() { var selected = this.element.children( ":selected" ), value = selected.val() ? selected.text() : ""; this.input = $( "<input>" ) .appendTo( this.wrapper ) .val( value ) .attr( "title", "" ) .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" ) .autocomplete({ delay: 0, minLength: 0, source: $.proxy( this, "_source" ) }) .tooltip({ tooltipClass: "ui-state-highlight" }); this._on( this.input, { autocompleteselect: function( event, ui ) { ui.item.option.selected = true; this._trigger( "select", event, { item: ui.item.option }); }, autocompletechange: "_removeIfInvalid" }); }, _createShowAllButton: function() { var input = this.input, wasOpen = false; $( "<a>" ) .attr( "tabIndex", -1 ) .attr( "title", "Mostrar todos os Registros" ) .tooltip() .appendTo( this.wrapper ) .button({ icons: { primary: "ui-icon-triangle-1-s" }, text: false }) .removeClass( "ui-corner-all" ) .addClass( "custom-combobox-toggle ui-corner-right" ) .mousedown(function() { wasOpen = input.autocomplete( "widget" ).is( ":visible" ); }) .click(function() { input.focus(); // Close if already visible if ( wasOpen ) { return; } // Pass empty string as value to search for, displaying all results input.autocomplete( "search", "" ); }); }, _source: function( request, response ) { var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" ); response( this.element.children( "option" ).map(function() { var text = $( this ).text(); if ( this.value && ( !request.term || matcher.test(text) ) ) return { label: text, value: text, option: this }; }) ); }, _removeIfInvalid: function( event, ui ) { // Selected an item, nothing to do if ( ui.item ) { return; } // Search for a match (case-insensitive) var value = this.input.val(), valueLowerCase = value.toLowerCase(), valid = false; this.element.children( "option" ).each(function() { if ( $( this ).text().toLowerCase() === valueLowerCase ) { this.selected = valid = true; return false; } }); // Found a match, nothing to do if ( valid ) { return; } // Remove invalid value this.input .val( "" ) .attr( "title", value + " didn't match any item" ) .tooltip( "open" ); this.element.val( "" ); this._delay(function() { this.input.tooltip( "close" ).attr( "title", "" ); }, 2500 ); this.input.autocomplete( "instance" ).term = ""; }, _destroy: function() { this.wrapper.remove(); this.element.show(); } }); })( jQuery ); $(function() { $( "#cliente" ).combobox(); $( "#toggle" ).click(function() { $( "#cliente" ).toggle(); }); $( "#plano" ).combobox(); $( "#toggle" ).click(function() { $( "#plano" ).toggle(); }); }); <!-- INICIO ENTREGA VALOR DO PLANO --> $(function(){ $(document).on("click", "li", function() { //Pega o id (value) do select atrelado à li escolhida planoEscolhido = $("#plano").val(); //Pega o texto do select atrelado à li escolhida planoEscolhidoTexto = $("#plano option:selected").text(); $.getJSON('planos.ajax.php?search=',{plano: planoEscolhido, ajax: 'true'}, function(resultado){ novoValor = formataMoeda(resultado['valorPlano'],2, ',', '.'); $('#valorCombinado').val(novoValor); }); }); }); <!-- FINAL ENTREGA VALOR DO PLANO -->

Pessoal, preiso fazer em jsp uma coisa que em php é extremamente fácil. Andei procurando na net mas não achei. O que eu preciso é que dois arquivo prefixos.jsp e testaProfessor.jsp sejam incluídos em um arquivo index.jsp e que o conteúdo do arquivo prefixos.jsp esteja disponível ao arquivo testaProfessor.jsp também. Não apenas ao arquivo index.jsp. Alguma ideia? Exemplo: arquivo index.jsp <%@ include file = "../_global/prefixos.jsp" %> <%@ include file = "../_global/testaProfessor.jsp" %> Preciso que o conteúdo de prefixos.jspfique disponível para testaProfessor.jspprefixos.jsp <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> testaProfessor.jsp <jsp:useBean id="validaLogin" class="dao.usuario.TestaLoginUsuario" /> <c:set scope="request" var="usuarioLogado" value="${validaLogin.testaLoginUsuario(pageContext.request)}" /> O que fazer?

Pessoal, ainda não consegui resolver essa! Alguém pode me ajudar?

Pessoal, estou estudando java para web com tomcat 8 e estou parado em 3 dúvidas que dentro do php são extremamente simples mas nada do que encontrei na web resolveu então estou aqui pedindo ajuda a vocês! DÚVIDA 2) Tenho o código abaixo que faz a verificação se uma sessão foi criada. Essa sessão é um objeto de uma classe "admin" A sessão esta sendo criada corretamente pois quando se verifica sua existência e ela existe, retorna seus valores. O problema está em quando a sessão não existe que cai no "else" e preciso levar o admin à página de login e não redireciona por nada. <%@ page import="model.Admin" %> <% HttpSession sessao = request.getSession(); if (sessao.getAttribute("admin")!=null) { Admin admin = (Admin) sessao.getAttribute("admin"); String tipo = admin.getTipo(); out.println("Olá "+admin.getNome()); sessao.setAttribute("tipoAdmin", tipo); if (sessao.getAttribute("nomeAdmin") != null) { sessao.removeAttribute("nomeAdmin"); } if (tipo.equals("s")) { out.print("<style>#super{display:block;}</style>"); out.print("<style>#comum{display:none;}</style>"); } else if (tipo.equals("c")) { out.print("<style>#super{display:none;}</style>"); out.print("<style>#comum{display:block;}</style>"); } } else { response.sendRedirect("admin/index.jsp"); } %> Obs.: Esse arquivo, testaAdmin.jsp, é chamado no inicio de todos os arquivos do sistema administrativo. Menos, lógico, no início do formulário de login! DÚVIDA 2) Tenho um formulário de cadastro de Administrador aonde eu faço validação de campos. Então, tento verificar no Browser cliente se existe suporte a html5. Se sim, a validação dos campos deve ser feita por hmtl5 validator, senão, deve usar a função validaCadastro(form). Ocorre, que parece que a validação esta ocorrendo ao contrário! Quando valida se tem, ele informa que não tem suporte. Isso tanto rodando dentro do Eclipse ou através da ultima versão do chrome! function cadastra(form) { if (Modernizr.inputtypes) { if (document.getElementById("nome").value=="") { alert ("Preencha Nome, campo necessário!"); document.getElementById("nome").focus(); return false; } } } Da forma acima, if (Modernizr.inputtypes), ele dispara o JavaScript Se altero para if (!Modernizr.inputtypes), ele permite o html5 validator. Obs.: Sim!, estou iportando o modernizr.js no header da página jsp A impressão que tenho é que na verdade essa validação não esta sendo feita! DÚVIDA 3) Estou criando um filtro para não precisar de fazer a validação dos adminstradores por sessão. Mas seja qual for o directório que eu coloco para o filtro filtrar, ele já abre a aplicação dando que o site não existe. Sim: eu coloquei o filtro no xml. Onde será que estou errando?

No formulário de login do site https://www.freelancer.comcom link abaixo https://www.freelancer.com/login?t=b&utm_expid=294858-313.jlgZCXXVStiY50Zye16XUA.1&goto=YTFiZGNlMTlhM2I5ZmVmYmI3Njc0NWQwOGZlMDMxNTRodHRwczovL3d3dy5mcmVlbGFuY2VyLmNvbS9qb2JzL215c2tpbGxzLw Tem um efeito de transição que gostaria de saber qual é e como usar. São 3 efeitos. 1 efeito que ocorre no momento do carregamento do formulário de login 1 efeito que coloca um loader girando ao aparecer a logo do site 1 efeito que ocorre no momento em que os campos do formulário aparecem. Como fazer isso? Pelo quê Pesquisar?

Peguei o exemplo abaixo (que copiei na integra) da página: http://jsfiddle.net/LrMaA/ Mas não funciona. <html> <head> <title>Meu Site</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("#dialog").dialog({ autoOpen: false, modal: true }); $(".confirmLink").click(function(e) { e.preventDefault(); var targetUrl = $(this).attr("href"); $("#dialog").dialog({ buttons : { "Confirm" : function() { window.location.href = targetUrl; }, "Cancel" : function() { $(this).dialog("close"); } } }); $("#dialog").dialog("open"); }); </script> </head> <body> <div id="dialog" title="Confirmation Required"> Are you sure about this? </div> <a class="confirmLink" href="http://someLinkWhichRequiresConfirmation.com">Click here</a> <a class="confirmLink" href="http://anotherSensitiveLink">Or, you could click here</a> </body> </html> Dá erro na primeira linha $("#dialog").dialog({ Diz que erro de tipo: Indefinido ou não é uma função

Tenho a seguinte função de validação: function validaVoto(form) { with (form) { var inputs = document.getElementsByTagName("input"); for (i=0;i<inputs.length;i++) { if (inputs[i].type=="text") { if (inputs[i].value=="") { if (!confirm("O Voto de um candidato ficou sem preencher/nTudo bem?!")) { inputs[i].focus(); return false; } } } } } form.submit(); } E o seguinte form: <form action="?acao=form3" method="post"> <input type="hidden" name="candidatura" value="<?php echo $_GET["candidatura"];?>" /> <?php while ( list ( $idCandidato, $nomeCandidato, $partidoCandidato, $votosCandidato ) = mysql_fetch_row($pesquisaCandidatosQuery)) { $cor = $contador % 2 == 0 ? "#CCC" : "#FFF"; echo "<a href='?acao=form3&candidatura=".$idCandidato."'>"; echo "<tr bgcolor='".$cor."'>"; echo " <td width='300px' height='40px'>".$nomeCandidato."</td>"; echo " <td width='200px' height='40px' align='center'>".$partidoCandidato."</td>"; echo " <td width='200px' height='40px' align='center'>".$votosCandidato."</td>"; echo " <td width='200px' height='40px' align='center'><input type='text' style='width:150px; height:30px;' onkeypress='return SomenteNumero(event)' id='".$idCandidato."' name='".$idCandidato."' /></td>"; echo "</tr>"; $contador++; } ?> <tr><td colspan="4" align="center"><input type="button" style='width:250px; height:50px;' value="Lançar Votos" onclick="validaVoto(this.form)" /></td></tr> </form> Estou usandlo confirm() normalmente mas em algum momento o navegador perguntou se queria impedir a caixa de dialogo e escolhi sim. Desde então o confirm não vem mais. Na verdad ele até vem pois o focus no campo é feito mas não mostra mais a caixa de dialogo para escolher entre sim ou não. Algum recurso? Pensei no JQuery precisa de um id do campo e como os id's dos campos do form são gerados automaticamente não vejo saída.

Pessoal, no código abaixo tenho um botão fechar para fechar sua div pai. No I.E. o JavaScript é bloqueado mas se desbloquear a função roda e o Chorme diz que "indefinido não é uma função". Cheguei a criar um botão dentro da div e outro fora da div. Dos dois jeitos o comportamento é o mesmo. Qual será o erro? <html> <head> <title>Bem Vindo</title> <script> function fechar(div) { alert(div); document.getElementById(div).style.display = "none"; } </script> <style type="text/css"> #entrada { top: 0; left:0; width:100%; height:100%; position: absolute; background-color: #000; opacity: .8; } img#banner { width: 300px; position: absolute; top: 50%; margin-top:-150px; left: 50%; ; border: 0; } #fechada { z-index:10; width: 50px; position: absolute; top: 50%; margin-top:0px; left: 50%; margin-left: 0px; border: 0; } img#fechar { z-index:1; width: 50px; position: absolute; top: 50%; margin-top:-180px; left: 50%; margin-left: 125px; border: 0; } </style> </head> <body> <img src="aa.jpg" /> <div id="fechada"> <img src="fechar.png" id="fechar" width="500px" onClick="fechar('entrada');" /> </div> <div id="entrada"> <img src="fechar.png" id="fechar" onClick="fechar('entrada');" /> <a href="../eleicoes2014"><img src="bannerClique.jpg" id="banner" /></a> </div> </body> </html>

Não, não. Eu já resolvi. Era só tirar o espaçamento interno das lis na ul ul { padding:0; } Mas não entendi porque não resolveu para a ul do menu em (de) baixo no site

Pessoal, em: http://funerariasaopedro.net.br/cetisa/ Tem uma UL no menu com seus ítens. O width da sua div 1024px. Cada li tem 160px e são 6 lis. 160 * 6 = 960px Porque não está cabendo? Carlos Rocha

Sim. Isso vai ser feito mais pra frente!

Sandro. Os dados serão pegos manualmente no cartório eleitoral. O pessoal da Radio vai fazer isso. Eles não querem divulgar de todos o candidatos. Então, eles vão me passar uma lista dos votos(total) dos candidatos e eu vou digitar. Isso após a eleição. Não há webservices disponíveis para nós no TSE como é o caso dos Correios

Ei colega. Estudei e entendi seu código. Mas cara, de boa. Difícil hein! Quanta complicação por causa de um :hover. rsrs. Mas muito obrigado mesmo.

Deu a mesma coisa; Como ultima tentativa tentei por classes, deu na mesma. function abre(a) { document.getElementById(a).style.display = "block"; document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).className="ativo"; } function fecha(a,b,c,d) { document.getElementById(a).style.display = "none"; document.getElementById(b).style.display = "none"; document.getElementById(c).style.display = "none"; document.getElementById(d).style.display = "none"; document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).className="inativo"; document.getElementById("label"+b.substring(0,1).toUpperCase()+b.substring(1,b.length)).className="inativo"; document.getElementById("label"+c.substring(0,1).toUpperCase()+c.substring(1,c.length)).className="inativo"; document.getElementById("label"+d.substring(0,1).toUpperCase()+d.substring(1,d.length)).className="inativo"; }

Testei, até que funcionou. Mas o primeiro item do menu como já estava setado para cor de fundo verde pelo css, o JavaScript não conseguiu tirar a cor dele.

Pelo que notei você apenas tirou a cor de fundo (fundo vazio). Será? Vou testar e depois posto aqui.,

É, mas assim o :hover no label parou de funcionar; Segue o css: * { padding:0 auto; margin:0 auto; } body { text-align:left; } div#tudo { width:750px; text-align:center; top:0px; } div#menuEleicoes { display:block; width:750px; text-align:center; } div#presidente { display:block; width:750px; text-align:center; top:80px; } div#governador, div#senador, div#depFederal, div#depEstadual { display:none; width:750px; text-align:center; top:80px; } .link { color:#FFF; text-decoration:none; } label#labelPresidente, label#labelGovernador, label#labelSenador, label#labelDepFederal, label#labelDepEstadual { width:150px; height:50px; text-align:center; display:table-cell; background-color:#1C6A90; vertical-align:middle; } label#labelPresidente:hover, label#labelGovernador:hover, label#labelSenador:hover, label#labelDepFederal:hover, label#labelDepEstadual:hover { background-color:#FEA000; } label#labelPresidente { background-color:green; } div#analise { width:750px; bottom:0px; text-align:center; position:relative; display:block; } E o js: function abre(a) { document.getElementById(a).style.display = "block"; document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).style.backgroundColor = "green"; } function fecha(a,b,c,d) { document.getElementById(a).style.display = "none"; document.getElementById(b).style.display = "none"; document.getElementById©.style.display = "none"; document.getElementById(d).style.display = "none"; document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).style.backgroundColor = "#1C6A90"; document.getElementById("label"+b.substring(0,1).toUpperCase()+b.substring(1,b.length)).style.backgroundColor = "#1C6A90"; document.getElementById("label"+c.substring(0,1).toUpperCase()+c.substring(1,c.length)).style.backgroundColor = "#1C6A90"; document.getElementById("label"+d.substring(0,1).toUpperCase()+d.substring(1,d.length)).style.backgroundColor = "#1C6A90"; } Onde será que esta o problema agora? Será que o Javascript tem precedência sobre o css e esta barrando a ação do css?