Boxslide nach unten und nach links.

maikh · 26.10.2011, 09:00

Hallo ihr Profis.

Ich habe gerade ein wenig Brainstormin mit meinem Chef betrieben. (Hätte ich lieber nicht gemacht)
Also, wir haben ein 3-Spaltiges Layout, in der Mitte sind jeweils die Inhalte.

Da wir sehr viele Artikel auf den Seiten haben, möchte mein Chef das man
bei Klick auf eine bestimmte Rubrik eine Liste der Überschriften, mit jeweils
einem "button" zum Aufsliden.

So, jetzt zu meiner Frage. Er möchte jetzt folgendes:

Wenn ein User einen Artikel interessant findet und den komplett lesen möchte,
soll die box nach unten und gleichzeitig nach links aufsliden, so das die linke
Box überdeckt wird. Einen slide nach unten habe ich schon gemacht, das wäre nicht
das Problem. Aber wie soll es gehen das auch noch nach links geslidet wird. Vor allem
darf ja die linke box nicht "weggeschoben werden, sondern muss überdeckt werden.

Hat vielleicht jemand eine Idee für mihc oder eine Seite wo ich sowas in einer Art Tutorial nachlesen kann?

Gruß Maik.

P.s. Es wäre auch ok wenn zuerst nach unten und danach nach links geslidet wird oder andersrum.

rudygotya · 26.10.2011, 09:44

mit position und z-Index arbeiten, zum animieren z.b. http://api.jquery.com/queue/

maikh · 26.10.2011, 10:20

Habs jetzt so geregelt:

Bei OnClick mach ich einfach ne neue box mit position: absolut; auf.

Schlecht oder ok?

edit:

Aber kann mir noch jemand sagen wie ich folgendes problem lösen kann?

In CSS hab ich jetzt eine box definiert die beim click auf "mehr lesen" aufslidet.

die box heißt: "center_big"

So, wenn ich nun aber 2 Artikel habe, kann ich den div beim 2. Artikel ja nicht genauso nennen, denn würde ich das tun
slidet immer nur der erste arktikel auf.

ich habe jetzt einfach noch eine "center_big2" definiert, aber was mach ich wenn ich 5 oder gar 10 oder noch mehr artikel habe?
kann doch nicht für jeeden artikel ne box in css definieren oder?

litterauspirna · 27.10.2011, 12:21

Ich kenne deinen Code nicht, aber arbeite doch mit dem target auf einen Event, so hast immer das aktualle Element.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Links aus Datenbank in den HTML-Code einfügen	Holger69	Datenbanken	20	23.08.2010 17:47
[Erledigt] Parsen mit DOM - Links auslesen	bish	PHP Tipps 2010	11	11.08.2010 19:59
String aufteilen und links herausfiltern	NeoPow	PHP Tipps 2010	15	03.08.2010 21:18
[Erledigt] hilfe mit wordwrap für links	TacoMe	HTML, Usability und Barrierefreiheit	20	06.06.2010 18:28
Script zum auslesen von Links	Lunix	PHP Tipps 2010	7	16.03.2010 12:28
Formatierte Ausgabe von PHP generierten Links	larsos	PHP Tipps 2009	2	15.10.2009 20:04
php/wpmu: Links auf weitergeleitete Domain konfigurieren	HRT	PHP Tipps 2009	4	24.01.2009 17:03
Links vom Untermenü in Container öffnen	Surfer	PHP Tipps 2008	0	27.12.2008 19:24
Scriptsuche Script das Links überprüft und offline Links löscht	nitramf	Scriptbörse	0	24.11.2008 16:05
Links im Text	GELight	PHP Tipps 2006	3	13.10.2006 17:35
Darstellung von Links ohne Parameter	seven-12	PHP Tipps 2006	4	16.02.2006 15:31
[Erledigt] Links hinter Div-Layer funktionieren nicht		HTML, Usability und Barrierefreiheit	10	14.09.2005 15:39
Tabelle ganz links	lalala	HTML, Usability und Barrierefreiheit	1	06.07.2005 14:29
Links mit verschiedenen Inhalten und extra Fenster		HTML, Usability und Barrierefreiheit	6	27.04.2005 22:23
Links sortieren	Simon9990	PHP Tipps 2005	5	28.01.2005 23:03

26.10.2011, 09:00
maikh Erfahrener Benutzer Registriert seit: 15.08.2011 Beiträge: 104 PHP-Kenntnisse: Anfänger	Boxslide nach unten und nach links. Hallo ihr Profis. Ich habe gerade ein wenig Brainstormin mit meinem Chef betrieben. (Hätte ich lieber nicht gemacht) Also, wir haben ein 3-Spaltiges Layout, in der Mitte sind jeweils die Inhalte. Da wir sehr viele Artikel auf den Seiten haben, möchte mein Chef das man bei Klick auf eine bestimmte Rubrik eine Liste der Überschriften, mit jeweils einem "button" zum Aufsliden. So, jetzt zu meiner Frage. Er möchte jetzt folgendes: Wenn ein User einen Artikel interessant findet und den komplett lesen möchte, soll die box nach unten und gleichzeitig nach links aufsliden, so das die linke Box überdeckt wird. Einen slide nach unten habe ich schon gemacht, das wäre nicht das Problem. Aber wie soll es gehen das auch noch nach links geslidet wird. Vor allem darf ja die linke box nicht "weggeschoben werden, sondern muss überdeckt werden. Hat vielleicht jemand eine Idee für mihc oder eine Seite wo ich sowas in einer Art Tutorial nachlesen kann? Gruß Maik. P.s. Es wäre auch ok wenn zuerst nach unten und danach nach links geslidet wird oder andersrum. __________________ http://www.polygona.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.10.2011, 09:44
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	mit position und z-Index arbeiten, zum animieren z.b. http://api.jquery.com/queue/ __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

26.10.2011, 10:20
maikh Erfahrener Benutzer Registriert seit: 15.08.2011 Beiträge: 104 PHP-Kenntnisse: Anfänger	Habs jetzt so geregelt: Bei OnClick mach ich einfach ne neue box mit position: absolut; auf. Schlecht oder ok? edit: Aber kann mir noch jemand sagen wie ich folgendes problem lösen kann? In CSS hab ich jetzt eine box definiert die beim click auf "mehr lesen" aufslidet. die box heißt: "center_big" So, wenn ich nun aber 2 Artikel habe, kann ich den div beim 2. Artikel ja nicht genauso nennen, denn würde ich das tun slidet immer nur der erste arktikel auf. ich habe jetzt einfach noch eine "center_big2" definiert, aber was mach ich wenn ich 5 oder gar 10 oder noch mehr artikel habe? kann doch nicht für jeeden artikel ne box in css definieren oder? __________________ http://www.polygona.de Geändert von maikh (26.10.2011 um 11:11 Uhr).

27.10.2011, 12:21
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Ich kenne deinen Code nicht, aber arbeite doch mit dem target auf einen Event, so hast immer das aktualle Element. __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de