Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

deak · 07-06-2011, 18:34

Hallo,
ich komme einfach nicht weiter.
Ich Arbeite an der Lightbox und möchte die Struktur der Divs ändern.
Ich blick da aber einfach nicht durch.

Ich möchte das der Div "lbImageDataContainer" noch innerhalb des Divs
"lbOuterImageContainer" liegt.

Hier mal das Script:

Code:

j.appendChild
(
Builder.node("div",{id:"lbLightbox"},
[
Builder.node("div",{id:"out_light"},
[
Builder.node("div",{id:"lbOuterImageContainer"},
Builder.node("div",{id:"lbImageContainer"},

[Builder.node("img",{id:"lbLightboxImage"}),
Builder.node("div",{id:"lbHoverNav"},

[Builder.node("a",{id:"prevLink",href:"#"}),
Builder.node("a",{id:"nextLink",href:"#"})]),
Builder.node("div",{id:"lbLoading"},
Builder.node("a",{id:"loadingLink",href:"#"}))])),
Builder.node("div",{id:"lbImageDataContainer"},
Builder.node("div",{id:"lbImageData"},

[Builder.node("div",{id:"lbImageDetails"},

[Builder.node("span",{id:"lbCaption"}),
Builder.node("span",{id:"lbNumberDisplay"}),
Builder.node("span",{id:"lbPresent"})]),
Builder.node("div",{id:"lbBottomNav"},

[Builder.node("a",{id:"closeLink",href:"#"}),
Builder.node("a",{id:"playLink",href:"#"}),
Builder.node("a",{id:"pauseLink",href:"#"}),
Builder.node("a",{id:"saveLink",href:"#",target:"_blank"})])]))])]));

Kann mir jemand dabei helfen?

Nightflyer · 07-06-2011, 20:03

versuchs mal so:

Code:

j.appendChild(

    Builder.node("div",{id:"lbLightbox"},[
        Builder.node("div",{id:"out_light"},[
            Builder.node("div",{id:"lbOuterImageContainer"},
            Builder.node("div",{id:"lbImageContainer"},[
                Builder.node("img",{id:"lbLightboxImage"}),
                Builder.node("div",{id:"lbHoverNav"},[
                    Builder.node("a",{id:"prevLink",href:"#"}),
                    Builder.node("a",{id:"nextLink",href:"#"})
                ]),
                Builder.node("div",{id:"lbLoading"},
                Builder.node("a",{id:"loadingLink",href:"#"})),
                Builder.node("div",{id:"lbImageDataContainer"},
                Builder.node("div",{id:"lbImageData"},[
                    Builder.node("div",{id:"lbImageDetails"},[
                        Builder.node("span",{id:"lbCaption"}),
                        Builder.node("span",{id:"lbNumberDisplay"}),
                        Builder.node("span",{id:"lbPresent"})
                    ]),
                    Builder.node("div",{id:"lbBottomNav"},[
                        Builder.node("a",{id:"closeLink",href:"#"}),
                        Builder.node("a",{id:"playLink",href:"#"}),
                        Builder.node("a",{id:"pauseLink",href:"#"}),
                        Builder.node("a",{id:"saveLink",href:"#",target:"_blank"})  
                    ])
                ]))
            ]))
        ])
    ])
    
);

deak · 08-06-2011, 09:29

Hallo,
und wieder mal eine perfekte Hilfe von dir! Danke
Jetzt noch eine Frage, wenn ich jetzt die Position des Div "lbBottomNav"
nach oben stellen will.

Also das dieser im Div "lbOuterImageContainer" an erster Stelle als vor dem
Div "lbImageContainer" liegt. Wie bekomme ich das hin?

Vielleicht kannst mir dabei nochmal helfen. Wäre klasse. Danke

Nightflyer · 08-06-2011, 12:17

Zitat:

Zitat von deak

Hallo,
und wieder mal eine perfekte Hilfe von dir! Danke
Jetzt noch eine Frage, wenn ich jetzt die Position des Div "lbBottomNav"
nach oben stellen will.

wohin?

Zitat:

Also das dieser im Div "lbOuterImageContainer" an erster Stelle als vor dem
Div "lbImageContainer" liegt. Wie bekomme ich das hin?

Denke der ist schon davor, nicht?

deak · 08-06-2011, 12:20

Hab mal einen Kommentar reingesetzt wo er hin soll der lbBottomNav

HTML-Code:

j.appendChild(

    Builder.node("div",{id:"lbLightbox"},[
        Builder.node("div",{id:"out_light"},[
            

        
            Builder.node("div",{id:"lbOuterImageContainer"},
            
//hier soll der Div lbBottomNav stehen
            
            Builder.node("div",{id:"lbImageContainer"},[
            

            
                Builder.node("img",{id:"lbLightboxImage"}),
                Builder.node("div",{id:"lbHoverNav"},[
                    Builder.node("a",{id:"prevLink",href:"#"}),
                    Builder.node("a",{id:"nextLink",href:"#"})
                ]),
                Builder.node("div",{id:"lbLoading"},
                Builder.node("a",{id:"loadingLink",href:"#"})),
                Builder.node("div",{id:"lbImageDataContainer"},
                Builder.node("div",{id:"lbImageData"},[
                    Builder.node("div",{id:"lbImageDetails"},[
                        Builder.node("span",{id:"lbCaption"}),
                        Builder.node("span",{id:"lbNumberDisplay"}),
                        Builder.node("span",{id:"lbPresent"})
                    ]),
                    Builder.node("div",{id:"lbBottomNav"},[
                        Builder.node("a",{id:"closeLink",href:"#"}),
                        Builder.node("a",{id:"playLink",href:"#"}),
                        Builder.node("a",{id:"pauseLink",href:"#"}),
                        Builder.node("a",{id:"saveLink",href:"#",target:"_blank"})  
                    ])
                ]))
            ]))
        ])
    ])
    
);

deak · 09-06-2011, 09:09

Hallo Nightflyer,

gibt es keine Lösung, wäre immer noch sehr froh wenn du mir helfen könntest.

Danke

Nightflyer · 09-06-2011, 12:10

so?

Code:

j.appendChild(

    Builder.node("div",{id:"lbLightbox"},[
        Builder.node("div",{id:"out_light"},[
        Builder.node("div",{id:"lbOuterImageContainer"},
           	    Builder.node("div",{id:"lbBottomNav"},[
                 Builder.node("a",{id:"closeLink",href:"#"}),
                 Builder.node("a",{id:"playLink",href:"#"}),
                 Builder.node("a",{id:"pauseLink",href:"#"}),
                 Builder.node("a",{id:"saveLink",href:"#",target:"_blank"})  
            ]),
            Builder.node("div",{id:"lbImageContainer"},[
            

            
                Builder.node("img",{id:"lbLightboxImage"}),
                Builder.node("div",{id:"lbHoverNav"},[
                    Builder.node("a",{id:"prevLink",href:"#"}),
                    Builder.node("a",{id:"nextLink",href:"#"})
                ]),
                Builder.node("div",{id:"lbLoading"},
                Builder.node("a",{id:"loadingLink",href:"#"})),
                Builder.node("div",{id:"lbImageDataContainer"},
                Builder.node("div",{id:"lbImageData"},[
                    Builder.node("div",{id:"lbImageDetails"},[
                        Builder.node("span",{id:"lbCaption"}),
                        Builder.node("span",{id:"lbNumberDisplay"}),
                        Builder.node("span",{id:"lbPresent"})
                    ])
                ]))
            ]))
        ])
    ])
    
);

deak · 09-06-2011, 14:30

Hallo,
wenn ich das Script so benutze geht meine Lightbox nicht mehr auf.
Liegt es am Script oder mag die Lightbox das eventuell in einer später Funktion so nicht?

Hast du eine Idee?

Nightflyer · 09-06-2011, 15:04

Wenn du die Knoten verschiebst ändert sih natürlich auch die Daerstellung welche mit CSS festgelegt wurde. Und das kann natürlich bedeuten dass das nicht mehr so funktioniert wie es soll

deak · 09-06-2011, 15:14

Ja, das ist klar. Die Lightbox geht nur halt überhaupt nicht mehr auf.
Ich brauche die Navigation-Buttons aber oben.
Hast nicht irgendeine Idee wie ich das hinbiegen kann?

deak · 09-06-2011, 15:49

Habs mit CSS gelöst puhhhh.
Also zumindest im FF mal schauen was der IE dazu sagt

08-06-2011, 09:29	#3 (permalink)
deak mcm-web Registriert seit: Jun 2002 Ort: Germany Beiträge: 945	Hallo, und wieder mal eine perfekte Hilfe von dir! Danke Jetzt noch eine Frage, wenn ich jetzt die Position des Div "lbBottomNav" nach oben stellen will. Also das dieser im Div "lbOuterImageContainer" an erster Stelle als vor dem Div "lbImageContainer" liegt. Wie bekomme ich das hin? Vielleicht kannst mir dabei nochmal helfen. Wäre klasse. Danke __________________ da weisste bescheid, schätzelein!!!!

09-06-2011, 09:09	#6 (permalink)
deak mcm-web Registriert seit: Jun 2002 Ort: Germany Beiträge: 945	Hallo Nightflyer, gibt es keine Lösung, wäre immer noch sehr froh wenn du mir helfen könntest. Danke __________________ da weisste bescheid, schätzelein!!!!

09-06-2011, 14:30	#8 (permalink)
deak mcm-web Registriert seit: Jun 2002 Ort: Germany Beiträge: 945	Hallo, wenn ich das Script so benutze geht meine Lightbox nicht mehr auf. Liegt es am Script oder mag die Lightbox das eventuell in einer später Funktion so nicht? Hast du eine Idee? __________________ da weisste bescheid, schätzelein!!!!

09-06-2011, 15:04	#9 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	Wenn du die Knoten verschiebst ändert sih natürlich auch die Daerstellung welche mit CSS festgelegt wurde. Und das kann natürlich bedeuten dass das nicht mehr so funktioniert wie es soll __________________ (\__/) (='.'=) (")_(")

09-06-2011, 15:14	#10 (permalink)
deak mcm-web Registriert seit: Jun 2002 Ort: Germany Beiträge: 945	Ja, das ist klar. Die Lightbox geht nur halt überhaupt nicht mehr auf. Ich brauche die Navigation-Buttons aber oben. Hast nicht irgendeine Idee wie ich das hinbiegen kann? __________________ da weisste bescheid, schätzelein!!!!

09-06-2011, 15:49	#11 (permalink)
deak mcm-web Registriert seit: Jun 2002 Ort: Germany Beiträge: 945	Habs mit CSS gelöst puhhhh. Also zumindest im FF mal schauen was der IE dazu sagt __________________ da weisste bescheid, schätzelein!!!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
flex3-problem mit dynamisch generierten buttons	miller	Flex programmieren	1	01-12-2009 17:50
Tween- und Struktur Problem	Noctis	ActionScript 3	9	05-08-2009 08:12
Advanced DataGrid-Struktur anhand XML-Struktur erstellen	nerd007	Flex programmieren	9	17-11-2008 23:30
LoadMovie Problem mit dynamisch generierten jpgs	jbo_master	Flash MX 2004	2	24-05-2005 01:51
Flash mx: Maske über ein durch AS generierten mc	Phil_CWM	Flash 4 und Flash 5	2	30-07-2003 22:47