Søg
Avatar billede dar Nybegynder
10. juni 2000 - 18:27 Der er 5 kommentarer og
1 løsning

Flyt billed

Er der nogen der har/ gider lave et simpelt script hvor man bare skal kunne flytte rudt på et billed. Og det skal ikke være et eller andet vildt-avanceret-super-javascript-ekspert-script som ingen har en chance for at forstå.
Avatar billede olebole Juniormester
10. juni 2000 - 18:59 #1
<ole>
dar ingen vej udenom Dan Steinman:
    http://www.webtile.dk/dynduo/
...draggable layer. Det er lidt 'monster-script-agtigt', men det er afgjort der, din løsning ligger, dar...desværre! ;-)
Prøv nu selv først, så vil jeg gerne hjælpe, hvis du får problemer.
/Vh
</bole>
Avatar billede doeleman Nybegynder
10. juni 2000 - 19:48 #2
Dan Steinman findes på http://www.dansteinman.com/dynduo/
Avatar billede olebole Juniormester
10. juni 2000 - 19:54 #3
LOL...Undskyld...jeg havde noget MEGET andet i tankerne, kan jeg se...!!! ;-))))
Tak, doeleman ;-)
Avatar billede dar Nybegynder
11. juni 2000 - 17:15 #4
Den/det har jeg set 1000000 gange før og jeg fatter den stadig ikke! (Jajaja jeg er lidt dum til javascript ;)
Er der ikke nogen der gidder skære alt det overflødige af så der kun er det der gør at man kan flytte rundt på billedet tilbage?
Jeg kan godt punge op med nogle flere point hvis det skal være.
Jeg vil blot have et nogenlunde enkelt script der som det eneste skal sørge for at man skal kunne flytte rundt på ét billed.
Avatar billede olebole Juniormester
11. juni 2000 - 19:53 #5
"Jeg vil blot have et nogenlunde enkelt script..." Ak ja, dar...wouldn't we all...??? ;-))
Smut op hos Dan Steinman og hent de tre JavaScript-filer (etEllerAndet.js), så er du kørende med det her:

<html>
<head>
<script language="JavaScript" src="dynlayer.js"></script>
<script language="JavaScript" src="mouseevents.js"></script>
<script language="JavaScript" src="drag.js"></script>

<script language="JavaScript">
function init() {
        // initialize DynLayers
        DynLayerInit()
        drag.resort = false
        // add the draggable layers to the drag object
        drag.add(pic)

        initMouseEvents()
       
        pic.show();
}
</script>

<style type="text/css">
<!--
#picDiv{ position:absolute; left:50; top:100; visibility:hidden; }
-->
</style>

</head>
<body bgcolor=white onload=init();>

<div id="picDiv"><img src=ditBillede.gif></div>

</body>
</html>
Avatar billede dar Nybegynder
12. juni 2000 - 13:41 #6
Nu har jeg taget mig sammen til at bikse noget sammen selv!
Det er sikkert ikke særligt godt.
Ej heller crossbrowser.
MEN: det er enkelt og det kan hvad jeg skal bruge det til!

<html>
<head>
<script>
md= 0;

function mdown() {
md = 1;
document.onmousemove = mmove
}

function mup() {
md= 0;
}

function mmove(e) {
if (md == 1) {
    flyingdiv.style.left = event.x;
    flyingdiv.style.top = event.y;
}else return false;
}

</script>
</head>
<body onmousedown="mdown()" onmouseup="mup()">
<div id="flyingdiv" style="position: relative; background-color:000000;width:100;height:100;"></div>
</body>
</html>
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »