Avatar billede webhest Nybegynder
02. januar 2004 - 03:33 Der er 5 kommentarer og
1 løsning

System hvor man rykker rundt med et billede!

Jeg ved ikke om det er for meget forlangt, men findes der nogle herinde der kan hjælpe mig med at lave en kode så man kan rykke rundt med et billede..!

For at forklare lidt, lidt ligesom xup.dk hvor man har en figur når man opretter sig! Så kan man bevæge sig rundt i et rum med den figur..!

Er det noget i kan lave herinde?
Jeg kunne virkelig godt bruge sådan noget, og det SKAL være i javascript!

Evt. et sted hvor man kan hente sådan et script?
Det behøves bare at være simpelt, jeg tror godt jeg selv kan kode resten (php)!
Avatar billede olebole Juniormester
02. januar 2004 - 03:43 #1
<ole>

Du kan blot bruge et billede med CSS-klassen 'drag' i stedet for span'et:

<html>
<head>
<style type="text/css">
.drag {
    position: relative;
    font-family: verdana;
    font-size: 12px;
    color: black;
    padding: 10px;
    border: 1px solid black;
    cursor: move;
}
</style>
<script language="JavaScript1.2">
<!--

//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and terms of usage,
//visit http://www.dynamicdrive.com

var ie=document.all
var ns6=document.getElementById&&!document.all

var dragapproved=false
var z,x,y

function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
</head>
<body>

<span class="drag">En tekst</span>

</body>
</html>

/mvh
</bole>
Avatar billede webhest Nybegynder
02. januar 2004 - 03:51 #2
Det er ikke sådan et system...ellers ret fedt!
MEN!
Det skal være så man kan bevæge sig rundt i en tabel der består af width = 400 og height 300 eller sådan noget!
Så er der nogle felter man kan klikke på og så bevæger billedet sig derhen!
Avatar billede olebole Juniormester
02. januar 2004 - 04:01 #3
Jeg tror, du skal gøre dig selv - og os andre - den tjeneste at forklare præcis, hvad det er, du ønsker. Ellers spilder du blot din og vores tid.
/mvh
Avatar billede webhest Nybegynder
02. januar 2004 - 04:06 #4
Okay..!
www.xup.dk, www.hotelchat.dk!
2 eksempler!
Det er det som bliver kaldt "3dchatte" men er i virkeligheden kun "2d chatte"!
Man opretter en bruger og får en standard figur (billede), når man så logger ind på chatten, kommer man ind i et slags 3d rum, hvor man kan rykke rundt med sin figur (billede) og skrive beskeder!
Når andre brugere logger ind, kan jeg så selv se deres figur (billede) og nedenunder billedet står brugerens navn så!

Det var sådan set sådan noget jeg godt kunne tænke mig da jeg syntes det er ret sjovt, og jeg har en temlig god erfaring med php så mener godt jeg måske selv kan resten!
Avatar billede olebole Juniormester
02. januar 2004 - 04:13 #5
1. Jeg tillader mig at tvivler på det sidste. 99 ud af 100 af de chats, man ser, folk roder med i dette og andre fora er frygtelig dårligt og ineffektivt skrevet.

2. Jeg tror ikke, der er nogen, der gider skrive en sådan front for WebEscudos - så skal du vist have penge frem  :)
/mvh
Avatar billede webhest Nybegynder
02. januar 2004 - 04:17 #6
Okay :)...du får lige de point da du gad at bruge lidt tid på det her..!
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