Ir para conteúdo

POWERED BY:

Arquivado

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

ScornInPC

Mover tamanho da tabela

Por , em Javascript

Recommended Posts

ScornInPC    1

ScornInPC
Postado

ola pessoal, to querendo fazer o seguinte: tenho uma tabela desse jeito aqui

 

Imagem Postada

 

quero mover o tamanho da tabela na horizontal, igual a um frame entende?

 

porem no firefox a propriedade event para poder pegar a posição do mouse naum funciona, entuam naum consigo nem começar a fazer uns testes, alguem tem uma solução pra isso???

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

achei a posição nos 2 browsers =Dagora vo almoçar e fazer uns teste de como mover o tamanho dessa tabela, se alguem tiver uma idéia, postem por favor

Compartilhar este post

Link para o post
Compartilhar em outros sites

filipescoob    1

filipescoob
Postado

achei a posição nos 2 browsers =Dagora vo almoçar e fazer uns teste de como mover o tamanho dessa tabela, se alguem tiver uma idéia, postem por favor

Mostra ai como pegou esta possição!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

ai segue um codigo completo

 

<html>  <head>	<title></title>	<style>	   body {		  margin: 0px;	   }	</style>	<script>	function tip(myEvent)	{	   var Area = document.getElementById('teste');	   Area.innerHTML = myEvent.clientX + "x" + (myEvent.clientY);	}	</script>  </head>  <body onMouseMove="tip(event);">	<table border="0" cellpadding="0" cellspacing="0" width="100%">	  <tr>		<td width="100%" height="100" valign="top"></td>	  </tr>	  <tr>		<td width="100%" valign="top">		  <table border="1" cellpadding="0" cellspacing="0" width="100%" height="267">			<tr>			  <td width="22%"> </td>			  <td> </td>			</tr>		  </table>		</td>	  </tr>	</table>	<span id="teste"></span>  </body></html>

ta cheio de bobeiras pq to fazendo os teste beleza?? mais a função que pega a posição é a tip ai

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

haheuaha sintaum o poder do JS auehuaheuae muito show

 

<html>  <head>	<title></title>	<style>	   body {		  margin: 0px;	   }	</style>	<script>	var Movendo = 0;		function MoverBordaTabela(e)	{	   if(Movendo == 1)	   {		  document.getElementById('borda_tabela').width = e.clientX;	   }	}		function PosicaoMouse(e)	{	   var Area = document.getElementById('teste');	   Area.innerHTML = e.clientX + "x" + e.clientY;	}	</script>  </head>  <body onMouseMove="PosicaoMouse(event); MoverBordaTabela(event);" onMouseUp="Movendo=0;">	<table border="0" cellpadding="0" cellspacing="0" width="100%">	  <tr>		<td width="100%" height="100" valign="top"></td>	  </tr>	  <tr>		<td width="100%" valign="top">		  <table border="1" cellpadding="0" cellspacing="0" width="100%" height="267">			<tr>			  <td width="22%" id="borda_tabela"> </td>			  <td width="2" onMouseDown="Movendo=1" style="cursor: w-resize"> </td>			  <td> </td>			</tr>		  </table>		</td>	  </tr>	</table>	<span id="teste"></span>  </body></html>

o problema agora é que ele seleciona aquele pedaço (celula), a celula do meio fica selecionada quando eu paro de mexer

 

meu fico muito bom, deem uma olhada, cliquem na celula fininha do meio e percebam o cursor muda, é pra mecher a tabela, olhem =D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito