mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 20.04.2024 01:26 Benutzername: Passwort: Auto-Login

Thema: jQueryUI - Selektoren etc.. ? vom 26.01.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jQueryUI - Selektoren etc.. ?
Autor Nachricht
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 26.01.2011 12:48
Titel

jQueryUI - Selektoren etc.. ?

 Antworten mit Zitat Zum Seitenanfang
Hi Leute,

ich glaub ich steh gerade ein bisschen auf der Leitung...

Ich habe einen Tab Slider, der nun noch eine Erweiterung bekommen soll. Sobald ein Tab aktiv wird, soll er einem außerhalb stehenden dazugehörigen Textblock eine CSS Klasse zuweisen (.bordertop).
Code:
$(document).ready(function(){
   $("#teaser").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7500, true)
   $("#teaser").hover(
      function() {
         $("#teaser").tabs("rotate",0,true);
      },
      function() {
         $("#teaser").tabs("rotate",7000,true);
      }
   );
   
});


Irgendwelche Ideen, denn meine haben alle nicht funktioniert? Aber ich muss dazu sagen, dass ich mit der UI nich oft zu tun habe.

Dank & Grüße,
Smooth-Graphics
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Mi 26.01.2011 13:08
Titel

Antworten mit Zitat Zum Seitenanfang
steh wohl grad auf dem gleichen Schlauch. *ha ha*

Ungetestet, da grad kein jQuery UI zur Hand Lächel
Code:


   $("#teaser").hover(
      function() {
         $("this").tabs("rotate",0,true);
        $("this").addClass("bordertop");
      },
      function() {
         $("this").tabs("rotate",7000,true);
      }
   );


Zuletzt bearbeitet von immerIch am Mi 26.01.2011 13:11, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 26.01.2011 13:29
Titel

Antworten mit Zitat Zum Seitenanfang
Geht nicht. Soll aber ja auch nicht nur auf .hover reagieren sondern mit dem tabs() mitgehen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 26.01.2011 13:39
Titel

Antworten mit Zitat Zum Seitenanfang
Zitat:
soll er einem außerhalb stehenden dazugehörigen Textblock eine CSS Klasse zuweisen (.bordertop).


Bedeutet jetzt was genau? Ohne Markup ist es natürlich schwer dazu jetzt etwas genaueres zu sagen.



Ansonsten:


http://jqueryui.com/demos/tabs/

Zitat:
Events

A series of events fire when interacting with a tabs interface:

* tabsselect, tabsload, tabsshow (in that order)
* tabsadd, tabsremove
* tabsenable, tabsdisable

Event binding example:

$('#example').bind('tabsselect', function(event, ui) {

// Objects available in the function context:
ui.tab // anchor element of the selected (clicked) tab
ui.panel // element, that contains the selected/clicked tab contents
ui.index // zero-based index of the selected (clicked) tab

});



Zitat:
How to...

...retrieve the index of the currently selected tab

var $tabs = $('#example').tabs();
var selected = $tabs.tabs('option', 'selected'); // => 0


Zuletzt bearbeitet von m am Mi 26.01.2011 13:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mi 26.01.2011 13:41
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

var $tabs = $('#teaser').tabs();
var selected = $tabs.tabs('option', 'selected');


keine Ahnung ob Dir selected jetzt das tab zurückgibt, wenn ja solltest Du ja damit umgehen können..
Erst allen Tabs die borderTop geben, und sie dem aktiven wieder klauen..
Ist zwar nicht die feinste Art, aber das ist meine Idee..

/e - Mist m war schneller

Zuletzt bearbeitet von DerM am Mi 26.01.2011 13:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 28.01.2011 19:40
Titel

Antworten mit Zitat Zum Seitenanfang
Wie sieht´s aus?- hast du dein Problem lösen können?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 28.01.2011 19:45
Titel

Antworten mit Zitat Zum Seitenanfang
m hat geschrieben:
Wie sieht´s aus?- hast du dein Problem lösen können?

Hey, nein, sorry. Ich bin leider noch überhaupt nicht dazugekommen, das wieder anzugehen. Mir kam was dazwischen. Ich poste natürlich dann (hoffentlich später oder zumdindest dieses WE noch) die Lösung.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB