Você pode fazer a célula da tabela englobar uma div e colocar eventos onmouseover e onmouseout nela.
Exemplo:

<script type="text/javascript">
function muda (objeto, cor){
objeto.style.backgroundColor = cor
}
</script>

<table>
<tr>
<td>
<div id='teste' 
onmouseover="muda(this,'green')"
onmouseout="muda(this,'white')">
a
</div>
</td>
<td>
a
</td>
</tr>
</table>

Na verdade a parte que controla isso fica no código HTML. Procure por onmouseover na parte HTML desse menu e simplemente substitua por onclick.

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

Parece que o que você quer é uma máscara. Uso essa como referência, basta adaptar:
http://scriptbrasil....mp;#entry323596

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

É uma ótima oportunidade para aprender javascript.

Provavelmente você está usando um menu-dropdown para escolher os países. Procure pelo evento onChange.
Depois você pode usar uma div em branco. Acesse-a através de

getElementById('id_qualquer').innerHTML = "código HTML"

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

Esse método que o amigo citou é simples mesmo, veja a referência:
Visite meu sitehttp://support.internetconnection.net/CODE_LIBRARY/Javascript_Show_Hide.shtml

Como fazer um link que exibe na mesma página todo o texto logo após clicar?

Exemplo:

"Clique Aqui para Obter Infortmações"

E após clicar, aparece:

"Clique Aqui para Obter Infortmações
Bla bla bla
bla bla bla
bla bla bla
Clique Aqui para FECHAR"

Valew!

Você pode chamar essa função de verificação a cada vez que "ticar/desticar" um checkbox, colocando-a no onclick de cada checkbox.

Pra lidar com checkbox:
http://www.quirksmod....html#scheckbox

O resto é lógica

Olá pessoal!

Se alguem puder me judar, agradeceria. Acho que isso vai ser facil para o nivel de vcs.

Eu tenho um formulario (enquete) com 10 opções (checkbox). O usuario poderá selecionar apenas 4. ou seja, se ele selecionar 5, quero que apareça um alert do javascript dizendo que ele so pode selecionar 5 opções.

como eu faria pesoalw

abraços e obrigado

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?

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.

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?

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.

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

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

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?

A parte de css é fácil, o diferencial é o javascript que faz a mudança "on the fly", o que também não é complicado. Estude um pouco de Javascript e descubra as maravilhas que podem ser feitas. Acho que também tem seção envolvida aí é com o pessoal de php et al.

Não faço idéia como foi feito mas achei bem interessante, na página do yahoo na lateral direita abaixo de busca tem um link que estende até uma combo chamada "Opções da página" onde o usuário pode alterar a cor da página principal, não sei como isso é possível mas gostaria de saber se alguém sabe fazer isso com css.

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

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

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.

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.

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?

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.

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

onblur="valiref()"