Ergebnis 1 bis 6 von 6
  1. #1
    rrdesign ist offline Grünschnabel
    registriert
    26-09-2012
    Beiträge
    3

    Koordinaten eines divs abfragen

    Hallo zusammen,

    ich bin neu hier im Forum aber auch neu im Gebiet "JS"
    Ich hoffe das ihr mir bei meinem Problem helfen könnt.
    Ich habe bisher eine Navigation, die auf jquery path basiert.
    Hierfür benötige ich x und y koordinaten um mir einen Kreisförmigen Pfad erstellen zu lassen.
    Die navigation soll sich allerdings dynamisch verhalten (css: %).
    Nun müsste ich das Script so umbauen, dass das Script dynamisch die y koordinate des Divs einliest und diese ins Script einfließt.
    Ich hoffe ihr könnt mir da weiterhelfen. Vielen dank schonmal!


    Das Script sieht folgendermaßen aus:
    Code:
    <script type="text/javascript">
    
    
    /* ????	Diese Zeile ist mein Versuch das ganze zu bewerkstelligen */ var y = $(".wrapper").position().top + 40;
    
    $("document").ready(function () {
    
    $('.circle').mouseup(function () {
    
    $('#content .circle').each(function(i){
    var $theCircle = $(this);
    
    
    if($theCircle.css('opacity')==1)
    $theCircle.stop()
    .animate({
    path : new $.path.arc({
    center	: [19, 449], /*hier müsste die y koordinate dynamisch verändert werden */
    radius	: 179,
    start	: 65,
    end : -110,
    dir	: -1
    }),
    opacity: '0'
    },1500);
    else
    $theCircle.stop()
    .animate({opacity: '0'},200);
    })
    
    });
    });
    
    </script>
    <script type="text/javascript">
    $(function() {
    
    /* when page loads animate the about section by default */
    //move($('#about'),2000,2);
    
    $('#menu > a').mousedown(
    function(){
    var $this = $(this);
    move($this,800,1);
    }
    );
    
    /*
    function to animate / show one circle.
    speed is the time it takes to show the circle
    turns is the turns the circle gives around the big circle
    */
    function move($elem,speed,turns){
    var id = $elem.attr('id');
    var $circle = $('#circle_'+id);
    
    /* if hover the same one nothing happens */
    if($circle.css('opacity')==1)
    return;
    
    
    
    
    /*
    if there's a circle already, then let's remove it:
    either animate it in a circular movement or just fading out, depending on the current position of it
    */
    $('#content .circle').each(function(i){
    var $theCircle = $(this);
    if($theCircle.css('opacity')==1)
    $theCircle.stop()
    .animate({
    path : new $.path.arc({
    center	: [19, 449], /*hier müsste die y koordinate dynamisch verändert werden */
    radius	: 179,
    start	: 65,
    end : -110,
    dir	: -1
    }),
    opacity: '0'
    },1500);
    else
    $theCircle.stop()
    .animate({opacity: '0'},200);
    });
    
    /* make the circle appear in a circular movement */
    var end = 75 - 360 * (turns-1);
    $circle.stop()
    .animate({
    path : new $.path.arc({
    center	: [19, 449], /*hier müsste die y koordinate dynamisch verändert werden */
    radius	: 179,
    start	: 180,
    end	 : end,
    dir	 : -1
    }),
    opacity: '1'
    },speed);
    }
    });
    
    
    </script>
    Geändert von rrdesign (26-09-2012 um 13:47 Uhr)

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.751

    AW: JS Anfängerfrage

    Das sollte schon so funktioniert... NUR musst du die Abfrage natürlich machen, nachdem das Dokument fertig geladen ist. Also in dem $(document).ready()-Teil.

  3. #3
    rrdesign ist offline Grünschnabel
    registriert
    26-09-2012
    Beiträge
    3

    AW: JS Anfängerfrage

    Zitat Zitat von kkapsner Beitrag anzeigen
    Das sollte schon so funktioniert... NUR musst du die Abfrage natürlich machen, nachdem das Dokument fertig geladen ist. Also in dem $(document).ready()-Teil.
    Vielen dank schonmal! Aber da bin ich schon überfordert. Bin noch ganz am Anfang... Könntest du mir genauer sagen wie ich da weiterkomme?
    Ich weiß auch nicht genau wie der syntax lautet um die Koordinate unter "center" einzufügen. Danke schonmal!

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.751

    AW: JS Anfängerfrage

    Du kannst unter "center" einfach y anstatt der Zahl schreiben, wenn du die Variable vorher definiert hast.

  5. #5
    rrdesign ist offline Grünschnabel
    registriert
    26-09-2012
    Beiträge
    3

    AW: JS Anfängerfrage

    Vielen dank! Funktioniert.

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.751

    AW: JS Anfängerfrage

    Bitte - gern geschehen.

Ähnliche Themen

  1. Sorry Anfängerfrage
    Von lausbub im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 12-08-2009, 13:47
  2. Anfängerfrage
    Von Hawk63 im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 28-04-2006, 15:19
  3. Anfängerfrage PHP -> JS
    Von Denny5 im Forum Serverseitige Programmierung
    Antworten: 6
    Letzter Beitrag: 03-03-2006, 15:40
  4. Anfängerfrage
    Von DerColler im Forum JavaScript
    Antworten: 20
    Letzter Beitrag: 08-01-2006, 15:32

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •