Programo em C/C++ e brinco com PHP, Python, HTML, CSS, Javascript, AJAX.

Com HTML, CSS e JavaScript dá pra fazer um menu legal. O site do Maujor é tá cheio de exmplos:

http://www.maujor.co...l/ddownmenu.php

Bom, estou desenvolvendo um site!
Gostaria de saber como fazer MENUS DESLIZANTES e saber também se tem como fazer HTML...
jah tentei fazê no dreamweaver, mas na hora de juntá com php não dá certo...
Tem como fazer menus delizantes em html?
Como?




Obrigadaaaa

Basicamente a criptografia consiste em representar caracteres não alfa-numéricos, e.g. (< > , . - etc ...) pelo seu código ascii. Um caracter ascii pode ser representado por 2 bytes. No texto que você me passou %3C representa o caracter ascii de código 3C que é o '<'. Fiz um programa em C++ que quando encontra um '%', considera que os dois próximos caracteres formarão o código de um caracter ascii. O resultado segue:

<div id='logostrip'>
<div style='float:left'>
<a href="./index.php?">
<img src="style_images/<#IMG_DIR#>/logo4.gif">
</a>
</div>
<div style='float:right'>
<map name="Map" id="Map">
<area shape="rect" coords="44,10,56,22" href="java script:chooseStyle('none', 60)" checked="checked" />
<area shape="rect" coords="32,10,44,22" href="java script:chooseStyle('tam4', 60)"/>
<area shape="rect" coords="56,10,68,22" href="java script:chooseStyle('tam1', 60)" />
<area shape="rect" coords="68,10,80,22" href="java script:chooseStyle('tam2', 60)" />
<area shape="rect" coords="80,10,92,22" href="java script:chooseStyle('tam3', 60)" />
</map>
<img src="style_images/<#IMG_DIR#>/switch.gif" usemap="#Map" vertical-align="top" /><img src="style_images/<#IMG_DIR#>/img-right.gif">
</div>
</div>
<table width="100%" cellspacing="0" cellpadding="0" id="submenu" style="text-align: left;">
<tr>
<td style="background: url(style_images/<#IMG_DIR#>/b_home.gif); background-repeat: no-repeat;" width="60">
<a href="./index.php?" rel="nofollow" onmouseover="JSFX.fadeIn('home')" onmouseout="JSFX.fadeOut('home')"><img src="style_images/<#IMG_DIR#>/b_home.gif" name="home"  width="60" height="43" border="0" class="imgFader" id="home" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_tutoriais.gif); background-repeat: no-repeat;" width="69">
<a href="./index.php?showforum=26" rel="nofollow" onmouseover="JSFX.fadeIn('tutoriais')" onmouseout="JSFX.fadeOut('tutoriais')"><img src="style_images/<#IMG_DIR#>/b_tutoriais.gif" name="tutoriais"  width="69" height="43" border="0" class="imgFader" id="tutoriais" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_suporte.gif); background-repeat: no-repeat;" width="71">
<a href="./index.php?showforum=7" rel="nofollow" onmouseover="JSFX.fadeIn('suporte')" onmouseout="JSFX.fadeOut('suporte')"><img src="style_images/<#IMG_DIR#>/b_suporte.gif" name="tutoriais"  width="71" height="43" border="0" class="imgFader" id="suporte" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_skins.gif); background-repeat: no-repeat;" width="57">
<a href="./index.php?showforum=18" rel="nofollow" onmouseover="JSFX.fadeIn('skins')" onmouseout="JSFX.fadeOut('skins')"><img src="style_images/<#IMG_DIR#>/b_skins.gif" name="skins"  width="57" height="43" border="0" class="imgFader" id="skins" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_mods.gif); background-repeat: no-repeat;" width="59">
<a href="./index.php?showforum=42" rel="nofollow" onmouseover="JSFX.fadeIn('mods')" onmouseout="JSFX.fadeOut('mods')"><img src="style_images/<#IMG_DIR#>/b_mods.gif" name="mods"  width="59" height="43" border="0" class="imgFader" id="mods" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_membros.gif); background-repeat: no-repeat;" width="78">
<a href="./index.php?act=Members" rel="nofollow" onmouseover="JSFX.fadeIn('membros')" onmouseout="JSFX.fadeOut('membros')"><img src="style_images/<#IMG_DIR#>/b_membros.gif" name="membros"  width="78" height="43" border="0" class="imgFader" id="membros" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_pesquisar.gif); background-repeat: no-repeat;" width="77">
<a href="./index.php?act=Search" rel="nofollow" onmouseover="JSFX.fadeIn('pesquisar')" onmouseout="JSFX.fadeOut('pesquisar')"><img src="style_images/<#IMG_DIR#>/b_pesquisar.gif" name="pesquisar"  width="77" height="43" border="0" class="imgFader" id="pesquisar" alt="" /></a>
</td>
<td style="background: url(style_images/<#IMG_DIR#>/b_ajuda.gif); background-repeat: no-repeat;" width="59">
<a href="./index.php?act=Help" rel="nofollow" onmouseover="JSFX.fadeIn('ajuda')" onmouseout="JSFX.fadeOut('ajuda')"><img src="style_images/<#IMG_DIR#>/b_ajuda.gif" name="ajuda"  width="59" height="43" border="0" class="imgFader" id="ajuda" alt="" /></a>
</td>
<td width="100%">
 
