kostenloser Webspace werbefrei: lima-city

Dollzmaker

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   nicole

   nicole hat kostenlosen Webspace.

   19:07, 22.7.2004

   Hi!
   
   Ich hab noch ein Problem: Ich habe nun den Code f?r einen Dollzmaker gefunden. Dadurch kann man die Bilder auf der Seite herumziehen. Nun w?rde ich aber gerne, dass man nicht das Bild, sondern eine Kopie herumzieht.
   Normalerweise klickt man auf das Bild und zieht es weg. So. Wenn man das Bild nun aber mehrere Male braucht, muss ich die Bilder mehrere Male in die Seite einf?gen. Ich m?chte aber nun, dass man auf das Bild klick und man eine Kope davon wegzieht. So ist dann das eingef?gte Bild immernoch an seinem Platz und man hat nun auf der Seite zwei dieser Bilder. So kann man von dem eingef?gten Bild beliebig viele Kopien ziehen und das Bild muss nicht mehrere Male eingef?gt werden.
   Ich w?rd gern eine Beispielseite angeben, damit man sehen kann, was ich meine, aber ich hab leider keine gefunden (deswegen frag ich hier im Forum, sonst h?tt ich ja auch im Quellcod egucken k?nnen...)...
   
   Hat das jemand verstanden und kann mir helfen?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. bixi400

   bixi400 hat kostenlosen Webspace.

   10:06, 24.7.2004

   Wenn du mir den Code gibst kann ich dir vielleicht helfen

4. bixi400

   bixi400 hat kostenlosen Webspace.

   10:19, 24.7.2004

   Wenn es dir weiterhilft:
   
   <img src="bild1.jpg" onmousedown="neuesbild('bild1.jpg',20,20);" style="position: absolute; left: 20; top: 20">
   <img src="bild2.jpg" onmousedown="neuesbild('bild2.jpg',65,20);" style="position: absolute; left: 65; top: 20">
   <script language="javascript">
   var a="'";
   function neuesbild(src,l,t) {
   var x = document.body.innerHTML;
   x = x + '<img src="'+src+'" onmousedown="neuesbild('+a+src+a+','+l+','+t+');" style="position: absolute; left: '+l+'; top: '+t+'">';
   document.body.innerHTML=x;
   }
   </script>
   
   in der Funktion "neuesbild" muss die Adresse des Bildes und die Position (l von links, r von rechts) angegeben werden. dann wird der HTML Code hinzufeg?gt.
5. Autor dieses Themas

   nicole

   nicole hat kostenlosen Webspace.

   12:13, 25.7.2004

   Dann muss ich ja die Position erst noch ausmessen
   
   Der Code sieht wie folgt aus:
   <style>
   <!--
   .drag{position:relative;cursor:hand}
   -->
   </style>
   <script language="JavaScript1.2">
   <!--
   
   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>

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?