[Resolvido] Dropdown

12 de Dezembro de 2012

Boas,

Eu precisava muito da vossa ajuda para tentar resolver este problema que tenho.

Nunca progamei com javascript.

Estou a criar uma especie de tradutor por associação (as palavras já estão guardadas na base de dados).

O utilizador selecciona uma palavra na combobox e depois deverá aparecer a tradução guardada nessa palavra e mostrar. Isto deverá ocorrer sempre que a palvra mudar na combobox.

Agradecia se me podessem ajudar.

12 de Dezembro de 2012

Se nunca fizeste nada em javascript, a primeira coisa é procurar aprender.

12 de Dezembro de 2012

Começa por aqui: http://www.w3schools.com/js/tryit.asp?filename=tryjs_putdropdown

Mas tens muitos exemplos na internet e vais precisar de aprender um pouco sobre javascript.

12 de Dezembro de 2012

12 de Dezembro de 2012

jpaulino

Vi o exemplo do link é aquilo que preciso mas falta ser com os dados da base de dados. Eu por php consigo por os dados na combobox mas depois precisava de saber como conseguiria fazer com que o javascript va a bd buscar a tradução.

12 de Dezembro de 2012

O Javascript não vai buscar nada à BD. É um linguagem client side. Corre no browser.

PHP, Java e .NET correm no servidor - são server side.

No teu caso terás de recorrer a Ajax... o cliente (browser) faz o pedido com a palavra que quer ver traduzida (on dropdown change") e o sevidor responde (potencialmente em JSON). O cliente pega no resultado e coloca-o no local devido.

Usando jQuery a coisa fica mais fácil (o pedido Ajax, o parsing e a manipulação DOM).

12 de Dezembro de 2012

Eu estava a tentar utilizar este código

<?php

include('init.php');

?>

<!DOCTYPE html>
<html>
<head>
<script>
function palavra()
{
var mylist=document.getElementById("listaPalavra");
document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text;
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
	  <h1 align="center">Palavras:</h1>
	  <p align="center">
		<label for="listaPalavra"></label>
		<select name="Palavra" id="listaPalavra" onchange="palavra()">
	  <?php
	  $sql = "SELECT * FROM palavra";
	  $execuar = mysql_query($sql) or die(mysql_error());


	  while ($reg = mysql_fetch_array($execuar))
	  {				
	  ?>

  	   <option><?php echo $reg['palavraPort']?></option>

  	  <?php
  	   }
	  ?>

   	 </select>
	  </p>
<p>Your favorite browser is: <input type="text" id="favorite" size="20"></p>
</form>
</body>

</html>

Editado 12 de Dezembro de 2012 por apocsantos

12 de Dezembro de 2012

assim vais mandar o dicionário todo para o browser... isso poderá ser muiiiito pesado...

12 de Dezembro de 2012

mas fora esse pequeno/grande problema ele nao esta a aparecer no inputtextfield a palavra traduzida nem me aparece a palavra igual a que seleccionei

Editado 12 de Dezembro de 2012 por daniel_ffp

12 de Dezembro de 2012

coloca isso no JSFiddle para eu analisar.

mas mete dados de BD fictícios para não teres de fazer a query

12 de Dezembro de 2012

Com valores estaticos ele funciona mas quando ponho com os dados vindo da base de dados ele nao funciona o meu problema esta ai

12 de Dezembro de 2012

então faz assim.

coloca numa página nova o código abaixo
faz view source
cola aqui o resultado.


		<?php
			  $sql = "SELECT * FROM palavra";
			  $execuar = mysql_query($sql) or die(mysql_error());


			  while ($reg = mysql_fetch_array($execuar))
			  {							
			  ?>

			 <option><?php echo $reg['palavraPort']?></option>

			  <?php
	   }
	  ?>

já agora... não tens nenhum erro de JS na consola?

12 de Dezembro de 2012

O Javascript não vai buscar nada à BD. É um linguagem client side. Corre no browser.

sim e não

java é uma linguagem client-side, mas bem à pouco tempo passou ser possível fazer este tipo de brincadeiras:

https://cookbooks.adobe.com/post_Store_data_in_the_HTML5_SQLite_database-19115.html

13 de Dezembro de 2012

Naquele contexto e de acordo que a afirmação que ele fez (se a leres bem) imperava eu dizer isso. Por vezes, em nome da simplificação e da aprendizagem, há que sacrificar o purismo.

Mas sim, já vi que estás a par

De qualquer forma... o teu exemplo nem foi o melhor porque isso é uma BD sim mas ainda sim client side.

Um exemplo melhor seria o uso do Javascript em biliotecas server side como no CouchDB.

Mas é bem visto anyway

PS. Suponho que queiras ter dito Javascript e não Java

13 de Dezembro de 2012

Mas sim, já vi que estás a par

De qualquer forma... o teu exemplo nem foi o melhor porque isso é uma BD sim mas ainda sim client side.

Um exemplo melhor seria o uso do Javascript em biliotecas server side como no CouchDB.

era um contra exemplo da afirmação, uma BD client-side manipulada com javascript

não era solução ao pedido no post

PS. Suponho que queiras ter dito Javascript e não Java

sim, é o que dá responder em várias secções do fórum ....

13 de Dezembro de 2012

ok vou explorar isso que conhecia pouco. thx

13 de Dezembro de 2012

então faz assim.

coloca numa página nova o código abaixo

faz view source

cola aqui o resultado.
		<?php
			  $sql = "SELECT * FROM palavra";
			  $execuar = mysql_query($sql) or die(mysql_error());


			  while ($reg = mysql_fetch_array($execuar))
			  {							
			  ?>

			 <option><?php echo $reg['palavraPort']?></option>

			  <?php
	   }
	  ?>
já agora... não tens nenhum erro de JS na consola?

Depois de colocar o código num ficheiro não me aparece nada na página. Isto com o código que pustas-te.

Com o meu código ele motra a combobox com os valores da bd so nao consigo fazer uma function javascript que quando ele muda-se me mostra-se a palavar traduzida que se encontra na base de dados

13 de Dezembro de 2012

Com o meu código ele motra a combobox com os valores da bd so nao consigo fazer uma function javascript que quando ele muda-se me mostra-se a palavar traduzida que se encontra na base de dados

porque como te foi dito, javascript não comunica com a tua base de dados do lado do servidor.

tens agora que escolher

- mandar toda a informação para o cliente (mais simples mas pode se tornar pesado)

- pedir ao servidor a palavra traduzida a cada alteração do select (mais complicado, mas mais leve para o sistema)

depois de escolher, diz, que eu ou outro te apresentarão o que terás de fazer ou ler para resolver o teu problema

13 de Dezembro de 2012

eu neste momento vou buscar os dados todos do dicionário e passo para o cliente por isso para já vou continuar dessa forma.

Se me poderem ajudar agradecia

13 de Dezembro de 2012

à primeira vista pareces estar só a colocar a palavra e não o seu significado.

Editado 13 de Dezembro de 2012 por lsoares

13 de Dezembro de 2012

Sim nessa parte eu so quero mostrar a palavraPort e dpois quando alterar é que quero que va buscar a palavra traduzida à bd

13 de Dezembro de 2012

Sim nessa parte eu so quero mostrar a palavraPort e dpois quando alterar é que quero que va buscar a palavra traduzida à bd

AJAX

13 de Dezembro de 2012

Como eu e o HappyHippyHippo dissemos, o browser não consegue ir à BD assim à toa...

Se quiseres ir pela solução A que ele propôs (mandar a BD toda para o cliente) tens de colocar os dados em algum lado....

Ou usas uma BD client side (+ complexo), ou usas o método data() do jQuery associando o resultado a cada item (palavra).

Mas para isso tens de aprender um pouco de jQuery primeiro.

Se só quiseres usar Javascript tens de criar um mapa (hashmap) que faz de dicionário.

13 de Dezembro de 2012

<?php

include('init.php');

?>

<!DOCTYPE html>
<html>
<head>
<script>
function palavra()
{

var mylist=document.getElementById("listaPalavra");

var idPalav=mylist.options[mylist.selectedIndex].value;

<?php
$alun= "<script>document.write(idPalav)</script>";
$sql = "SELECT * FROM palavra WHERE idPalavra='$alun'";
$execuar = mysql_query($sql) or die(mysql_error());
$reg = mysql_fetch_array($execuar);


?>
document.getElementById("pTrad").value="<?php echo $reg['palavraIng'] ?>";
}
</script>
</head>
<body>
<form name="form1" method="post">
	  <h1 align="center">Palavras:</h1>
	  <p align="center">
		<label for="listaPalavra"></label>
		<select name="Palavras" id="listaPalavra" onchange="palavra()">
	  <option></option>
	  <?php
	  $sql = "SELECT * FROM palavra";
	  $execuar = mysql_query($sql) or die(mysql_error());


	  while ($reg = mysql_fetch_array($execuar))
	  {				
	  ?>

  	   <option value="<?php echo $reg['IdPalavra']?>"><?php echo $reg['palavraPort']?></option>

  	  <?php
  	   }
	  ?>

   	 </select>
	  </p>
<p align="center"><input type="text" id="pTrad" size="50" readonly></p>
</form>
</body>

</html>

Eu tentei da seguinte forma mas ele nao realiza a parte do php dentro do javascript

Não dá para realizar assim

13 de Dezembro de 2012

o problema de sempre ...

PHP : código executado no servidor de criação de conteúdo a ser enviado para o cliente

Javascript : código executado no browser(cliente) após recepção do conteúdo do servidor

+----------+              +------------------+
| Servidor |              | Browser(Cliente) |
|          |              |                  |
|  +-----+ |              |                  |
|  | PHP |<---- Pedido ---| +----+----------+|
|  |     |---- Resposta --->|HTML|Javascript||
|  +-----+ |              | +----+----------+|
+----------+              +------------------+

[Resolvido] Dropdown

Mensagens Recomendadas

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

yoda 138

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

jpaulino 97

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

HappyHippyHippo 1184

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

HappyHippyHippo 1184

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

HappyHippyHippo 1184

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

daniel_ffp 0

Partilhar esta mensagem

Ligação para a mensagem

Partilhar noutros sites

lsoares 4

Partilhar esta mensagem