</td>
</tr>
</table>

Ah, eu sabia que tinha um jeito de reverter, mas me faltou conhecimento hehe.

O código foi codificado com escape() e para ver como ele é, basta usar unescape().

O Cristiano postou um jeito que você pode fazer para ver o que foi codificado, dando um alert(). Só uma corresão: é window.alert() e não document.alert().

Fiz um código simples, mas acho que você consegue adaptar:

<script>
function setText(){
var x=document.getElementById('option1')
value = x.options[x.selectedIndex].value
if (value == '0')
  newInput.innerHTML = "option a <input type='text' />"
else
  newInput.innerHTML = "option b <input type='text' />"
}
</script>

<select onChange='setText()' id='option1'>
<option value='0'>-- escolha --
<option value='0'>opcao a
<option value='1'>opcao b
</select>

<div id='newInput'>
<!-- lugar onde aparecerao os campos -->
</div>

Pessoal tenho um form de cadastro em php e nesse form principal tenho três campos que são: Nome,Login,Cargo(q esta desntro de um select com dois valores, Administrador e supervisor). Ai quero fazer o seguinte: se ele selecionar opção Administrador abra abaixo os campos conforme eu desejar para o administrador e assim por diante.

Alguém poderia me ensinar como faço isso ??

Encontrei esse link. Se servir movo o tópico para o fórum de php:
http://www.totalchoi...i...ost&p=86875

Fala sério que não existe nenhum modo de forçar o download?????

Isso não depende das configurações do browser?

Olá paulo.manzano,

eu já acho difícil encontrar erro em CSS quando eu tenho a página disponível, imagina quando eu só tenho o arquivo CSS!

Por favor, manda pelo menos um screenshot da página com erro.

Mais erros:
As funções chamadas nos tratadores de envento devem vir entre aspas (simples ou dupla):

onblur="valiref()"

Bom pelo que você diz o problema é com banco de dados. Não consigo ver onde você está fazendo a conexão e guardando os dados. Mas de qualquer maneira, acho que isso fica a cargo do pessoal do PHP.

Pelo que pude perceber, o problema se deve ao fato de você estar usando:

float:left

Esse é um problema clássico do IE. Eu tenho um link para um artigo, em inglês, que soluciona esse problema:

http://positioniseve...syclearing.html

Se ainda encontrar problemas, pode postar.

Não sei se foi erro seu de digitação:

action="ocultarres.php"

ocultares.php

ocultar.htm

<html>
<body>
<form name="formpedido" action="ocultarres.php" method="post">
<p><select name="modelo" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Frasqueira</option>
<option>Pasta</option>
<option>Porta-treco</option>
</select>
<select name="tamanho" size="1">
<option>P</option>
<option>M</option>
<option>G</option>
</select>
</p>

&lt;script>
<!--
var groups=document.formpedido.modelo.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()


group[0][0]=new Option("P")
group[0][1]=new Option("M")
group[0][2]=new Option("G")

group[1][0]=new Option("40x28")

group[2][0]=new Option("P")
group[2][1]=new Option("M")
group[2][2]=new Option("G")

var temp=document.formpedido.tamanho

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
<input type="submit" value="Enviar" ID=Submit1>
</form>
</body>
</html>

-----------------------------------------------------//---------------

ocultares.php
<?
$modelo = $_POST['modelo'];
$tamanho = $_POST['tamanho'];

echo "Modelo = $modelo, tamanho = $tamanho";
?>


Quando faço as altereções de modelo, o campo tamanho não é gravado no banco de dados.
Qual o erro?

Você quer dizer aparecer "Alteração" em vez de "Problema"?

PS: Não sei se a intenção é deixar cross-browser, mas aqui no Firefox a interface fica toda disforme. No IE ok.

As alterações necessárias:
* Colocar o texto que você quer que mude dinamicamente dentro de uma tag com id:

<span id='problema'><p>Problema: </p></span>

* Criar uma função que, baseada no valor do seu SELECT, mude o texto para alteração/problema:

function setText(){
  box = document.forms[0].tipo;
  if (box.value == "alteração")
	texto="Alteração"
  else
	texto="Problema"
  document.getElementById('problema').innerHTML = texto
}

* Colocar um tratador de evento "onChange" no seu SELECT:

<select size="1" name="tipo" onKeyDown="if(event.keyCode==13) event.keyCode=9;" onChange="setText()" title="Selecione o tipo de ordem de serviço que deseja.">

Você quer dizer aparecer "Alteração" em vez de "Problema"?

PS: Não sei se a intenção é deixar cross-browser, mas aqui no Firefox a interface fica toda disforme. No IE ok.

Isso exatamente, quero que apareça Alteração em vez de prob lema qd selecionar a opção alteração...

Como faço???

Você pode usar um link de e-mail, por exemplo:

href="mailto:algum_email@gmail.com">

Quando o usuário clicar no link, o programa de e-mail dele vai abrir com o endereço de envio completado. É possível pré-completar outros campos como o tópico da mensagem e etc. Veja referência [1].

Há um modo mais interessante que é fornecer ao usuário um formulário para ele escrever a mensagem no seu próprio site,
mas que eu saiba, só com HTML você não consegue fazer isso. Veja referência [2]

Bom, estou desenvolvendo um site e gostaria de saber como mandar para o e-mail os dados fornecidos pelo usuário...

por exemplo o "fale conosco" do site, em HTML se possível



Agradeço desde já!

Se você quer que exatamente 'n' checkboxes estejam checados, na submissão você pode contar quantas vezes isso é verdade:

if (form[i].type == "checkbox" && form[i].checked == true)

Se não for 'n' vezes, erro.

e se eu quero que 7 sejam obrigatorios, mas e o usuario clicar em 8 checkbox nao permitir. ou seja. que seja obrigado 7 e que nao permita mais que 7?

Encontrei uma discussão num fórum que parece ser sobre isso.

http://forum.imaster...howtopic=119980

AJAX é utilizado justamente para isso. Dê uma olhada nos tutoriais ali em cima.

Eu consegui fazer rodar aqui no FF e no IE6.0 com três links diferentes. Esse código que você passou é para 1. Como você o modificou para mais links?

Pessoal.. tenho um código aqui pra fazer links com layers explicativos que aparecem e desaparecem de acordo com a posição do mouse .. mas o que acontece é que quando tento colocar mais de dois links utilizando a função em javascript, ocorre um erro.. aí vão os códigos:

Script

&lt;script language="JavaScript" type="text/JavaScript">//detectando navegadorsAgent = navigator.userAgent;bIsIE = sAgent.indexOf("MSIE") > -1;bIsNav = sAgent.indexOf("Mozilla") > -1 && !bIsIE;//setando as variaveis de controle de eventos do mousevar xmouse = 0;var ymouse = 0;document.onmousemove = MouseMove;//funcoes de controle de eventos do mouse:function MouseMove(e){ if <img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/envelope.gif' class='bbc_emoticon' alt='(e)' /> { MousePos(e); } else { MousePos();}}function MousePos(e) { if (bIsNav){  xmouse = e.pageX;  ymouse = e.pageY; }  if (bIsIE) {  xmouse = document.body.scrollLeft + event.x;  ymouse = document.body.scrollTop + event.y; }}//funcao que mostra e esconde o hintfunction Hint(objNome, action){ //action = 1 -> Esconder //action = 2 -> Mover  if (bIsIE) {  objHint = document.all[objNome];  } if (bIsNav) {  objHint = document.getElementById(objNome);  event = objHint; }  switch (action){  case 1: //Esconder   objHint.style.visibility = "hidden";   break;  case 2: //Mover   objHint.style.visibility = "visible";   objHint.style.left = xmouse + 15;   objHint.style.top = ymouse + 15;   break; } }</script>

código do link:

<td bgcolor="#FFFFFF" width="636" bordercolor="#C0C0C0" bordercolorlight="#C0C0C0" bordercolordark="#C0C0C0" style="border: 1px solid #CECECE">			<a href="#" onMouseMove="Hint('link',2)" onMouseOut="Hint('link',1)">Nome do Link</a>			<td width="25" bgcolor="#FFFFFF"> </td>			<div id="link" style="position:absolute; z-index:1; visibility: hidden; background-color: #e4e4e4; layer-background-color: #FFFFCC; border: 1px none #000000;"><font size="1" face="Verdana" color="#000000">Descrição do Link</font></div>

O estranho é que quando é um link só.. o código fuciona... mas quando tento colocar mais de um, acontece um erro:

http://img402.images...923/errojm7.jpg

Se alguém puder ajudar... eu agradeceria muito ^^

