Ir para conteúdo
Fórum Script Brasil

guitarro17

Membros
  • Total de itens

    7
  • Registro em

  • Última visita

Sobre guitarro17

guitarro17's Achievements

0

Reputação

  1. Olá! Trabalho numa universidade, e estou desenvolvendo em PHP um gerador de provas/avaliações. Nele o usuário cadastra questões e gera provas com determinadas questões, e para esta prova é gerada uma página em HTML para impressão. As provas basicamente possuem as questões, e abaixo de cada questão são colocadas quebras de linhas (<br/>'s) (quantidade definida pelo usuário), que é o local em que o aluno vai responder a questão. O problema é o seguinte: eu estou gerando esta página de prova para impressão, porém, não sei como tratar casos em que um enunciado de uma questão começa muito perto do fim de uma página e acaba terminando no início da próxima página, quebrando o enunciado da questão. Como eu poderia solucionar este problema e descobrir os pontos corretos de quebra de página? Delimitar por quantidade de questões por página não adianta pois os enunciados das questões podem variar de tamanho, podendo ter tanto 1 linha quanto 20 linhas, tabelas, imagens, etc... Pensei em algo como "descobrir o ponto atual de inserção no código HTML" mas não tenho idéia de como fazer isso.... Obrigado!
  2. Não estou entendendo porque a função chamada no onsubmit não está funcionando: <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" language="javascript"> function aee(){ alert('oi'); } </script> </head> <body> <form name="produtos" id="produtos" method="post" enctype="multipart/form-data" onsubmit="aee();" action="ProdutosScript.php?acao=I" > ... ... <input type="submit" name="btn" value="Cadastrar" /> </form> </body> </html> O que tem de errado? Eu tirei tudo de dentro do form e continua sem chamar o método "aee()" :S
  3. é verdade, quando vim aqui dizer que tinha encontrado essa solução, você já havia respondido haha de qualquer forma, aqui tem um exemplo: http://stick.gk2.sk/blog/2009/03/image-wit...ers-using-css3/
  4. Seguinte, eu acho que é meio difícil explicar o que eu quero, então eu vou mostrar por imagens: 1 - eu tenho a seguinte div com BORDAS ARREDONDADAS: considerem a parte BRANCA como sendo TRANSPARENTE, e a parte amarela o BACKGROUND da página, ou seja, a DIV é transparente e no lugar do branco seria o background... 2 - eu tenho varias imagens tipo essa, todas do mesmo tamanho e com o fundo variando de cor: 2 - e eu quero colocar a imagem DENTRO da div, porém, a imagem ocuparia TODA a div. Só que as imagens não tem as bordas arredondadas, logo, ela extrapolaria a div, e eu queria saber se tem um jeito de ficar mais ou menos assim: Meu código da div: .divArredondada{ border:5px #A5241C solid; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:30px; width:150px; height:118px; margin-left:40px; } e a utilização: <div class="divArredondada"> <div> <a href="index.php?secao=produtos&subsecao=<?php echo $subsecao ?>∏=<?php echo $res['id']?>"> <img src="<?php echo $imagem ?>" width="150px" height="118px"> </a> </div> </div> as imagens tem o mesmo tamanho, 150px por 118px
  5. Eu estou usando a seguinte máscara de moeda em alguns input text: function MascaraMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; var t = new String(objTextBox.value); if (whichCode == 8){ objTextBox.value = t.substring(0, t.length-1); } key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; } No meu computador, no computador de alguns amigos ela funciona normal, porém, em alguns computadores não é possível digitar nada no input text, tu digita e não aparece nada. Eu digo "computador" porque isso acontece independente do navegador do computador, pois se funciona, funciona em todos os navegadores, se não funciona, não funciona em nenhum. O que pode ser?
  6. Assim, eu estou usando um menu em sanfona (aqueles que tu clica na opção do menu, e o menu "abre" mostrando o conteúdo). O problema é que dentro de uma opção do menu, eu preciso por um submenu NORMAL a esquerda e o conteúdo a direita, mas não estou conseguindo, pois quando uso o float:left para o submenu e o float:right para o conteúdo, ao clicar na opção do menu para abrir essa sanfona fica bugada, ou seja, ela abre mas volta pro lugar sozinha, ficando o seu conteúdo por cima das outras opções do menu. o código é o seguinte: <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Simple Javascript Accordions - by www.dezinerfolio.com</title> <style type="text/css"> * { margin:0; padding:0; list-style:none; } body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; /*overflow-x:hidden;*/ } #basic-accordian{ width:100%; position:relative; margin-top:-10px; text-align:center; } .accordion_headings{ color:#FFFFFF; border:1px solid #18333A; cursor:pointer; width:100% -1px; height:35px; text-align:center; } .accordion_headings:hover{ background:#00CCFF; } .empresa{ background:#6CA8B5; } .abraSuaConta{ background:#3090A6; } .assessoria{ background:#148CA8; } .produtos{ background:#076980; } .cursos{ background:#6CA8B5; } .educacional{ background:#3090A6; } .negociacao{ background:#148CA8; } .contato{ background:#076980; } .menu_interno{ padding:5px; color:#FFFFFF; border:1px solid #18333A; cursor:pointer; font-size:11px; color:#FFF; width:30%; height:16px; text-align:right; } .div_interno{ color:#FFFFFF; width:30%; text-align:justify; float:right; margin-right:37%; } .menu_interno_escuro{ background-color:#076980; } .menu_interno_claro{ background-color:#148CA8; } .menu_interno:hover{ background:#00CCFF; } </style> &lt;script src="jquery-1.2.1.min.js" type="text/javascript"></script> &lt;script src="menu.js" type="text/javascript"></script> &lt;script type="text/javascript"> function centraliza(){ var wTela = screen.width; var wPic = 1847; if(wPic > wTela){ var wDif = wPic - wTela; window.scrollTo(wDif/2,0); } } </script> </head> <body onload="centraliza();"> <center> <table height="100%" width="100%"> <tr> <td ><img src="cabecalho.jpg" /></td> </tr> <tr> <td> <div id="basic-accordian"> <ul id="menu"> <li class="empresa"> <div class="accordion_headings" >Empresa</div> <ul style="columns-count=2" > <div class="div_interno"> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> texto texto texto texto texto texto texto texto texto texto texto texto<br /> </div> <li class="menu_interno menu_interno_claro" onclick="document.getElementById('empresa_apresentacao').style.display='block'">Apresentação</li> <li class="menu_interno menu_interno_escuro" >Diferencial</li> <li class="menu_interno menu_interno_claro">Visão, Missão e Valores</li> <li class="menu_interno menu_interno_escuro">Parcerias</li> </ul> </li> </ul> </div> </td> </tr> <tr> <td ><img src="rodape.jpg" style="margin-top:-2px"/></td> </tr> </table> </center> </body> </html>
  7. Bom, eu fiz esse menu em accordion de acordo com uns tutoriais por ai, mas eu estou com um problema que eu acho melhor voces verem pra ententer. Sei que devo ter feito coisa errada, mas não manjo muito de CSS e queria a ajuda de vocês pra tentar resolver isso. Valeu! Codigo: <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Simple Javascript Accordions - by www.dezinerfolio.com</title> <style type="text/css"> * { margin:0; padding:0; list-style:none; } body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; overflow-x:hidden; } #basic-accordian{ width:100%; position:relative; margin-top:-10px; text-align:center; } .accordion_headings{ color:#FFFFFF; border:1px solid #18333A; cursor:pointer; width:100% -1px; height:35px; text-align:center; } .accordion_headings:hover{ background:#00CCFF; } .empresa{ background:#6CA8B5; } .abraSuaConta{ background:#3090A6; } .assessoria{ background:#148CA8; } .produtos{ background:#076980; } .cursos{ background:#6CA8B5; } .educacional{ background:#3090A6; } .negociacao{ background:#148CA8; } .contato{ background:#076980; } .menu_interno{ padding:5px; color:#FFFFFF; border:1px solid #18333A; cursor:pointer; font-size:11px; color:#FFF; width:30%; height:16px; text-align:right; } .div_interno{ color:#FFFFFF; width:30%; text-align:justify; float:right; margin-right:37%; } .menu_interno_escuro{ background-color:#076980; } .menu_interno_claro{ background-color:#148CA8; } .menu_interno:hover{ background:#00CCFF; } </style> &lt;script src="jquery-1.2.1.min.js" type="text/javascript"></script> &lt;script src="menu-collapsed.js" type="text/javascript"></script> &lt;script type="text/javascript"> function centraliza(){ var wTela = screen.width; var wPic = 1847; if(wPic > wTela){ var wDif = wPic - wTela; window.scrollTo(wDif/2,0); } } </script> </head> <body onload="centraliza();"> <center> <table height="100%" width="100%"> <tr> <td ><img src="cabecalho.jpg" /></td> </tr> <tr> <td> <div id="basic-accordian"> <ul id="menu"> <li class="empresa"> <div class="accordion_headings" >Empresa</div> <ul style="height:auto"> <li id='empresa_apresentacao' class="div_interno" style="display:none;" > texto texto texto texto texto texto texto texto texto texto texto texto <br /> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br /> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br /> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br /> texto texto texto texto texto texto texto texto texto texto texto texto <br /><br /></li> <li class="menu_interno menu_interno_claro" onclick="document.getElementById('empresa_apresentacao').style.display='block'">Apresentação</li> <li class="menu_interno menu_interno_escuro" >Diferencial</li> <li class="menu_interno menu_interno_claro">Visão, Missão e Valores</li> <li class="menu_interno menu_interno_escuro">Parcerias</li> </ul> </li> <li class="abraSuaConta"> <div class="accordion_headings">Abra sua conta</div> <ul> <li class="menu_interno menu_interno_claro" >Pessoa física</li> <li class="menu_interno menu_interno_escuro" >Pessoa jurídica</li> </ul> </li> <li class="assessoria"> <div class="accordion_headings">Assessoria</div> <ul> <li class="menu_interno menu_interno_claro" >Como funciona</li> <li class="menu_interno menu_interno_escuro" >Home Broker</li> <li class="menu_interno menu_interno_claro" >Mesa de operações</li> <li class="menu_interno menu_interno_escuro" >Apuração de IR</li> </ul> </li> <li class="produtos"> <div class="accordion_headings">Produtos</div> <ul> <li class="menu_interno menu_interno_claro" >Mercados de Ações</li> <li class="menu_interno menu_interno_escuro" >Mercado de Opções</li> <li class="menu_interno menu_interno_claro" >Mercado a Termo</li> <li class="menu_interno menu_interno_escuro" >Aluguel de ações</li> <li class="menu_interno menu_interno_claro" >BM&F</li> <li class="menu_interno menu_interno_escuro" >Clubes de Investimento</li> <li class="menu_interno menu_interno_claro" >Títulos Públicos</li> <li class="menu_interno menu_interno_escuro" >Câmbio</li> <li class="menu_interno menu_interno_claro" >Conta Margem</li> <li class="menu_interno menu_interno_escuro" >Ofertas Públicas (IPO)</li> <li class="menu_interno menu_interno_claro" >Seguros</li> </ul> </li> <li class="cursos"> <div class="accordion_headings">Cursos e Palestras</div> <ul> <li class="menu_interno menu_interno_claro" >Cursos</li> <li class="menu_interno menu_interno_escuro" >Monte um curso na sua cidade</li> <li class="menu_interno menu_interno_claro" >Turmas particulares</li> <li class="menu_interno menu_interno_escuro" >Agenda</li> </ul> </li> <li class="educacional"> <div class="accordion_headings">Educacional</div> <ul> <li class="menu_interno menu_interno_claro" >Perfil do Investidor</li> <li class="menu_interno menu_interno_escuro" >Glossário</li> <li class="menu_interno menu_interno_claro" >Ações</li> <li class="menu_interno menu_interno_escuro" >Opções</li> <li class="menu_interno menu_interno_claro" >Termo</li> <li class="menu_interno menu_interno_escuro" >Tributação</li> <li class="menu_interno menu_interno_claro" >Oferta pública de ações</li> <li class="menu_interno menu_interno_escuro" >Aluguel de ações</li> <li class="menu_interno menu_interno_claro" >BM&F </li> <li class="menu_interno menu_interno_escuro" >Tesouro direto</li> <li class="menu_interno menu_interno_claro" >Dúvidas Frequentes</li> <li class="menu_interno menu_interno_escuro" >Regulamentos e normas</li> <li class="menu_interno menu_interno_claro" >Biblioteca</li> </ul> </li> <li class="negociacao"> <div class="accordion_headings">Negociação Eletrônica</div> <ul> <li class="menu_interno menu_interno_claro" >Home Broker</li> <li class="menu_interno menu_interno_escuro" >Plataforma</li> <li class="menu_interno menu_interno_claro" >TOVmóbile</li> </ul> </li> <li class="contato"> <div class="accordion_headings">Contato</div> <ul> <li class="menu_interno menu_interno_claro" >Fale Conosco</li> <li class="menu_interno menu_interno_escuro" >Horários de Atendimento</li> <li class="menu_interno menu_interno_claro" >Trabalhe Conosco</li> </ul> </li> </ul> </div> </td> </tr> <tr> <td ><img src="rodape.jpg" style="margin-top:-2px"/></td> </tr> </table> </center> </body> &lt;script> function mudaCor(cor){ alert(cor); document.getElementById('basic-accordian').style.backgroundColor = cor; } </script> </html>
×
×
  • Criar Novo...