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

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 ??

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?

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().

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

1) Como no seu select nenhum option tem value, vamos criar uma função que dependendo do TEXTO do option, desabilida o outro select.
2) Como sua primeira opção é Pasta, quando carregar a página o select tamanho deve começar desabilitado, por isso deve-se colocar a palavra-chave DISABLED no select do tamanho.

PS. Se você tiver mais de um form, ou os selects estiverem em forms diferentes, altere os índices de forms[i], onde i indica que o elemento em questão pertence ao i-ésimo form. Se achar melhor, coloque um id nos selects em questão e acesse-os com document.getElementById(...).

<script>
function disabler(){
 
  box = document.forms[0].modelo
  text = box.options[box.selectedIndex].value

  if (text=="Pasta")
	document.forms[0].tamanho.disabled = true
  else
	document.forms[0].tamanho.disabled = false
}
</script>

<body>

<form>

<td><select name="modelo" size="1" onChange="disabler()">
<option selected>Pasta</option>
<option>Porta-treco</option>
<option>Frasqueira</option>
</td>

<td><select name="tamanho" size="1" disabled>
<option selected>P</option>
<option>M</option>
<option>G</option>
</td>
</form>

</body>

Tenho estes modelos de combobox

<td><select name="modelo" size="1">
<option selected>Pasta</option>
<option>Porta-treco</option>
<option>Frasqueira</option>
</td>

<td><select name="tamanho" size="1">
<option selected>P</option>
<option>M</option>
<option>G</option>
</td>

Queria que quando o usuário escolhesse a opção Pasta do combo modelo,
a combo do tamanho ficasse bloqueado.

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...

(...) 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?

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>

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???

Olá,

A primeira observação é que seu código está com a lógica incorreta. Ele nunca entrará no Tie-Brake pois o seu primeiro "while" só termina se "vita" e/ou "vitb" forem >= 3.

A dica que eu posso dar é usar funções. Observando seu código podemos ver que várias linhas são repetidas e poderiam ser colocadas em uma única função. Refiz o seu código usando funções e corrigindo o problema que citei acima.

Veja como o uso de funções diminui o tamanho de código e torna o código mais claro:

# include <stdio.h>
# include <conio.h>
int checa_set_normal (int ptoA, int ptoB, int total){
  int tmp;
  if (ptoA < ptoB){
	tmp = ptoA;
	ptoA = ptoB;
	ptoB = tmp;
  }
  return (ptoA == total && ptoA - ptoB >= 2) ||
		 (ptoA >= total && ptoA - ptoB == 2);
}
void le_placar (int *ptoA, int *ptoB){
  printf ("PONTOS DO TIME A \n");
  scanf ("%d",ptoA);
  printf ("PONTOS DO TIME B \n");
  scanf ("%d",ptoB);
}
main (){

  int set,timea,timeb,vita,vitb;

  vita = vitb = 0;

  /* Sets normais */
  set=1;
  while (set < 5 && vita < 3 && vitb < 3){

	printf ("\nSET %d \n\n\n", set++);
	le_placar(&timea, &timeb);

	while (checa_set_normal(timea, timeb, 25) == 0){
	  printf ("\nINVALIDO\n");
	  le_placar(&timea, &timeb);
	}
	if(timea>timeb) vita++;
	else vitb++;
  }
  /* Tie brake */
  if (vita == vitb){
	set++;
	printf ("\nSET DECISIVO (TIE-BRAKE) \n\n\n");
	le_placar(&timea, &timeb);
	while (!checa_set_normal(timea, timeb, 15)){
	  printf ("\nINVALIDO\n");
	  le_placar(&timea, &timeb);
	}
	if(timea>timeb) vita++;
	else vitb++;
  }
	
  if (vita>vitb)
	printf(" \n TIME A VENCE!");
  else
	printf(" \n TIME B VENCE!");

  getch();
}

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

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?????

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.

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 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.

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

QUAL problema? A imagem não carrega? Verifica se o nome do arquivo e o caminho para a imagem estão corretos.

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

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

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á!

Esse método é exclusivo da Microsoft, e o firefox não suporta. Encontrei esse artigo, nem li, mas parece ser útil:

http://www.faqts.com....phtml/aid/5756

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?