Søg
Avatar billede syncroniq Nybegynder
20. november 2006 - 12:51 Der er 4 kommentarer og
1 løsning

Div possition i Iframe editor

Hey,

Hvis jeg smider et DIV tag in med noget tekst, vil jeg gerne kunne flytte det med musen. Jeg er ved at lave en editor til noget tekst i en database, hvor indholdet ryger ned.

Er det mulig, og hvis, hvordan? Nogle eksempler ville være lækre.

Det skal vel være absolute pos. og kunne man så lave det ved at den fulgte musens koordinater, eller kan man få properties ud via getelementbyid og så rette det ?

Al hjælp vil være kanon. Ved det måske er lidt svært, så jeg har sat lidt point på højkant :)
Avatar billede kinderaeg Nybegynder
20. november 2006 - 12:55 #1
http://www.dhtmlcentral.com/
Avatar billede syncroniq Nybegynder
20. november 2006 - 14:33 #2
Hey,

Jeg har det her kode, men når jeg prøver og resize med musen, flytter den jo af gode grunde min div. Nogle der lige ved hvordan den klares?

<html>
<head></head>

<body contentEditable=true>
<script type="text/javascript">
<!--
var moving=false
var IE=document.all
function Dragnow(e){
  curposx=(IE ? event.clientX : e.pageX) // Cursorx Start Position
  curposy=(IE ? event.clientY : e.pageY) // Cursory Start Position
  objectx=parseInt(document.getElementById("moveobject").style.left) // Objectx Start Position
  objecty=parseInt(document.getElementById("moveobject").style.top) // Objecty Start Position
  moving=true
  document.onmousemove=Moveto
}

function Moveto(e){
  xx=(IE ? event.clientX : e.pageX)
  yy=(IE ? event.clientY : e.pageY)
  if (moving==true){
    document.getElementById("moveobject").style.left=xx-(curposx-objectx) // Objectx New Position
    document.getElementById("moveobject").style.top=yy-(curposy-objecty) //Objecty New Position
    return false
  }
}
// -->
</script>

<DIV id=moveobject contentEditable=true style="position:absolute; left:245px; top: 115px; " onmousedown="Dragnow(event)" onmouseup="moving=false">Move This Object</DIV>
</body>
</html>
Avatar billede kinderaeg Nybegynder
20. november 2006 - 15:56 #3
Du skal fange onresize og få den til at lade være med at flytte sig. Fx. som i nedenstående. Har bare lidt problemer når jeg slipper objektet efter det er lavet større :(

<html>
<head></head>

<body contentEditable=true>
<script type="text/javascript">
<!--
var moving=false;
var IE=document.all;
var resize = false;

function f1() {
  resize=true;
}

function Dragnow(e){
  curposx=(IE ? event.clientX : e.pageX) // Cursorx Start Position
  curposy=(IE ? event.clientY : e.pageY) // Cursory Start Position
  objectx=parseInt(document.getElementById("moveobject").style.left) // Objectx Start Position
  objecty=parseInt(document.getElementById("moveobject").style.top) // Objecty Start Position
  moving=true
  document.onmousemove=Moveto
}

function Moveto(e){
  if(!resize) {
  xx=(IE ? event.clientX : e.pageX)
    yy=(IE ? event.clientY : e.pageY)
    if (moving==true){
      document.getElementById("moveobject").style.left=xx-(curposx-objectx) // Objectx New Position
      document.getElementById("moveobject").style.top=yy-(curposy-objecty) //Objecty New Position
      return false
    }
  } else {
    resize = false;
  }
}
// -->
</script>

<DIV id=moveobject contentEditable=true style="position:absolute; left:245px; top: 115px; " onresize="f1()" onmousedown="Dragnow(event)" onmouseup="moving=false; resize=false;">Move This Object</DIV>
</body>
</html>
Avatar billede syncroniq Nybegynder
21. november 2006 - 07:26 #4
Hey,

du har faktisk svaret på mit spørgsmål. Her er den fungerende kilde....

<html>
<head></head>

<body contentEditable=true>
<script type="text/javascript">
<!--
var moving=false;
var IE=document.all;
var resize = false;

function f1() {
  resize=true;
  moving=false;
}

function Dragnow(e){
  curposx=(IE ? event.clientX : e.pageX) // Cursorx Start Position
  curposy=(IE ? event.clientY : e.pageY) // Cursory Start Position
  objectx=parseInt(document.getElementById("moveobject").style.left) // Objectx Start Position
  objecty=parseInt(document.getElementById("moveobject").style.top) // Objecty Start Position
  moving=true
  document.onmousemove=Moveto
}

function Moveto(e){
  if(!resize) {
  xx=(IE ? event.clientX : e.pageX)
    yy=(IE ? event.clientY : e.pageY)
    if (moving==true){
      document.getElementById("moveobject").style.left=xx-(curposx-objectx) // Objectx New Position
      document.getElementById("moveobject").style.top=yy-(curposy-objecty) //Objecty New Position
      return false
    }
  } else {
    resize = false;
  }
}
// -->
</script>

<DIV id=moveobject contentEditable=true style="position:absolute; left:245px; top: 115px; " onresize="f1()" onmousedown="Dragnow(event)" onmouseup="moving=false; resize=false;">Move This Object</DIV>
</body>
</html>

Ligger du ikke et svar?
Avatar billede kinderaeg Nybegynder
21. november 2006 - 08:49 #5
Svar :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
System til bordreservation Af Strawberry i PHP 3 20/07/202611:23 31/07/202620:50
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP 18 29/01/202613:08 02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP 6 25/01/202620:06 30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP 1 20/01/202621:11 23/01/202618:04
MS Graph vis kalenderaftaler Af dane022 i PHP 0 06/11/202508:43 -
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
I går 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
White papers
Flere white papers »