mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 04:35 Benutzername: Passwort: Auto-Login

Thema: Div weicher öffnen per Transition vom 19.01.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div weicher öffnen per Transition
Seite: Zurück  1, 2
Autor Nachricht
memento

Dabei seit: 29.04.2013
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 22.01.2015 18:29
Titel

Antworten mit Zitat Zum Seitenanfang

ich weiß, dass das suchen nach solchen Lösungen manchmal ermüdend sein kann, ich habs dir mal schnell zusammengetippt: http://jsfiddle.net/wpmyvpq4/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
oakland-8
Threadersteller

Dabei seit: 26.01.2007
Ort: unten - schräg rechts
Alter: -
Geschlecht: Männlich
Verfasst Do 22.01.2015 22:08
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen, vielen Dank.
Ich war auch nicht ernsthaft an des Rätsels Lösung gekommen.
Dieser Tipp scheint jedoch das Richtige zu sein resp. in die richtige Richtung zu gehen. Probiere es morgen aus.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Fr 23.01.2015 10:18
Titel

Antworten mit Zitat Zum Seitenanfang

Das Problem ist einfach: ohne JavaScript lassen sich Elemente nur durch "Schummeln" dauerhaft (!) auf Klick triggern.
Zudem willst du laut deiner Struktur auf ein Element zugreifen, welches sich außerhalb des Elternelements des Links befindet - da CSS noch (!) nicht rückwärts denken kann, ist es schier unmöglich, das Ganze rein per CSS zu lösen.

Die einfachste Methode wäre, per JavaScript eine Klasse zu triggern, welche das Element faden/sliden/fancy erscheinen lässt.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
oakland-8
Threadersteller

Dabei seit: 26.01.2007
Ort: unten - schräg rechts
Alter: -
Geschlecht: Männlich
Verfasst Fr 23.01.2015 11:24
Titel

Antworten mit Zitat Zum Seitenanfang

Das leuchtet ein.
Mit JavaScript habe ich aber bis dato so meine Probleme, da muss ich erstmal suchen, wie ich das am besten anstelle...
Welche Suchbegriffe wären in diesem, meinem Fall die richtigen?
Herzliche Grüße,
...
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Fr 23.01.2015 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

oakland-8 hat geschrieben:
Mit JavaScript habe ich aber bis dato so meine Probleme ... Welche Suchbegriffe wären in diesem, meinem Fall die richtigen? ...


Mit jQuery:
Dom-Ready =>
selector.on('click', function() {
$(this).addClass('bla');
});

Vanilla-JS (IE10+ - Version):
Dom-Ready =>
selector.addEventListener('click', function() {
this.classList.add('bla');
});
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Fr 23.01.2015 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

Such nach dem was du tun willst, am besten in Englisch ...

'javascript switch class on click'


@fyll
Unsere Mütter haben uns nicht 9 Monate im Bauch herumgetragen damit wir einfach jQuery einbinden Grins
Ein Framework halte ich hier für überladen


Zuletzt bearbeitet von SimonDerDude am Fr 23.01.2015 12:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Fr 23.01.2015 12:28
Titel

Antworten mit Zitat Zum Seitenanfang

SimonDerDude hat geschrieben:

@fyll
Unsere Mütter haben uns nicht 9 Monate im Bauch herumgetragen damit wir einfach jQuery einbinden Grins
Ein Framework halte ich hier für überladen

Schon klar - deshalb tat mir das so weh, ohne wenigstens eine Vanilla-Heraugehensweise zu zeigen *zwinker*
In der Regel bleibt es aber ja nicht bei 3 Zeilen JS wenn man mal sieht, wie der Hase läuft - und irgendwann hilft jQuery dann auch mal ^^
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS-3 TRANSITION im IE
-moz-transition
[Javascript] Image Transition / Ein- und Ausblenden?
[TUT] - CSS3 Techniken Transform - Transition - Animate
hover befehl: mit transition und verlauf möglich?
[CSS3] Problem: transition durch :hover 'hakt'
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.