php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Thema geschlossen
 
LinkBack Themen-Optionen Thema bewerten
Alt 16.03.2011, 16:21  
Neuer Benutzer
 
Registriert seit: 07.11.2009
Beiträge: 10
PHP-Kenntnisse:
Fortgeschritten
jans befindet sich auf einem aufstrebenden Ast
Standard Elemente Quer Bewegen

Hi JS'er,

hab heute nochmal ne frage, bezüglich auf das 'Fliegen' von Elementen!
und zwar ist das bisher mein code:

Code:
moveTo : function(x, y, spd, el) {
              var el = el || this.el, ap = [], p = null, spd = spd || 2;
              p = $(el.id).getCSSParams();
              ap = [p.left, p.top];
              
              if(ap[0] != x) {
                   nx = setInterval(function() {
                        $(el.id).css('left', ap[0]);
                        
                        if(ap[0] < x) {
                             ap[0]++;
                             ap[0]++;
                        }
                        if(ap[0] > x) {
                             ap[0]--;
                             ap[0]--;
                        }
                        if(ap[0] == x) {
                             $clear(nx);
                        }
                   }, spd);
              }
              if(ap[1] != y) {
                   ny = setInterval(function() {
                        $(el.id).css('top', ap[1]);
                        
                        if(ap[1] < y) {
                             ap[1]++;
                             ap[1]++;
                        }
                        if(ap[1] > y) {
                             ap[1]--;
                             ap[1]--;
                        }
                        if(ap[1] == y) {
                             $clear(ny);
                        }
                   }, spd);
              }
         }
das is nur ein teil von meinem riesen-code, den ich besser nicht poste ! Soweit funktioniert alles....

Ich möchte aber das die dinger quer fliegen !
Höffe ihr könnt euch vorstellen wie ich das meine ^^

Vielen dank schonmal im Voraus
jan

*PS: ich möchte keine frameworks benutzen, weil ich selber eins mache! Die Funktion $ habe ich selber geschrieben!
Erläuterung der anderen Funktionen:
.getCSSParams() - Gibt halt left, top, position, etc. zurück
.css(a, b || OBJECT) - Ändert css, entweder setzt er a auf b, oder die im Object erhaltenen namen so!
.el - Ist das ausgewählte Element (als normales HTMLDivElement)
$clear() - löscht einen Interval | also wie clearInterval

Die Funktion moveTo ist teil von $, kann also auch mit this anwählen ^^

Geändert von jans (16.03.2011 um 16:24 Uhr).
jans ist offline  
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 17.03.2011, 10:04  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard

Zitat:
Ich möchte aber das die dinger quer fliegen !
Höffe ihr könnt euch vorstellen wie ich das meine ^^
Gut, bitte sehr, dann möchte ich was auf Basis von Mr.Doobs Threejs sehen (schaus dir mit FF4/Chromium an).

Wirklich präzise ist deine Fragestellung ja nicht. Wenn du "einfache" animationen haben möchtest, kannst du dir den source von jQuery.animate (such nach "animate:") rauskopieren, allerdings wirst du dabei die halbe jQuery lib in dein $ portieren müssen. Für Effekte kannst du dir jquery easing ansehen.

Hier noch ein paar paar dojo-Beispiele.

Wenns css3 Transitions sein sollen, schau mal bei jquery mobile vorbei.


Das ganze ist jetzt einfach ne willkürliche Auswahl an Vorlagen (das von Dojo ist so nach dem Motto "a bisserl mehr von der Groben Fetten bitte").

grüße


Basti
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline  
Alt 17.03.2011, 15:27  
Neuer Benutzer
 
Registriert seit: 07.11.2009
Beiträge: 10
PHP-Kenntnisse:
Fortgeschritten
jans befindet sich auf einem aufstrebenden Ast
Standard

Danke für deine Antwort
aber ich wollte mir ja eigentlich nichts kopieren
und wenn ich dann noch die halbe jquery lib kopieren soll.. eher nicht

Deshalb wäre es cool wenn mir einer ein Tut oder den vlt. sogar verändern könnte

jan
PS: Die Seite da mit Minecraft ist ja echt cooooollll ! Also wer sowas programmiert, kann meiner Meinung nach echt stolz sein! Das ist Javascript und der Typ hat damit eine 3d Welt gemacht
Das find ich schon echt cool!
jans ist offline  
Alt 17.03.2011, 16:07  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard

Dann musste da alleine durch. Sorry, aber:
Ich-will-das-selbst-schaffen-Attitüde

Wenn du präziser nachfragst, kann ich dir gerne mit paar Links weiterhelfen. Nur weiß ich nicht, WO dein Problem ist.
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline  
Alt 17.03.2011, 16:26  
Neuer Benutzer
 
Registriert seit: 07.11.2009
Beiträge: 10
PHP-Kenntnisse:
Fortgeschritten
jans befindet sich auf einem aufstrebenden Ast
Standard

Hi

Habe mal einen 'kleinen' Vergleich gemacht. Habe beiden den selben Auftrag gegeben, das sie nach left:500 und top:100 'fliegen' sollen!
Aber bei jQuery fliegt das ding 'quer'. Schwer zu erklären, aber beim Beispiel ist das zu sehn!

Hier der Unterschied

Hoffe ihr könnt mir ein Tutorial geben (oder meinen Script verändern).

jan
jans ist offline  
Alt 18.03.2011, 00:28  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Zitat:
und wenn ich dann noch die halbe jquery lib kopieren soll.. eher nicht

Deshalb wäre es cool wenn mir einer ein Tut oder den vlt. sogar verändern könnte
Ist ja wohl ein schlechter Witz. Was fertiges ist Dir zu doof, aber für was eigenes willst Du andere anheuern. Gehts noch?

[MOD: Thread geschlossen]
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline  
Thema geschlossen


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
php XML Elemente aus URL herausfinden patrick89 PHP Einsteiger 8 25.01.2011 15:30
Best Practice jQuery -> DOM Elemente Ansprechen da.eXecutoR JavaScript, Ajax und mehr 9 08.01.2011 16:12
[Erledigt] Mehrdimensionales Array mit unterschiedlich viele Elemente chandlerP JavaScript, Ajax und mehr 4 05.01.2011 08:20
[Erledigt] Dynamische Elemente (createElement) per CSS ansprechen Arne Drews JavaScript, Ajax und mehr 6 01.09.2010 21:52
Elemente aus erzeugtem Array aussortieren und weiter verarbeiten bello_1234 PHP Tipps 2010 9 18.06.2010 19:45
Elemente bewegen mit Javascript - Fehler?! zugort JavaScript, Ajax und mehr 7 08.12.2009 13:39
[Erledigt] Leere Elemente aus Array löschen coram PHP Tipps 2009 4 29.06.2009 20:01
[Erledigt] css Elemente mehrfach bezeichnen Shen HTML, Usability und Barrierefreiheit 5 03.06.2009 19:26
Listbox in der man Elemente verschieben kann Bronks JavaScript, Ajax und mehr 2 27.01.2009 14:03
[Erledigt] DIV Elemente Formatieren PHP-Newcomer HTML, Usability und Barrierefreiheit 7 20.10.2008 22:27
Welche Elemente B sind ähnlich dem Element A Anwender27 Scriptbörse 7 01.05.2008 11:45
[Erledigt] XML mit PHP - alles weg bis auf die veränderten Elemente? PHP-Fortgeschrittene 2 22.06.2005 18:39
einzelne elemente eines arrays gehn verloren bei "inclu PHP Tipps 2005 2 16.03.2005 23:32
Array Elemente auf Inhalt prüfen PHP Tipps 2004 6 25.09.2004 11:38
Alle dynamisch erstellen Elemente verschicken HTML, Usability und Barrierefreiheit 3 23.09.2004 15:38

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
jquery fliegen, jqery elemente fliegen, javascript elemente verschieben, div dynamisch mitbewegen css3, objekte dynamisch bewegen javascript tutorial, css3 fliegen in seite, java script elemente bewegen, html element querformat, jquery div fliegt davon, jquery moveto div, html elemente dynamisch bewegen, mootools element dynamisch bewegen, jquery ein bild mit moveto von xy nach xy, div element von a nach b fliegen, jquery div elemente dynamischen bewegen, jquery divs bewegen tutorial, php element bewegen, php bewegen, jquery querformat erkennen tutorial, css3 elemente fliegen

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:32 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum