Avatar billede rasmus_a Nybegynder
02. august 2003 - 02:05 Der er 12 kommentarer og
1 løsning

Flytte Tabeller/iFrames med mus

Hej

Kan nogle hjælpe mig med at lave det her script om til et script der kan flytte rundt med hele tabeller eller iframes? (med hvad de nu indeholder)

script: http://staff.washington.edu/larryg/Classes/R521/zz-test-dhtml2.html
Avatar billede roenving Novice
02. august 2003 - 02:17 #1
Har ikke lige kigget nærmere på den du linker til, men jeg havde denne liggende, er det schaefners ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Flyt tabel</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
nede = false;
x = y = 0;
function traek(obj) {
  if (nede) {
    obj.style.left = event.clientX - x;
    obj.style.top = event.clientY - y;
  }
}
</script>
</head>
<body>
<table onMouseDown="x = event.offsetX; y = event.offsetY; nede = true;" onMouseUp="nede = false;" onMouseOut="nede = false;" onMouseMove="traek(this);" onSelectStart="return false;" style="position: absolute; cursor: hand;">
<tr>
<td style="background-color: #FFFF00;">
Bla bla<br />
Bla bla bla
</td>
</tr>
</table>
</body>
</html>
Avatar billede rasmus_a Nybegynder
02. august 2003 - 02:48 #2
det virker bare rigtig godt. men når man tager markøren henover så bliver den til en hånd.. kan det laves om. så den altså forbliver en "pil" ?
mht til ovenstående link.. Hvordan laver man de flytbare billeder til links der virker? Det gør de jo ikke vha blot <a></a>
tak!
Avatar billede roenving Novice
02. august 2003 - 02:56 #3
Forbliver en musepointer:

style="position: absolute; cursor: default;">

-- men du bliver da nødt til at vælge om de skal være flytbare eller de skal være links ?-)
Avatar billede roenving Novice
02. august 2003 - 02:56 #4
For hvis du trykker musen ned på et link skifter den jo side før du når at flytte !-)
Avatar billede rasmus_a Nybegynder
02. august 2003 - 02:59 #5
jamen, ligesom i windoes. dobbeltklik = link, klik+hold = flyt :)
Avatar billede 3d Nybegynder
02. august 2003 - 03:01 #6
<html>
        <head>
        <title>Webbyen</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-store">
       
                <base target="_blank">
           
        </head>
        <link rel="stylesheet" type="text/css" href="webbyen.css">
        <body  background=../billed.asp?PrivatBilled=319876  bgcolor="#ffffff" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" rightmargin="0">
       
        <table width="98%" border="0" cellspacing="0" cellpadding="0" height="100%">
            <tr>
                <td width="100%" valign="top" height="100%">
                    <center>
                    <table border="0" width="100%" cellpadding="0" cellspacing="0" height="100%">
                        <tr>
                            <td width="100%" valign="top" height="100%">
                            <H1 align=center><FONT face="Comic Sans MS" color=#ffffff>By 3D</FONT></H1>
<P align=center>&nbsp;</P>
<SCRIPT language=Javascript1.2>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// Set the message for the alert box
am = "Nååå, Så Du Ville Se Html Koderne Til Denne Side Hva' ? Men Det Er Bare Synd For Jeg Vil Ikke Have At Folk Tager Mine Ting Som Jeg Har Liggende!";
// do not edit below this line
// ===========================
bV = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="MicroSuck Internet Explorer"
function nrc(e) {
if (bNS && e.which > 1){
alert(am)
return false
} else if (bIE && (event.button >1)) {
alert(am)
return false;
}
}
document.onmousedown = nrc;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (bNS && bV<5) window.onmousedown = nrc;
</SCRIPT>

<STYLE type=text/css><!--
A:link{color:#263442;text-decoration:none}
A:visited{color:#263442;text-decoration:none}
A:active{color:#263442;text-decoration:none}
A:hover{color:#B6C7D6;text-decoration:underline}
--></STYLE>

<STYLE>
<!--
.drag{position:relative;cursor:hand}
-->
</STYLE>

<P align=left><!--webbot bot="HTMLMarkup" startspan --></P>
<CENTER>
<DIV align=center>
<TABLE height=1 cellSpacing=0 cellPadding=0 width=861 border=0>
<TBODY>
<TR>
<TD vAlign=center width=410 height=454 rowSpan=7>&nbsp;<IMG class=drag height=83 src="http://www.eksperten.dk/img/recycle.gif" width=57 border=0><IMG class=drag height=83 src="http://www.eksperten.dk/img/recycle.gif" width=58 border=0><IMG class=drag height=83 <!--webbot bot="HTMLMarkup" endspan -->
<SCRIPT language=JavaScript1.2>

<!--

/*
Drag and Drop Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</SCRIPT>
                            </td>
                        </tr>
                    </table>
                    </center>
               
                    <!-- START RedMeasure V4 - CGI v1.1 $Revision: 1.2 $ -->
                    <!-- COPYRIGHT 2000 Red Sheriff Limited -->

                    <script language="JavaScript"><!--
                    var pCid="dk_interdania-dk_0";
                    var w0=1;
                    var refR=escape(document.referrer);
                    if (refR.length>=252) refR=refR.substring(0,252)+"...";
                    //--></script>
                    <script language="JavaScript1.1"><!--
                    var w0=0;
                    //--></script>
                    <script language="JavaScript1.1" src="http://server-dk.imrworldwide.com/c1.js">
                    </script>
                    <script language="JavaScript"><!--
                    if(w0){
                        document.write('<img src="http://server-dk.imrworldwide.com/cgi-bin/count?ref='+
                            refR+'&cid='+pCid+'" width=1 height=1>');
                    }
                    document.write("<COMMENT>");
                    //-->
                    </script>
                    <noscript>
                    <img src="http://server-dk.imrworldwide.com/cgi-bin/count?cid=dk_interdania-dk_0" width=1 height=1>
                    </noscript>
                    </COMMENT>

                    <!-- END RedMeasure V4 -->
                </td>
              </tr>
          </table>
                   
   
        </body>

        </html>
Avatar billede 3d Nybegynder
02. august 2003 - 03:02 #7
der hvor der står: http://www.eksperten.dk/img/recycle.gif Skal du selv Indsætte dit billed :) //<b>3D</b>
\\
Avatar billede 3d Nybegynder
02. august 2003 - 03:03 #8
Hvis mit spm er bedst! Så Skal jeg jo lige lave til Svar istedet for Kommentar :)
Avatar billede roenving Novice
02. august 2003 - 03:08 #9
<table onMouseDown="x = event.offsetX; y = event.offsetY; nede = true;" onMouseUp="nede = false;" onMouseOut="nede = false;" onMouseMove="traek(this);" onSelectStart="return false;" ondblclick="location.href='http://www.jegVilEtNytStedHen.com'" style="position: absolute; cursor: hand;">
Avatar billede roenving Novice
02. august 2003 - 03:08 #10
-- og sæ'fø'li' stadig cursor:default !-)
Avatar billede rasmus_a Nybegynder
02. august 2003 - 14:55 #11
mange tak roenving. det virker fint! :D smid et svar..
Avatar billede roenving Novice
02. august 2003 - 14:58 #12
Velbekomme '-)
Avatar billede roenving Novice
03. august 2003 - 12:48 #13
-- og tak for points ;~}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester