Ir para conteúdo

POWERED BY:

Arquivado

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

diasgabrie

mover divs

Por , em Javascript

Recommended Posts

diasgabrie    0

diasgabrie
Postado

Olá amigos,

 

peguei na net um script para mover divs.

 

Porém quando coloco em minha página da erro quando mexo na barra de rolagem.

 

Percebi que o script funciona bem quando retido o <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

 

porém ao fazer isso, minhas divs ficam todas tortas. Como posso contornar este problema?

 

obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Qual erro dá qndo você meche na barra de rolagem ?

Poste o script, ou um link para o site.

Compartilhar este post

Link para o post
Compartilhar em outros sites

diasgabrie    0

diasgabrie
Postado

olá amigos, vou postar a página toda

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>

<link href="style.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
.dragme{position:relative;}
-->
</style>

<script type="text/javascript">
<!-- This script and many more are available free online at -->
<!-- Created by: elouai.com -->
<!-- Início

var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
	dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
	dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
	return false;
  }
}

function selectmouse(e)
{
  var fobj	   = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
	fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
	isdrag = true;
	dobj = fobj;
	tx = parseInt(dobj.style.left+0);
	ty = parseInt(dobj.style.top+0);
	x = nn6 ? e.clientX : event.clientX;
	y = nn6 ? e.clientY : event.clientY;
	document.onmousemove=movemouse;
	return false;
  }

}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");
//  Fim -->

</script>

	</head>
	<body>

	<div id="tudo">

		<div id="topo" align="center">

			<?php include("banner.php");?>

		</div>




		<div id="conteudo" align=center>


<head>

</head>

<body>

 <div class="dragme" style="float:left; width: 98%; height: 220px" id="divs">
 <div style="width: 100%" id="titulo">
  Bem-vindo!
 </div>
	 <?php include("welcome.php");?>
 </div>

 <div class="dragme" style="float:left; margin-top:30px; width: 48%; height: 400px" id="divs">
 <div style="width: 100%" id="titulo">
  Destaques
 </div>
	 <?php include("destaques.php");?>
 </div>


 <div class="dragme" style="float:right; margin-top:30px; width: 48%; height: 400px" id="divs">
 <div style="width: 100%" id="titulo">
  Assinantes:
 </div>

	 <?php include("assinantes.php");?>

 </div>


 <div class="dragme" style="float:right; margin-top:30px; width: 48%; height: 400px" id="divs">
 <div style="width: 100%" id="titulo">
  Tops de Hoje
 </div>

	 <?php include("maisvisitadoshj.php");?>

 </div>


 <div class="dragme" style="float:left; width: 48%; margin-top:30px; height: 400px" id="divs">
 <div style="width: 100%" id="titulo">
  Últimas Atualizações
 </div>

	 <?php include("ultimas.php");?>

 </div>


 <div class="dragme" style="float:right; width: 48%; height: 300px; margin-top:30px" id="divs">
 <div style="width: 100%" id="titulo">
  Publicidade
 </div>

 </div>



 <div class="dragme" style="float:left; width: 48%; height: 200px; margin-top:30px" id="divs">
 <div style="width: 100%" id="titulo">
  Oficiais
 </div>

	 <?php include("oficiais.php");?>

 </div>


</div>
	  



		<div style="margin-top:30px" id="rodape"><p><center>® Todos os direitos reservados | <a href="contrato.php">Termos de uso</center></a></p></div>

</body>

</html>

 

no internet explorer da erro quando tento clicar na barra de rolagem do navegador na linha 38 caractere 3. ao remover o <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> o script funciona normal, mas minha pagina fica toda torta.

 

obrigada

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