zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Abstand nach verschieben mit ui.position entfernen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.05.2015, 13:40
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2006
Ort: Berlin
Beiträge: 153
bolshi befindet sich auf einem aufstrebenden Ast
Standard Abstand nach verschieben mit ui.position entfernen

Hallo,

auf meiner Testsite werkelt ein jQuery-script, welches per ui.position bestimmte div's an die entsprechenden Stellen bringt:

Code:
(function ($) {
  Drupal.behaviors.moveDivsAtTheRightPlace= {
    attach: function (context, settings) {
      $( ".flexslider" ).position({
          my: "right bottom",
          at: "right bottom",
          of: ".region-main-upper"
      });
      $( "#block-superfish-1" ).position({
          my: "left bottom",
          at: "left bottom",
          of: ".region-main-upper"
      });
      $( ".views-field-field-image-logo" ).position({
          my: "left top",
          at: "left center",
          of: ".region-main-upper"


          //of: ".region.region-main-upper"
      });
    }
  };
})(jQuery);
Link Testsite

Blöderweise bleibt nach dem Verschieben des div's ein dicker oberer Rand, quasi der Abstand zwischen der ursprünglichen Position des div's und der neuen Position nach dem Verschieben.

Ben Alman beschreibt in seinem jQuery tutorial, wie per resize() die Höhe des div's auf 'normal' gebracht werden kann:

http://benalman.com/code/projects/jquery-resize/examples

Hab dann die obige Funktion um das folgende erweitert:

Code:
$('.flexslider-nav-container').resize();
Zumindest lässt sich das parent-div damit nich überreden zu seiner Normalhöhe zurückzufinden.

Auch kann ich noch nicht sagen, ob das parent-div der Grund für den breiten weißen Balken oberhalb des verschobenen div's ist.

Als nächstes probiere ich die oben verbliebenen div's per ui.position() auf dieselbe Höhe zu verschieben, wie ".flexslider", "#block-superfish-1" und ".views-field-field-image-logo".


Sollte jemand feststellen, dass ich auf dem Holzweg bin: Bitte lauthals rufen.
__________________
Gruß bolshi

Geändert von bolshi (16.05.2015 um 17:35 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.05.2015, 10:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Kannst du ein Beispiel posten wie du es gerne hättest? Ich kann keinen "dicken, oberen Rand" erkennen, wohl auch deshalb, weil ich nicht weiß, wo es zu Beginn ist.
Auch finde ich das Element flexslider-nav-container auf der Seite nicht?

btw: Mehrzahl S wird NIEMALS apostrophiert.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.05.2015, 12:24
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2006
Ort: Berlin
Beiträge: 153
bolshi befindet sich auf einem aufstrebenden Ast
Standard

Bin aus Zeitenge in Sachen jQuery beim Allernötigsten geblieben. Soweit ausreichend mit Twitter Bootstrap positioniert. Daher fehlt zurzeit der weiße Balken am oberen Rand.

Danke für dein deutsch-Tutorial
__________________
Gruß bolshi
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Div nicht über Rand verschieben xxchucki Javascript & Ajax 1 18.05.2012 18:56
Entfernen der Inhalte einer Auswahlliste vector Javascript & Ajax 4 19.07.2007 15:31
Tooltips verschieben Bilder Flouw CSS 5 26.03.2007 23:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:21 Uhr.