Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
Lucca Fernandes

Como Posso usar um script dentro de uma table

Pergunta

Boa tarde, estou querendo usar um comando simples de JS que exibe um "alert" Quando a pessoa click em um determinado local do texto, mas meu código não está dando certo. Desde já agradeço XD
 

 

 

 

 

 

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

4 respostas a esta questão

Recommended Posts

Apresente o que já fez, para que possamos orientar ou corrigir conforme for necessário.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="utf-8"/>
	<title>Teste01</title>
	<script>
		function leiaMais () {
			alert ("Table Maior");

		} 
	</script>
	<style>
	table{
		float: right;
		margin: 50px 300px auto 0px;
		width: 65%;
		}

		th{
		 border: 0px solid #ffffff;
   		 color: #ffffff;
  		 text-align: center;
    	 font-family: Verdana, Arial, Helvetica;
    	 font-size: 14px;
   	 	 text-align: center;
   		 background-color: #007cc2;
		}
		td {
		border: 3px solid #ffffff;
		color: #5d5d5d;
		font-size: 14px;
		font-weight: normal;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #efeeee;
		text-align: center;
		table-layout: fixed;
		height: 300px;



		}
	</style>
</head>
<body>
	<div>
		<table>
			<tr>	
			<th>Publicação</th>
			<th>Abertura</th>
			<th>Obejeto</th>
			<th>Editar</th>
			<th>Comunicado</th>
			<th>ATA</th>

			<tr>
				<td>13/04/2018</td>
				<td>	26/04/2018   14:00</td>
				<td>Contratação de empresa para fornecimento de: equipamentos hidraúlicos, em atendimento a solicitação do engenheiro quimico, conforme specificado no TERMO DE REFERÊNCIA – (ANEXO I).<a href="#">Leia Mais...</a>	</td>
				<td>ARQUIVO</td>
				<td>Aguardando Publicação</td>
				<td>Aguardando Publicação</td>

			
			</tr>	
			</tr>
		</table>
	</div>

</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

E muito vago sua questão então vamos ao básico.

 

No caso aqui temos que ter um elemento#ID

No script faço: Quando o elemento#ID tal for clicado executar uma função:

<div id="exemplo">Clique em mim e ative a função</div>

<script>
document.getElementById('exemplo').onclick = function () {
    leiaMais();
}
</script>

 

Também pode ser feito direto no HTML

<div onclick="leiaMais();">Clique em mim e ative a função</div>

 

Exitem outras formas, mas vamos ficar só com isso aqui mesmo por enquanto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Brunorieper
      Boa tarde, meu site acabou sendo invadido e apos um breve estudo achei um redireccionamento <script>window.location.replace("https://cartoonmines.com/scount");window.location.href = "https://cartoonmines.com/scount";</script> porem não consigo saber onde está alguém já teve este problema? 
       
      Obrigado


    • Por babylon
      Ola amigos,
       
      Estava querendo criar algo para meu site, um botao igual do site abaixo para calcular formas de pagamento "ver formas de pagamento":
       
      https://www.chipart.com.br/pc-gamer-level-one-black-amd-3400g
       
      Segue imagem em anexo.
       
      Alguem poderia me ajudar se tem algum script algo pronto ou que ajude para abrir pop up modal?
       
      Obrigado a todos.
       
       

    • Por johngador5
      Olá pessoal, estou começando a estudar linguagens de programação. Tenho um grupo de amigos que gosta muito de jogar futebol, eu pensei em criar um sistema como o do cartola fc para a nossa pelada semanal, eu sei que algo como o cartola seria impossível, pois precisaria de uma equipe gigantesca, porém o que eu quero é algo simples mesmo, apenas para nosso uso. Eu queria saber o que estudar, os assuntos mais necessários. Não existe pressa para terminar esse projeto. Gostaria de aprender começando por um projeto como esse. Queria saber também se php é a linguagem mais indicada para um projeto como esse. Desculpem se falei alguma ignorância, o intuito é apenas aprender. Grato desde já por qualquer ajuda
    • Por lezão
      Boa tarde, a todos!
      encontrei esse codigo na internet esta sendo muito util, eu só tem um item q eu gostaria de mudar.
      e qnd entra na pagina naun aparecer o conteudo q esta em block, só aparecer qnd clicar na opção?
      veja como fica qnd entra na pagina:
      mostrar/ocultar.php
      <select id="tipo_pessoa" onchange="exibir_ocultar(this)"> <option value="Dinheiro">Dinheiro</option> <option value="Cartão">Cartão</option> </select> <br /><br /> <div id="Dinheiro">Troco Para?: <br /><input type="number"></div> <div id="Cartão">Aceitanos: <br /><img src="http://marmitexgranjaviana.com.br/wp-content/uploads/2020/07/aceitamos_todos_os_cart%C3%B5es_de_d%C3%A9bito_e_cr%C3%A9dito.png" width="400" height="100"/></div> <script type="text/javascript"> function exibir_ocultar(val) { if(val.value == 'Cartão') { document.getElementById('Dinheiro').style.display = 'none'; document.getElementById('Cartão').style.display = 'block'; } else { document.getElementById('Dinheiro').style.display = 'block'; document.getElementById('Cartão').style.display = 'none'; } }; </script>  
    • Por Rodrigo5468
      Olá, boa tarde!
       
      Eu estava procurando na internet, mas não obtive nenhum resultado significativo.
      Eu preciso de um script em php que converte os links do youtube para o formato .mp4. Como que eu posso fazer isso? Alguma dica?
      Quero que quando o usuário informa o link do youtube no input e clica no botão de converter baixe o vídeo e faz a conversão para .mp4 e fornece para o usuário o link convertido para .mp4.
       
       
      Obrigado desde já.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.