Ir para conteúdo
Fórum Script Brasil

KaKarotto

Vencedores de desafio
 Perfil  Explorar Conteúdo

  • Total de itens

    1.243

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Tudo que KaKarotto postou

  1. KaKarotto
    Nenhum menu é em javascript pra falar a verdade. O javascript pode criar ou modificar, mas um menu é sempre html. Se ele é html para formatar sua forma, sua posição, deve utilizar Css. Se você deu um id para esse menu, basta mudar seu posicionamento através de Css.
  2. KaKarotto
    Você utilizou namespaces, não sei como o iE trata isso. Dê uma pesquisada no www.w3schools.com Abraço
  3. KaKarotto
    Seth, isso é com vocês membros. Não veio mais ninguém propor um desafio, já veio outro membro fazer a mesma pergunta. Não lembro onde o post foi parar.... Os membros podem postar o que quiserem para melhorar o fórum, o problema é que a maioria esmagadora usa os posts apenas pra dúvidas. Como eu disse há um tempão, eu estou sem idéias para propor qualquer tipo de desafio, não é a minha linha de criatividade. Tenho mais criatividade pra outros tipos de posts. Se estiver afim de montar qualquer tipo de desafio, mande uma mp pra mim ou pro fercos, para a gente ver se é possível e tudo mais. Infelizmente às vezes o fórum fica nas mãos dos moderadores...não dá pra gente fazer tudo, infelizmente. Beleza? Aquele abraço. o/
  4. KaKarotto
    Junior, simples: pagina1.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <script> window.onload=function(){ document.getElementById("submit").onclick=function(){window.open("2.htm")} } </script> <form> <input type="text" id="campo"/> <input type="button" id="submit"> </form> </body> </html> pagina2.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <script> window.onload=function(){ document.getElementById("verifica").onclick=function(){ if(window.opener.document.getElementById("campo").value!="") alert("Campo preenchido") else alert("Campo não preenchido") } } </script> <input type="button" value="Verificar" id="verifica"/> </body> </html> É um exemplo bem simples e prático, só para ilustrar como deve utilizar o window.opener. Abraço
  5. KaKarotto
    De outra página? Depende. Se a outra página chamou a atual, você pode utilizar o atributo opener para verificar o scopo da janela anterior. Faria assim: var textfield=window.opener. document.getElementById("campo").value if(textfield) alert("Campo preenchido") else alert("Campo não preenchido") Eu pulei linha para o código ficar melhor visualmente, porém a primeira linha é a mesma coisa que: var textfield=window.opener.document.getElementById("campo").value O Js tem como valor booleano false para strings vazias e true para strings preenchidas, mesmo que com espaços em branco. Então você só precisa testar se o campo tem string vazia ou preenchida. Simples. Abraço.
  6. KaKarotto
    Tem sim Ricardo. Use um Js externo, que seja carregado no seu html e que caminhe em todos os nodos do seu documento que sejam links. Vou ensinar uma forma para fazer isso. <ul id="meuMenu"> <li><a href="#" class="home"></a></li> </ul> function modificaLinks(menu, url){ var a=menu.getElementsByTagName("a") for(var x in a) a[x].href=url + a[x].className + ".htm" } window.onload=function(){ modificaLinks( document.getElementById("meuMenu"), "http://minha.pagina.com.br/" ) } Você chamaria o Js na sua página html através das tags <script src=""></script>, e no script estariam as funções acima. Cada caso é um caso, não sei qual é o tipo de atualização que deseja fazer em seus links, então vai depender. No meu exemplo, eu mudo apenas o domínio, mas as páginas continuam com o mesmo nome usado no atributo class. Mas avise o seu chefe. Não é uma boa prática fazer isso apenas com Js. Essa atualização deve ser feita com o Php ou outra linguagem de servidor, montando um layout genérico. As páginas devem funcionar com ou sem js. Não é uma boa prática.
  7. KaKarotto
    O ajax tem uma restrição de domínios. Você não pode requisitar informações que estejam em domínios diferentes. Se você tentar incluir dados de uma página que não esta no mesmo domínio o js vai retornar uma exceção informando sobre a violação de privacidade. O ajax deve SEMPRE requisitar páginas que estejam em seu próprio domínio. Caso queira requisitar informações de domínios diferentes, deve executar a técnica de script tag. Procure sobre script tag no google para entendê-la. Abraço.
  8. KaKarotto
    Juan, tem um artigo do Elcio Ferreira muito bom para validações em javascript. Não fique perdendo tempo criando do 0 toda hora. http://elcio.com.br/ajax/mascara/ Sempre tem alguém que já pensou no mesmo problema e já postou a solução e testou-a a exaustão.
  9. KaKarotto
    Concordo com o OsJunior. Essa "volta" deve ser tratada usando Php ou Asp. As validações javascript são utilizadas antes da submissão do formulário. Não faz sentido o que deseja fazer. De qualquer maneira, se desejar usar o javascript pra isso, imagino que precise mandar algum dado para a página principal para que ela saiba que foi usado o history.go(), para isso pode utilizar query strings, ou seja, a página que acionará o history.go mandará uma variável para a página principal, e a página principal ao carregar, fará a verificação dessa variável executando sua ação posteriormente.
  10. KaKarotto
    Exatamente igual ao modo como faz apenas com o Asp. Você vai ter que criar uma session para o usuário ao logá-lo. Na página Asp que o ajax irá requisitar, é necessário que verifique se o usuário está logado pelo session. O ajax funciona exatamente igual ao modo convencional, ele só te permite que a requisição seja de modo assíncrono.
  11. KaKarotto
    Existem 4 selects. Os que fazem o efeito que deseja são os 2 últimos. Dê uma procurada nos códigos prontos, já postaram sobre isso nas áreas de Asp ou Php. Tendo o código em Php é muito fácil converter pra Asp e vice-versa. Não é necessário manual...é bem simples, o primeiro select tem os produtos que tem disponivel no seu serviço e logicamente em seu BD. O evento onchange dispara o ajax que acessará uma página php ou asp que verificará os derivados desse produto através da verificação do banco de dados e retornará os valores, a função que chama o ajax finalmente termina por criar os options dinamicamente com os devidos valores. No caso dessa página que passou, o produto é na verdade o país e os derivados são os estados. Veja que não são todos, só os que a empresa provê os serviços. Abraço.
  12. KaKarotto
    onkeypress é um evento e não um atributo. Com o setAttribute você define o atributo do objeto. O IE é bem capaz de aceitar isso, mas não o FF. Os browsers normais usam o evento padrão addEventListener. Enquanto o iE usa o attachEvent. Tente: if(window.addEventListener) // Mozilla, Netscape, Firefox el.addEventListener('keypress', funcao, false) else // IE el.attachEvent('onkeypress', funcao) Talvez, se usar: el.onkeypress=function(){} Também funcione bem nos navegadores mais recentes.
  13. KaKarotto
    NÃAAAAAAAAAAAAAAO rsrs, Éder pow... Seguinte, o primeiro parâmetro da função é o nome da classe que você definirá para as tabelas que terão o mesmo comportamento. Já o segundo é o nome da classe que você vai definir para os valores dos td da linha quando o mouse estiver por cima. NOOOOOOOOOSSa não entendeu nada, nem eu....vou mostrar: Quero fazer uma tabela que tenha o comportamento que você quer. Então eu escolho uma classe para ela e para as demais tabelas que terão o mesmo comportamento, sei lá, vou colocar o nomde da classe como Eder. <table border class="Eder"> <tr> <td width="320"><p>X</td> <td width="320"><p>X</td> </tr> <tr> <td width="320"><p>X</td> <td width="320"><p>X</td> </tr> </table> <table border class="Eder"> <tr> <td width="320"><p>X</td> <td width="320"><p>X</td> </tr> <tr> <td width="320"><p>X</td> <td width="320"><p>X</td> </tr> </table> Como vão ser as cores dos td? Defino uma classe em Css para os td´s, sei lá, "MouseEmCima". table td.MouseEmCima{ background:green; } Agora eu chamo a função em javascript no window.onload passando o nome da classe das tabelas, e o nome da classe dos elementos td´s quando o mouse estiver por cima: window.onload=function(){classTables("Eder", "MouseEmCima")} Tá vendo? Chamo a função classTables e passo o primeiro argumento "Eder" que é o nome da classe das tabelas que terão o mesmo comportamento. No segundo eu passo o nome da classe onde defini o comportamento dos td´s ao passar o mouse por cima. Talvez não tenha explicado direito. O que o js faz é pegar todas as tabelas do documento que tenham a classe igual a "Eder" ( neste exemplo), pega todos os tr e coloca o evento onmouseover para quando esse tr esteja com mouse em cima, ele dará uma classe "MouseEmCima" (neste exemplo) para todos os todos pertencentes a ela. Portanto, é o Css que define a formatação dos td´s e não o js. Essa é uma boa prática, usar o js para executar e o Css para formatar. Aquele abraço.
  14. KaKarotto
    Ahhhh agora entendi o que quer fazer....iluminar os td´s da linha toda. Saquei. Ó eu fiz um script simples: function classTables(classe, hover){ var tabelas=document.getElementsByTagName("table") for(var x in tabelas) if(tabelas[x].className==classe){ var tr=tabelas[x].getElementsByTagName("tr") for(var y in tr){ tr[y].onmouseover=function(){ var td=this.getElementsByTagName("td") for(var z in td) td[z].className=hover } tr[y].onmouseout=function(){ var td=this.getElementsByTagName("td") for(var z in td) td[z].className="" } } } } window.onload=function(){classTables("tabelaOpcoes", "hover")} Testa direitinho pra ver se funciona nos navegadores corretamente. Na chamada da função classTables, você pode definir o primeiro argumento que é o nome da classe das suas tabelas e pode definir a classe que vai modificar as linhas ao passar o mouse por cima. Beleza? Aquele abraço.
  15. KaKarotto

    Homer Simpson em Css

    um tópico no fórum postou KaKarotto Entretenimento

    Tipo, eu tava lendo uns textos e me atualizando quando eis que me aparece uma postagem do micox sobre uma imagem do Homer Simpson feita INTEIRAMENTE em Css. Sem imagens sem nada. O cara deve ser mágico nas horas vagas... Você não acredita? Cola o código e veja o resultado: <html> <head> <title></title> </head> <body> <div style="width: 100%; height: 466px;"> <div style="float: left; border: 2px solid #000; line-height: normal; background-color: #fff;"> <div style="width: 6.23em; height: 7.7em; font-family: Verdana; font-size: 60px; overflow: hidden;"> <div style="margin-top: -0.7em"> <div style="position: absolute; padding-left: 1.56em; padding-top: 0.37em;"> <div style="font-size: 2.57em; font-weight: bold; color: #000;">o</div> </div> <div style="position: absolute; padding-left: 1.62em; padding-top: 0.53em;"> <div style="font-size: 2.38em; font-weight: bold; color: #fff;">o</div> </div> <div style="position: absolute; padding-left: 1.2em; padding-top: 0.67em;"> <div style="font-size: 2.48em; color: #000;">o</div> </div> <div style="position: absolute; padding-left: 1.29em; padding-top: 0.85em;"> <div style="font-size: 2.23em; color: #fff;">o</div> </div> <div style="position: absolute; padding-left: 1.57em; padding-top: 2.03em;"> <div style="width: 0.32em; height: 0.52em; background-color: #fff;"></div> </div> <div style="position: absolute; padding-left: 1.52em; padding-top: 1.56em;"> <div style="font-size: 0.8em; font-style: italic; color: #000;">(</div> </div> <div style="color: #000;"> <div style="position: absolute; padding-left: 1.07em; padding-top: 0.62em;"> <div style="font-size: 4.57em;">O</div> </div> <div style="position: absolute; padding-left: 1.05em; padding-top: 1.15em;"> <div style="font-size: 3.53em;">O</div> </div> <div style="position: absolute; padding-left: 1.12em; padding-top: 0.74em;"> <div style="font-size: 4.63em;">O</div> </div> <div style="position: absolute; padding-left: 1.08em; padding-top: 3.64em;"> <div style="font-size: 1.77em; font-weight: bold; font-style: italic;">\</div> </div> <div style="position: absolute; padding-left: 1.17em; padding-top: 4.8em;"> <div style="font-size: 3.29em; font-weight: bold; font-style: italic;">L</div> </div> <div style="position: absolute; padding-left: 3.14em; padding-top: 5.21em;"> <div style="font-size: 3.01em; font-weight: bold; font-style: italic; height: 0.96em; overflow: hidden;">(</div> </div> <div style="position: absolute; padding-left: 4.13em; padding-top: 3.23em;"> <div style="font-size: 0.7em; font-weight: bold;">O</div> </div> <div style="position: absolute; padding-left: 1.37em; padding-top: 5.08em;"> <div style="font-size: 0.97em; font-weight: bold;">O</div> </div> </div> <div style="color: #FED90E"> <div style="position: absolute; padding-left: 1.15em; padding-top: 0.76em;"> <div style="font-size: 4.37em;">O</div> </div> <div style="position: absolute; padding-left: 1.14em; padding-top: 1.26em;"> <div style="font-size: 3.37em;">O</div> </div> <div style="position: absolute; padding-left: 1.2em; padding-top: 0.87em;"> <div style="font-size: 4.42em;">O</div> </div> <div style="position: absolute; padding-left: 1.15em; padding-top: 3.61em;"> <div style="font-size: 1.7em; font-weight: bold; font-style: italic;">\</div> </div> <div style="position: absolute; padding-left: 1.24em; padding-top: 4.93em;"> <div style="font-size: 3.18em; font-weight: bold; font-style: italic;">L</div> </div> <div style="position: absolute; padding-left: 3.03em; padding-top: 5.05em;"> <div style="font-size: 3.2em; font-weight: bold; font-style: italic; height: 0.96em; overflow: hidden;">(</div> </div> <div style="position: absolute; padding-left: 4.18em; padding-top: 3.34em;"> <div style="font-size: 0.55em; font-weight: bold;">O</div> </div> </div> <div style="position: absolute; padding-left: 1.84em; padding-top: 2.37em;"> <div style="width: 1.92em; height: 5.76em; background-color: #FED90E;"></div> </div> <div style="position: absolute; padding-left: 3.70em; padding-top: 2.73em;"> <div style="width: .30em; height: 1.56em; background-color: #FED90E;"></div> </div> <div style="position: absolute; padding-left: 4.36em; padding-top: 3.51em;"> <div style="width: .16em; height: .34em; background-color: #FED90E;"></div> </div> <div style="position: absolute; padding-left: 1.62em; padding-top: 5.47em;"> <div style="font-size: 10px"> <div style="width: 2.6em; height: 3.0em; background-color: #FED90E;"></div> </div> </div> <div style="color: #000;"> <div style="position: absolute; padding-left: 1.23em; padding-top: 4.57em;"> <div style="font-size: 0.67em;">|</div> </div> <div style="position: absolute; padding-left: 1.23em; padding-top: 4.37em;"> <div style="font-size: 0.67em;">|</div> </div> <div style="position: absolute; padding-left: 1.34em; padding-top: 4.37em;"> <div style="font-size: 0.67em;">\</div> </div> <div style="position: absolute; padding-left: 1.4em; padding-top: 4.53em;"> <div style="font-size: 0.67em;">\</div> </div> <div style="position: absolute; padding-left: 1.55em; padding-top: 4.49em;"> <div style="font-size: 0.67em;">|</div> </div> <div style="position: absolute; padding-left: 1.55em; padding-top: 4.19em;"> <div style="font-size: 0.67em;">|</div> </div> <div style="position: absolute; padding-left: 1.66em; padding-top: 4.19em;"> <div style="font-size: 0.67em;">\</div> </div> <div style="position: absolute; padding-left: 1.76em; padding-top: 4.45em;"> <div style="font-size: 0.67em;">\</div> </div> <div style="position: absolute; padding-left: 1.27em; padding-top: 2.54em;"> <div style="font-size: 0.42em; font-weight: bold; font-style: italic;">\</div> </div> <div style="position: absolute; padding-left: 1.51em; padding-top: 2.18em;"> <div style="font-size: 0.42em; font-weight: bold; font-style: italic;">\</div> </div> <div style="position: absolute; padding-left: 2.31em; padding-top: 5.32em;"> <div style="font-size: 1.47em; font-weight: bold; font-style: italic;">(</div> </div> <div style="position: absolute; padding-left: 2.29em; padding-top: 5.69em;"> <div style="font-size: 1.11em; font-weight: bold;">(</div> </div> <div style="position: absolute; padding-left: 2.92em; padding-top: 4.72em;"> <div style="font-size: 2.4em; font-weight: bold;">8</div> </div> <div style="position: absolute; padding-left: 2.43em; padding-top: 3.96em;"> <div style="font-size: 3.13em; font-weight: bold; font-style: italic;">o</div> </div> <div style="position: absolute; padding-left: 2.31em; padding-top: 4.05em;"> <div style="font-size: 3.13em; font-weight: bold; font-style: italic;">o</div> </div> <div style="position: absolute; padding-left: 2.33em; padding-top: 4.37em;"> <div style="font-size: 3.06em; font-weight: bold;">o</div> </div> </div> <div style="color: #CDB26F"> <div style="position: absolute; padding-left: 2.39em; padding-top: 5.36em;"> <div style="font-size: 1.38em; font-weight: bold; font-style: italic;">(</div> </div> <div style="position: absolute; padding-left: 2.37em; padding-top: 5.75em;"> <div style="font-size: 1.04em; font-weight: bold;">(</div> </div> <div style="position: absolute; padding-left: 2.95em; padding-top: 4.82em;"> <div style="font-size: 2.25em; font-weight: bold;">8</div> </div> <div style="position: absolute; padding-left: 2.49em; padding-top: 4.15em;"> <div style="font-size: 2.93em; font-weight: bold; font-style: italic;">o</div> </div> <div style="position: absolute; padding-left: 2.39em; padding-top: 4.22em;"> <div style="font-size: 2.93em; font-weight: bold; font-style: italic;">o</div> </div> <div style="position: absolute; padding-left: 2.4em; padding-top: 4.5em;"> <div style="font-size: 2.87em; font-weight: bold;">o</div> </div> </div> <div style="position: absolute; padding-left: 2.98em; padding-top: 6.09em;"> <div style="width: .76em; height: 1em; background-color: #CDB26F;"></div> </div> <div style="color: #000"> <div style="position: absolute; padding-left: 3.69em; padding-top: 4.28em;"> <div style="font-size: 2.2em;">o</div> </div> <div style="position: absolute; padding-left: 4.62em; padding-top: 5.42em;"> <div style="font-size: 1.01em;">)</div> </div> <div style="position: absolute; padding-left: 4.78em; padding-top: 5.72em;"> <div style="font-size: 0.72em;">)</div> </div> <div style="position: absolute; padding-left: 4.53em; padding-top: 5.65em;"> <div style="font-size: 0.94em;">b</div> </div> <div style="position: absolute; padding-left: 4em; padding-top: 5.09em;"> <div style="font-size: 1.59em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.33em; padding-top: 4.79em;"> <div style="font-size: 1.95em; font-weight: bold;">O</div> </div> <div style="position: absolute; padding-left: 3.15em; padding-top: 4.3em;"> <div style="font-size: 2.42em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.01em; padding-top: 4.46em;"> <div style="font-size: 2.23em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.88em; padding-top: 4.43em;"> <div style="font-size: 2.23em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.81em; padding-top: 4.71em;"> <div style="font-size: 1.9em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.69em; padding-top: 4.74em;"> <div style="font-size: 1.97em; font-weight: bold;">o</div> </div> </div> <div style="color: #CDB26F"> <div style="position: absolute; padding-left: 3.7em; padding-top: 4.4em;"> <div style="font-size: 2.06em;">o</div> </div> <div style="position: absolute; padding-left: 4.57em; padding-top: 5.44em;"> <div style="font-size: 0.95em;">)</div> </div> <div style="position: absolute; padding-left: 4.49em; padding-top: 5.66em;"> <div style="font-size: 0.88em;">b</div> </div> <div style="position: absolute; padding-left: 4.01em; padding-top: 5.14em;"> <div style="font-size: 1.48em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.37em; padding-top: 4.84em;"> <div style="font-size: 1.83em; font-weight: bold;">O</div> </div> <div style="position: absolute; padding-left: 3.21em; padding-top: 4.38em;"> <div style="font-size: 2.27em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.07em; padding-top: 4.54em;"> <div style="font-size: 2.09em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.95em; padding-top: 4.53em;"> <div style="font-size: 2.08em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.88em; padding-top: 4.78em;"> <div style="font-size: 1.78em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.71em; padding-top: 4.79em;"> <div style="font-size: 1.85em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.87em; padding-top: 4.59em;"> <div style="font-size: 1.93em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.09em; padding-top: 4.55em;"> <div style="font-size: 1.93em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.73em; padding-top: 5.03em;"> <div style="font-size: 1.44em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 2.59em; padding-top: 5.77em;"> <div style="font-size: 0.82em; font-weight: bold;">o</div> </div> <div style="position: absolute; padding-left: 3.04em; padding-top: 6.4em;"> <div style="font-size: 0.16em; font-weight: bold; font-style: italic; color: #000;">/</div> </div> <div style="position: absolute; padding-left: 3.03em; padding-top: 6.4em;"> <div style="font-size: 0.16em; font-weight: bold; font-style: italic; color: #000;">/</div> </div> <div style="position: absolute; padding-left: 3.02em; padding-top: 6.4em;"> <div style="font-size: 0.16em; font-weight: bold; font-style: italic; color: #000;">/</div> </div> </div> <div style="position: absolute; padding-left: 3.24em; padding-top: 2.49em;"> <div style="font-size: 2.76em; font-weight: bold; color: #000;">&bull;</div> </div> <div style="position: absolute; padding-left: 3.34em; padding-top: 2.68em;"> <div style="font-size: 2.49em; font-weight: bold; color: #fff;">&bull;</div> </div> <div style="position: absolute; padding-left: 4.2em; padding-top: 4.26em;"> <div style="font-size: 0.28em; font-weight: bold; color: #000;">&bull;</div> </div> <div style="position: absolute; padding-left: 3.9em; padding-top: 4.05em;"> <div style="font-size: 1.47em; font-weight: bold; color: #000;">&bull;</div> </div> <div style="position: absolute; padding-left: 3.99em; padding-top: 4.23em;"> <div style="font-size: 1.2em; font-weight: bold; color: #FED90E;">&bull;</div> </div> <div style="position: absolute; padding-left: 3.66em; padding-top: 4.7em;"> <div style="font-size: 10px"> <div style="width: 4.6em; height: 3.88em; background-color: #FED90E;"></div> </div> </div> <div style="position: absolute; padding-left: 3.68em; padding-top: 3.36em;"> <div style="font-size: 1.2em; color: #000;">_</div> </div> <div style="position: absolute; padding-left: 3.68em; padding-top: 4.03em;"> <div style="font-size: 1.2em; color: #000;">_</div> </div> <div style="position: absolute; padding-left: 3.64em; padding-top: 4.03em;"> <div style="font-size: 1.2em; color: #000;">_</div> </div> <div style="position: absolute; padding-left: 1.96em; padding-top: 2.33em;"> <div style="font-size: 3.04em; font-weight: bold; color: #000;">&bull;</div> </div> <div style="position: absolute; padding-left: 2.06em; padding-top: 2.5em;"> <div style="font-size: 2.77em; font-weight: bold; color: #fff;">&bull;</div> </div> <div style="position: absolute; padding-left: 2.67em; padding-top: 4.23em;"> <div style="font-size: 0.28em; font-weight: bold; color: #000;">&bull;</div> </div> <div style="position: absolute; padding-left: 1.46em; padding-top: 5.18em;"> <div style="font-size: 0.66em; color: #000;">C</div> </div> <div style="position: absolute; padding-left: 1.47em; padding-top: 5.4em;"> <div style="font-size: 0.66em; color: #000;">C</div> </div> <div style="position: absolute; padding-left: 1.62em; padding-top: 5.53em;"> <div style="font-size: 10px"> <div style="width: 2.2em; height: 2.2em; background-color: #FED90E;"></div> </div> </div> <div style="position: absolute; padding-left: 1.45em; padding-top: 5.19em;"> <div style="font-size: 0.8em; font-weight: bold; color: #FED90E;">O</div> </div> <div style="position: absolute; padding-left: 1.58em; padding-top: 5.47em;"> <div style="font-size: 0.25em; font-weight: bold; font-style: italic; color: #000;">(</div> </div> <div style="position: absolute; padding-left: 1.62em; padding-top: 5.46em;"> <div style="font-size: 0.25em; font-weight: bold; font-style: italic; color: #000;">-</div> </div> </div> </div> </div> </div> </body> </html> [/codebox] Não há sequer uma referencia de imagem, e o carregamento é instantâneo. É nerd, mas muito interessante. Pra quem não sabe, para visualizar, basta abrir o bloco de notas, colar o código e salvar o arquivo com extensão .html ou .htm, ao fazer isso o arquivo receberá o ícone do navegador padrão do sistema, então é só abrir o arquivo. Fonte: El Micox
  16. KaKarotto
    Não é uma linguagem, é uma marcação de texto. Um formato criado por alguém. Qualquer linguagem de programação pode ser usada para formatar esse texto. É como o navegador faz com códigos html. Html é apenas um texto usado com um padrão. Navegadores são escritos em C++ geralmente e fazem a conversão do html para uma coisa gráfica.
  17. KaKarotto
    É Alisson, eu não sei como esse cara fez, provavelmente é ninja. Percebi agora que o FF também usa cache para voltar. Exatamente agora, eu postei, quando eu voltei para a página anterior, seu tópico mostrava ainda você como o último a postar. Então amigo, se a página não se recarrega, nada feito.
  18. KaKarotto
    Ana, primeiramente bem-vinda ao fórum =) Pegar o arquivo selecionado e armazenar, salvar, modificar etc, é papel de linguagens de servidor, como Php, Python, Asp, .NET etc. Porém, para que eles consigam salvar o arquivo, o html deve estar muito bem formado. O mínimo é: <form method="post" enctype="multipart/form-data" action="pegaDados.php"> <input type="file" name="arquivo"> <input type="submit" name="submit" value="Enviar arquivo"> </form> O formulário é direcionado para uma página escrita em uma linguagem de servidor, que vai pegar esse arquivo e salvar ou fazer qualquer manipulação que deseja. Pela facilidade, eu sugiro que aprenda como fazer isso em PHP. Lá na área de códigos prontos em php tem um monte desses códigos. Aquele abraço.
  19. KaKarotto
    Isso é normal. Geralmente isso acontece nos sites que usam o sistema de verificação de usuário, Alisson. O que a pessoa tem que fazer é simplesmente atualizar a página. Na verdade o que você quer é fazer um reload e não um submit, se submitar novamente vai dar erro como comentou, mesmo sendo por javascript, já que a imagem no servidor foi alterada após o primeiro submit. Posso estar enganado, mas acho que não tem como o javascript saber se o usuário voltou usando o voltar, ou se ele chegou na página através de um link. Por isso, penso que essa hipótese de fazer a página ser recarregada ao voltar deve ser descartada. De novo, posso estar enganado, mas acho que por exemplo o Opera, não faz carregamento da página anterior, ele simplesmente usa a cache. Acho que o FF também faz a mesma coisa...mas não tenho certeza. Se os navegadores usam cache para o botão voltar, não há forma mesmo de fazer o javascript saber se foi um "voltar" que o usuário selecionou. Concorda? Já viu isso em algum outro lugar funcionando? Se viu, mostra um link pois eu não tenho certeza se estou correto.
  20. KaKarotto
    Está funcionando perfeitamente. Lembrando que o trecho html que passou tem erro, ele começa de um script, o formato não é html. NÃO PODE HAVER DOIS ELEMENTOS EM UMA PÁGINA COMO MESMO ID Nunca se esqueça disso. Se deseja que esse efeito seja reproduzido em mais de uma tabela, então deve usar classes. O javascript pegaria apenas os elementos que contivessem aquela classe para introduzir o efeito. Agora, Éder, esse tipo de efeito é geralmente usado quando você pode selecionar uma opção. Não faz sentido você fazer o td ficar colorido apenas pra ficar bonito. Quando se usa para o proposito de seleção, você certifica de que aquele elemento é selecionável, portanto, usa um link ou botão. Como o iE6 entende apenas o pseudo-classe com link, é só usar um link para o elemento que irá usar para a seleção: table.tabelaOpcoes{ border:1px solid blue; } table.tabelaOpcoes td{ border:1px solid green; width:50px; height:auto; } table.tabelaOpcoes td a{ background:orange; color:green; height:auto; padding:10px; display:block; text-decoration:none; } table.tabelaOpcoes td a:hover{ background:green; color:orange; } <table class="tabelaOpcoes"> <tr> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> </tr> <tr> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> </tr> <tr> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> </tr> </table> <br /> <table class="tabelaOpcoes"> <tr> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> </tr> <tr> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> </tr> <tr> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> <td><a href="#">Célula</a></td> </tr> </table> A pseudo-classe "hover" faria a mudança de cor de fundo. Toda a tabela que tivesse a mesma classe teria o mesmo comportamento padrão. Outra coisa, cuidado com o seu html. Seus td's contêm elementos de parágrafo sem fechamento de tag. Também não é semanticamente correto colocar um parágrafo dentro de um td, se aquilo é um elemento de uma tabela não pode ser um parágrafo de um texto. Beleza? Aquele abraço.
  21. KaKarotto
    Estranho mesmo...mas Eric, eu acho que faltam os & na string de post não falta? Seria algo assim: var dados = "nome="+usuarios.login.value; dados+= "&email="+usuarios.email.value; dados+= "&senha="+usuarios.senha.value; As vezes ocorrem erros estranhos provenientes de outros erros. Vamos ver se é este que mencionei o que ocasionou esse erro de resposta do objeto ajax. Edit: Eu vi também que falta o terceiro argumento do ajax.open, que é o sync. Coloca como false ali.... Aquele abraço.
  22. KaKarotto
    Você quer que o formulário de uma página só seja submetido quando outra página for visitada? É isso o que está tentando dizer?
  23. KaKarotto
    Espera aí Eric.... O Css não funciona todo? Ou só alguma parte que está sendo exibida de forma diferente? Se uma parte está sendo exibida diferente, então é aquela famosa história de renderização mal-feita do iE. Agora, se não está carregando nada do Css, tem coisa errada aí.
  24. KaKarotto
    Não há como fazer isso. Não existe propriedade html ou css para imagem dentro de uma borda. Se você viu isso em algum site, com certeza não era borda de tabela mas um div com quatro div's dentro dele, onde cada div tinha uma imagem de fundo, simulando bordas com imagens. Geralmente se usa essa técnica para colocar sombras em um div. Porcus, pelos seus posts, me parece que está fazendo o site em tabelas. Sugiro que faça em tableless, porque terá muita dificuldade de manutenção desses códigos.
  25. KaKarotto
    Oi Alexandre. Cara, como você já sabe, o ajax é só um objeto para fazer as requisições sem precisar recarregar a página novamente, grosseiramente falando. Então o ajax vai funcionar exatamente igual as chamadas de página que você faz sem, através de strings, pelo método post ou pelo método get. Quando você usa um formulário, mandando seus dados o php vai armazenar no Banco de Dados e caso desejar, retornar um html dizendo se foi bem sucedida ou não. Se usar ajax, apenas precisa construir o php que vai pegar os dados por get ou por post, armazenar os dados e se desejar, retornar um objeto de valor booleano, "true" ou "false", caso tenha conseguido gravar no banco ou não. O javascript vai pegar esse valor e vai mostrar alguma mensagem na tela. Só isso. Olha só: BD.php <? $nome=$_POST["nome"]; if(GravaNoBD($nome)) echo "{'gravou':'true'}"; else echo "{'gravou':'false'}"; ?> Js.js ajax.open("POST", "http://meusite", false) ajax.send("nome=Edu") .... ajax.onreadystatechange=function(){ if(ajax.readyState==4) var resposta=eval(ajax.responseText) if(resposta.gravou=="true") alert("AEEEW gravou") else alert("Xi....num deu...") } ...... Eu pulei um monte de coisa, em php e em js, mas é só pra mostrar a parte essencial que imagino que seja sua dúvida. O ajax funciona exatamente igual ao modo não ajax. Você só precisa ter em mente que a resposta vai chegar ao objeto ajax do js e não numa nova página. Você pode devolver pro objeto qualquer coisa. Era essa sua dúvida?
×
×
  • Criar Novo...