Ir para conteúdo

POWERED BY:

Arquivado

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

Victor Ferreira

[Resolvido] Trocar um elemento HTML de uma camada para outra

Por , em Javascript

Recommended Posts

Victor Ferreira    0

Victor Ferreira
Postado

Supondo o seguinte código:

 

<div id="temas">
      	<div id="ofertadas">
        	<div id="tema1" onclick="organizaTemas(this);">Tema 1</div>
                <div id="tema2" onclick="organizaTemas(this);">Tema 2</div>
                <div id="tema3" onclick="organizaTemas(this);">Tema 3</div>
        </div>
        
        <div id="escolhidas">
        </div>
 </div>

Existe uam forma de levar todas as divs, tema1, tema2 e tema3 que estão na div "fertadas" para a div "escolhidas"?

 

Digo, uma forma simples, usando pouco código. talvez um método que eu nao conheça.

 

Porque eu tenho um plano em mente que é pegar o texto interno de cada uma dessas divs, e criar dinamicamente divs com o conteudo das de cima embaixo. ai o que aconteceria: eu organizaria tudo num array, e sairia jogando innerHTML com javascript embutido, porque ao clicar na de baixo, elas deveriam se reorganizar. ou seja: trabalho de um dia inteiro (ou mais) pra quem nao tem lá tanta experiencia na linguagem que é o meu caso. mas se tiver uma forma fácil de fazer isso, tipo um método nativo que já esteja preparado, ai era só criar uma função, e tá pronto.

 

alguém dá aquela força, por favor?

 

abração!

 

@EDIT

RESOLVI

 

<script>
	
	function organizaTemas(obj){
		var ofertadas = document.getElementById('ofertadas');
		var escolhidas = document.getElementById('escolhidas');
		
		if(obj.parentNode.id=="ofertadas")	escolhidas.appendChild(obj);
		else ofertadas.appendChild(obj);
	}
	
	</script>

</head>

<body>
	
    <div id="temas">
    	<div id="ofertadas">
        	<div id="tema1" onclick="organizaTemas(this);">Tema 1</div>
			<div id="tema2" onclick="organizaTemas(this);">Tema 2</div>
			<div id="tema3" onclick="organizaTemas(this);">Tema 3</div>
		</div>
        
        <div id="escolhidas" style="position:absolute; top:200px; width:500px; height:500px;">
        </div>
    </div>

</body>
</html>

me achei. postei até o meu código pros amigos que quiserem ver a solução (embora seja problema meu, nao dá pra apagar, então que vire utilidade pública).

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

Essa é a ideia do forum

 

Por mais que tenha resolvido só é muito útil postar a solução para a comunidade

 

Parabéns

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