tutorials.de Buch-Aktion 02/2012
Like Tree1Danke
  • 1 Beitrag von Quaese
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
296
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 30.08.10 13:21 #1
    kharn kharn ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    126
    Hallo zusammen.
    Ist es eigentlich möglich ein DIV an zu klicken und dann zu einem anderen DIV weich / smooth hin gescrollt zu werden?

    Es gibt ja das Plugin scrollTo, damit hab ichs ähnlich wie in diesem Thread probiert, aber leider ohne Erfolg :/

    Mein eigentliches Problem ist zwar das ich ein Accordion script benutze und die Inhalte ziemlich groß sind, so das wenn man die oberste Kategorie öfnet und dann die nächste wird die oberste geschlossen und die nächste geöffnet, danach steht der browser aber nicht am Anfang der geöffneten Kategorie (hoffe ihr versteht was ich meine).
    Nun würde ich gerne an das slideToggle mit dem ich die Kategorien öffne ein scrollto script hängen so daß wenn die inhalte alle geslide toggled sind die Seite zum Anfang der angeklickten Kategorie fährt.

    statisch wollte ichs schonmal so probieren (später soll natürlich die ID entsprechend dem angeklickten DIV geändert werden) aber selbst mit einer hard gecodeten DIV ID klappts nicht, hoffe ihr habt eine Idee:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14

        $(".cat_head").click(function(){
        curBox = $(this).parent();
        curBoxId = $(this).parent().attr("id");
        curHead = curBox.children(".cat_head");
        curContent = curBox.children(".cat_content");
        curBottom = curBox.children(".cat_bottom");
 
 
        curContent.slideToggle(250, function() {
            $.scrollTo("#motiondesign", {duration: 1000});
            }
        );
        $(".cat_content:visible").not(curContent).slideUp(250);
    });
     
    Zitieren Zitieren
  2. 30.08.10 19:58 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.440
    Hi,

    syntaktisch ist kein Fehler zu entdecken. In meinem Testdokument funktioniert es auch tadellos.
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

    <html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery.scrollTo.js" type="text/javascript"></script>
<script type="text/javascript">
  <!--
$(function(){
  $('.click_me').click(function(evt){
    $('#slide_me').slideToggle(250, function(){
      $.scrollTo('#get_me', {
        duration: 1000
      });
    });
  });
});
 //-->
</script>
</head>
<body>
<div class="click_me">click me</div>
<div id="slide_me" style="display: none; height: 2000px; background: #efefef; border: 1px solid #ccc;">Inhalt</div>
<div id="get_me">Hier bin ich</div>
<div class="click_me">click me</div>
</body>
</html>
    Um mehr sagen zu können, müsstest du mehr Informationen zur Verfügung stellen. Z.B. die zugehörige HTML-Passage oder eine Onlinevariante.

    Ciao
    Quaese
    kharn bedankt sich. 
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 06.09.10 23:11 #3
    kharn kharn ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    126
    Hey Jo danke hat geklappt
     
    Zitieren Zitieren
« mouseout wird innerhalb des Elements ausgeführt | Dynamisch generierten Formularfelder values zuweisen »

Ähnliche Themen

  1. Seitlich Scrollen in einem DIV
    Von Mavericklp im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 22.09.08, 16:43
  2. Hinweisblase / Message anzeigen beim Klicken oder drüber fahren bei einem Textfeld
    Von Blaubmania im Forum Visual Basic 6.0
    Antworten: 7
    Letzter Beitrag: 25.07.06, 14:39
  3. Anzeige in einem Textfeld nach Klicken auf eine Grafik
    Von gvlms im Forum Javascript & Ajax
    Antworten: 13
    Letzter Beitrag: 24.04.05, 19:15
  4. Von einem Fenster eine Methode in einem anderen Aufrufen
    Von Benzol im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 08.11.04, 10:45
  5. scrollen ohne klicken!?
    Von babone im Forum Flash Plattform
    Antworten: 10
    Letzter Beitrag: 01.03.03, 00:36