A propósito, como eu fiz:

<a href="#" onMouseMove="Hint('link',2)" onMouseOut="Hint('link',1)">Nome do Link</a>
<div id="link" style="position:absolute; z-index:1; visibility: hidden; background-color: #e4e4e4; layer-background-color: #FFFFCC; border: 1px none #000000;">
<font size="1" face="Verdana" color="#000000">Descrição do Link</font>
</div>

<a href="#" onMouseMove="Hint('link2',2)" onMouseOut="Hint('link2',1)">Nome do Link2</a>
<div id="link2" style="position:absolute; z-index:1; visibility: hidden; background-color: #e4e4e4; layer-background-color: #FFFFCC; border: 1px none #000000;">
<font size="1" face="Verdana" color="#000000">Descrição do Link2</font>
</div>

<a href="#" onMouseMove="Hint('link3',2)" onMouseOut="Hint('link3',1)">Nome do Link3</a>
<div id="link3" style="position:absolute; z-index:1; visibility: hidden; background-color: #e4e4e4; layer-background-color: #FFFFCC; border: 1px none #000000;">
<font size="1" face="Verdana" color="#000000">Descrição do Link3</font>
</div>

(...) fica o código aqui pra quem quiser usar... é bem bonitinho ^^

Gostei da idéia. Posso colocar na seção de Banco de Funções?

Bem-vindo ao fórum André! Se você manja inglês eu te recomendo fortemente essa:
http://www.w3schools.com/

eu to começando mexe agora, mais to meio q apanhando um poco
eu sei poca coisa d php e qse nada d html. alguem ae pode me da uma ajuda me indicando algum site
ou algum link d uma boa apostila e nao mto complicada? vlw

Cara, eu não lembro de ter ouvido falar de "múltiplos entre si". O que é comum vermos em teoria dos números é "Primos entre si". A definição disso é: dois números a e b são primos entre si se não possuem nenhum fator primo em comum. Equivalentemente podemos dizer que eles são primos entre si, ou primos relativos, se mdc( a, b ) = 1, onde mdc( a, b ) é o máximo divisor comum entre a e b. Desta maneira 4 e 6 não são primos entre si pois têm o fator primo '2' em comum.

Meu chute é de que múltiplos entre si seja quando os números não são primos entre si, ou mdc( a, b ) != 1. Neste caso você pode usar o algoritmo de Euclides (google it) para calcular mdc( a, b ). Outra possibilidade é que múltiplos entre si seja apenas que, ou 'a' é múltiplo de b ou b é múltiplo de 'a'.

Acho que você saberá qual dessas duas interpretações o autor do enunciado espera. Avalie o nível de dificuldade da matéria que você está tendo em sala de aula ou que está estudando por conta própria. Tenha em mente que a primeira interpretação é muito mais difícil que a segunda e exige conhecimento básico de teoria dos números.

se alguem puder me ajudar a resolver esse algoritmo, eu nem entendi ele =/


Construa um subprograma que receba 2 (dois) números e retorne se são ou não múltiplos entre si. Faça um programa que demonstre o funcionamento desse subprograma, solicitando dois números ao usuário e utilizando tal subprograma para descobrir se são múltiplos entre si.


obrigado pela atençao

Uma solução é colocar uma id no campo desejado, por exemplo:

<input type='text' id='nomedocampo' />

E acessá-lo assim:

document.getElementById('nomedocampo').focus()

olá

pra colocar o focus em determinado campo do formulário, eu uso esse código
document.nomedoform.nomedocampo.focus();

só que eu to com uma pagina aqui que nao tem as tags <form>
primeiro porque nesse caso sao desnecessarias e segundo que quando coloco, elas estragam o meu layout

só que sem a tag form nao tem como por o nomedoform naquele codigo ali
entao, como eu faco pra por o focus? tem como?

Eu não imaginava que fosse tão fácil:

Uma googlada e:
http://www.codefoot....e_textarea.html

Alguem sabe como faz aquelas caixas de texto com uma imagem de fundo? Eu vi uma do google e queria saber como se faz para colocar em meu site...

Não sei se eu poderei ajudar, mas não deu pra entender muito bem a situação. Coloque mais detalhes então

Olá, a todos.

Estou com um problema no IE, eu utilizo de uma DIV que edita os dados de uma outra DIV que possui uma tabela.

Esta DIV que atualiza a tabela traz o Registro do Funcionario e a DATA de progamação.

O que ocorre, depois que eu atualizo, quando é aberto novament a DIV vem com a numeração antiga, tanto do registro como da data.

Já no FF, não, Ela vem com a que foi atualizada.

Caso souberem ajudar, eu colocarei mais detalhes.

Obrigado.