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

zheddo · 15-03-2010, 09:26

Servus Leute,

ich steh wieder einmal (oder besser gesagt immer noch) vor dem Problem dass ich es nicht auf die Reihe bringe diese dämliche Shadowbox zu implementieren.

Zwar habe ich es mit einigen an Tutorials versucht aber nie geschafft. Die einzige Version welche ich gefunden habe (welche funktioniert) ist die von der folgenden Seite Hier klicken...

Allerdings kann ich mit dieser keine .mov oder .flv Files verlinken, bzw. darstellen.

Ich wollte nun fragen ob es jemand von euch schon mal erfolgreich geschafft hat eine voll funktionale shadowbox zu implementieren damit man diese aus dem .swf heraus aufrufen kann. (Soll heissen dass ich .swf, .flv, Bilder und Videos in der Shadowbox betrachten kann)

Auf der Shadowbox Site steht folgendes:

Zitat:

How can I open Shadowbox from inside a Flash movie?

Use ActionScript's getURL function to call some Shadowbox code. There are several ways you can do this. The easiest is to define a JavaScript callback function similar to the one below.

HTML-Code:

<script type="text/javascript">
function openShadowbox(content, player, title){
    Shadowbox.open({
        content:    content,
        player:     player,
        title:      title
    });
}
</script>

You can place this function in between <head> tags in your HTML document, or include it via <script> tags. Then, in your Flash movie you need to use getURL to call your custom callback function, like so:

ActionScript:

getURL("javascript:openShadowbox('movie.swf', 'swf', 'Title')");

Die Shadowbox habe ich runtergeladen und die .css un .js Files im html <head> verlinkt. dann habe ich ebenfalls im <head> Bereich die obigen javascript Zeilen eingefügt. Somit sollte die Shadowbox ja eigentlich abrufbereit sein...

Mein AS zum aufrufen der Shadowbox Funktion sieht wie folgt aus:

ActionScript:

button_03_01_1.onRelease = function() {getURL("javascript:openShadowbox('images/originals/realisiert/01/01.jpg', 'img', 'Test Titel zum jeweiligen Bild...')");};

Dies funktioniert allerdings überhaupts nicht, da einfach gar nichts passiert... Hätte jemand eine Idee worans liegt oder wo ich den Fehler gemacht habe?

Wäre froh wenn ich das Ding endlich mal zum laufen bringen könnte

Liebe Grüsse,

Philippe

echo5-7 · 15-03-2010, 11:54

pack in die shadowbox wrapper funktion einfach einen alert

alert('wtf: '+content+' '+player+' '+title);

wenn die funktion gerufen wird, dann müsstest du die inhalte auf richtigkeit prüfen können. das wäre der erste schritt. wenn die pfade etc richtig sind, dann liegt das problem in der shadowbox. wenn nicht, dann liegt das problem schonmal woanders.

alternativ: teste mal die pfade auf richtigkeit und versuch es zur not mit absoluten pfaden.

zheddo · 15-03-2010, 13:03

Hmmm,

Also wenn ich dich richtig verstanden habe so sollte das nachher so aussehen:

HTML-Code:

<script type="text/javascript">
function openShadowbox(content, player, title){
    Shadowbox.open({
        content:    content,
        player:     player,
        title:      title
    });
alert('wtf: '+content+' '+player+' '+title);
}
</script>

Wenn ich dies tue so passiert allerdings rein gar nichts... Kann es sein dass diese functions eine bestimmte art Doctype brauchen? (Hab da mal was über Doctypes gelesen, erinnere mich allerdings nur noch sehr düster...)

Gruss,

Phil

echo5-7 · 17-03-2010, 16:10

wenn sich wirklich rein gar nichts tut, liegt der fehler auf der flash seite. zumindestens das alert müsste bei funktionsaufruf ein fenster mit gelben ausrufezeichen liefern.

edit: ich hab hier eine lösung online gestellt, mit der man variabel dimensionierte galerien aus flash mit bildnummer aufrufen kann.

http://shadowbox-js.com/forum.html#nabble-f1309102

Majo · 18-03-2010, 07:52

womit testet du denn?
ist javascript im browser aktiviert?
deine scripte sind richtig und funktionieren auch

zheddo · 18-03-2010, 10:07

Hi Leute,

also Javascript ist mit Sicherheit aktiviert. Getestet wird in upgeloadetem Zustand und mit FF V3.6 mit allen features aktiviert (Bilder, CSS Styles, Javascript etc ist alles aktiviert.)

Hier der Code den ich verwende:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Eisenhut Architekten ETH SIA</title>

<script type="text/javascript" src="inc/swfobject.js"></script>

<script type="text/javascript" src="shadowbox/swfobject.js"></script>
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />

<script type="text/javascript">
	function openShadowbox(content, player, title){
    	Shadowbox.open({
        	content:    content,
        	player:     player,
        	title:      title
    	});
	}
</script>

<!-- CSS START -->
<style type="text/css">

* {margin: 0px; padding: 0px;}

body {background-image: url(images/bck_stripe.jpg); background-repeat: repeat-x;}

#flashcontent {width: 1000px; height: 240px; position:absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -500px;}

</style>
<!-- CSS END -->

</head>

<body>

<!-- FLASH START -->

<div id="flashcontent">
<script type="text/javascript">
	var so = new SWFObject("eisenhut_architekten.swf", "sotester", "1000", "240", "8", "#FFFFFF");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.write("flashcontent");		
</script>
</div>

<!-- FLASH END -->

</body>

</html>

Majo · 18-03-2010, 10:22

Zitat:

sollte es shadowbox.js sein? und stimmt der pfad?

zheddo · 18-03-2010, 11:05

Ups da habe ich wohl die unfertige Version hochgestellt. Du hast recht, der zweite <script type="text/javascript" src="shadowbox/swfobject.js"></script> sollte eigentlich mit dem shadowbox.js verlinkt sein, klappt aber selbst bei richtiger verlinkung nicht. (Pfade stimmen alle)

Ich habe zur Überprüfung mal die Files hochgeladen, damit ihr euch ein besseres Bild meines Projektes machen könnt. Hier Downloaden (.zip)

Gruss,

Phil

Alaniak · 18-03-2010, 12:08

Ich hab auch Flash mit Shadowbox in Verwendung. Ist zwar schon länger her, dass ich das gemacht hab.
Aber hier mal mein Code, vielleicht bringts was.
JS:

PHP-Code:

  var openShadowbox = function(elementId){

   var el = document.getElementById(elementId);

   if(el) Shadowbox.open(el);

};

AS:

PHP-Code:

  mc.onRelease = function() {

    var nr:Number = this.ID;

    var link:String = links[nr];

    getURL("javascript:openShadowbox('"+link+"');");

};

Majo · 18-03-2010, 12:24

das script wie es oben steht funktioniert, wenn der pfad zu js stimmt
da muss nix geändert oder angepasst werden

vllt liegt es hier auch am wmode=transparent, damit hatte firefox schon immer probleme

poste mal den link zum anschauen

Alaniak · 18-03-2010, 13:34

Hab zheddos Version grad mal getestet und zum laufen gebracht.
Beim JS folgendes hinzufügen:

PHP-Code:

  <script type="text/javascript">            
function openShadowbox(content, player, title){
    Shadowbox.open({
        content:    content,
        player:     player,
        title:      title
    });
}

Shadowbox.init(); //Hinzufügen
</script>

...und beim AS noch jeweils den Typ ('img') mit angeben:

PHP-Code:

  getURL("javascript:openShadowbox('images/originals/projekte/03/01.jpg', 'img', 'Testtitel')");

zheddo · 22-03-2010, 06:33

Also ich habe den HTML Code, sowohl als auch die FLash Datei angepasst. Leider hat sich noch immer gar nichts verändert...

Ich habe die Test Site auf meinem Server hochgeladen: Eisenhut Architekten

Das Flash File findet Ihr hier: Original Flash File

Wäre sehr froh darum wenn Ihr euch das vielleicht mal anschauen könnten wo ich meinen Fehler habe... Meines erachtens nach sind alle Dinge richtig verlinkt... Aber vielleicht irre ich mich ja auch :/

Danke auf jeden Fall schon mal im Voraus,

Liebe Grüsse,

Phil

Majo · 22-03-2010, 16:32

ich hab es dir mal das beispiel in main_01, button 1 gemacht

zheddo · 22-03-2010, 21:16

Hi Majo,

Ich danke dir vielmals für deine Mühe die du dir gemacht hast. Leider scheint es dass es dir nicht ganz möglich war meinen Aufbau im .fla File nachzuvollziehn. (Kann ich dir allerdings auch nicht verübeln hehe hab selbst so meine Schwierigkeiten den Überblick zu halten).

Aber der Aufbau ist wie Folgt:

Hauptszene

Main01 (Projekte)

Main01_01

Button 1 (öffnet Shadowbox)

Button 2 (öffnet Shadowbox)

Button 3 (öffnet Shadowbox)

Button 4 (öffnet Shadowbox)

Die AS's für die Buttons befinden sich bei meinem AS immer AUF den Buttons da ich es mich noch gewohnt bin in AS2 zu arbeiten.

Hoffe du findest meinen Fehler... Denn ich entdeckte nach wie vor noch immer keinen Fehler....

Danke im vorraus!

Phil

Alaniak · 23-03-2010, 07:51

Hab dir mal meine funktionierende Version angehängt:
RapidShare: 1-CLICK Web hosting - Easy Filehosting

15-03-2010, 11:54	#2 (permalink)
echo5-7 ° Registriert seit: Aug 2002 Ort: Baden-Baden Beiträge: 3.962	pack in die shadowbox wrapper funktion einfach einen alert alert('wtf: '+content+' '+player+' '+title); wenn die funktion gerufen wird, dann müsstest du die inhalte auf richtigkeit prüfen können. das wäre der erste schritt. wenn die pfade etc richtig sind, dann liegt das problem in der shadowbox. wenn nicht, dann liegt das problem schonmal woanders. alternativ: teste mal die pfade auf richtigkeit und versuch es zur not mit absoluten pfaden. __________________ LRRM \| BLOG \| FACEBOOK \| TWITTER \| G+

15-03-2010, 13:03	#3 (permalink)
zheddo Neuer User Registriert seit: Sep 2008 Beiträge: 38	Hmmm, Also wenn ich dich richtig verstanden habe so sollte das nachher so aussehen: HTML-Code: <script type="text/javascript"> function openShadowbox(content, player, title){ Shadowbox.open({ content: content, player: player, title: title }); alert('wtf: '+content+' '+player+' '+title); } </script> Wenn ich dies tue so passiert allerdings rein gar nichts... Kann es sein dass diese functions eine bestimmte art Doctype brauchen? (Hab da mal was über Doctypes gelesen, erinnere mich allerdings nur noch sehr düster...) Gruss, Phil

17-03-2010, 16:10	#4 (permalink)
echo5-7 ° Registriert seit: Aug 2002 Ort: Baden-Baden Beiträge: 3.962	wenn sich wirklich rein gar nichts tut, liegt der fehler auf der flash seite. zumindestens das alert müsste bei funktionsaufruf ein fenster mit gelben ausrufezeichen liefern. edit: ich hab hier eine lösung online gestellt, mit der man variabel dimensionierte galerien aus flash mit bildnummer aufrufen kann. http://shadowbox-js.com/forum.html#nabble-f1309102 __________________ LRRM \| BLOG \| FACEBOOK \| TWITTER \| G+ Geändert von echo5-7 (17-03-2010 um 18:17 Uhr)

18-03-2010, 07:52	#5 (permalink)
Majo {flasher} Registriert seit: Mar 2003 Ort: on water Beiträge: 2.823	womit testet du denn? ist javascript im browser aktiviert? deine scripte sind richtig und funktionieren auch __________________ hang loose

18-03-2010, 11:05	#8 (permalink)
zheddo Neuer User Registriert seit: Sep 2008 Beiträge: 38	Ups da habe ich wohl die unfertige Version hochgestellt. Du hast recht, der zweite <script type="text/javascript" src="shadowbox/swfobject.js"></script> sollte eigentlich mit dem shadowbox.js verlinkt sein, klappt aber selbst bei richtiger verlinkung nicht. (Pfade stimmen alle) Ich habe zur Überprüfung mal die Files hochgeladen, damit ihr euch ein besseres Bild meines Projektes machen könnt. Hier Downloaden (.zip) Gruss, Phil Geändert von zheddo (18-03-2010 um 11:11 Uhr)

18-03-2010, 12:08	#9 (permalink)
Alaniak Neuer User Registriert seit: Jul 2002 Beiträge: 378	Ich hab auch Flash mit Shadowbox in Verwendung. Ist zwar schon länger her, dass ich das gemacht hab. Aber hier mal mein Code, vielleicht bringts was. JS: PHP-Code: `var openShadowbox = function(elementId){ var el = document.getElementById(elementId); if(el) Shadowbox.open(el); };` AS: PHP-Code: `mc.onRelease = function() { var nr:Number = this.ID; var link:String = links[nr]; getURL("javascript:openShadowbox('"+link+"');"); };` __________________ Bitte keine PMs mit Hilfe-Anfragen, dafür gibts das Forum. ...und übrigens: das Wort heißt Nukular!

18-03-2010, 12:24	#10 (permalink)
Majo {flasher} Registriert seit: Mar 2003 Ort: on water Beiträge: 2.823	das script wie es oben steht funktioniert, wenn der pfad zu js stimmt da muss nix geändert oder angepasst werden vllt liegt es hier auch am wmode=transparent, damit hatte firefox schon immer probleme poste mal den link zum anschauen __________________ hang loose

18-03-2010, 13:34	#11 (permalink)
Alaniak Neuer User Registriert seit: Jul 2002 Beiträge: 378	Hab zheddos Version grad mal getestet und zum laufen gebracht. Beim JS folgendes hinzufügen: PHP-Code: `<script type="text/javascript"> function openShadowbox(content, player, title){ Shadowbox.open({ content: content, player: player, title: title }); } Shadowbox.init(); //Hinzufügen </script>` ...und beim AS noch jeweils den Typ ('img') mit angeben: PHP-Code: `getURL("javascript:openShadowbox('images/originals/projekte/03/01.jpg', 'img', 'Testtitel')");` __________________ Bitte keine PMs mit Hilfe-Anfragen, dafür gibts das Forum. ...und übrigens: das Wort heißt Nukular! Geändert von Alaniak (18-03-2010 um 13:45 Uhr)

22-03-2010, 06:33	#12 (permalink)
zheddo Neuer User Registriert seit: Sep 2008 Beiträge: 38	Also ich habe den HTML Code, sowohl als auch die FLash Datei angepasst. Leider hat sich noch immer gar nichts verändert... Ich habe die Test Site auf meinem Server hochgeladen: Eisenhut Architekten Das Flash File findet Ihr hier: Original Flash File Wäre sehr froh darum wenn Ihr euch das vielleicht mal anschauen könnten wo ich meinen Fehler habe... Meines erachtens nach sind alle Dinge richtig verlinkt... Aber vielleicht irre ich mich ja auch :/ Danke auf jeden Fall schon mal im Voraus, Liebe Grüsse, Phil

22-03-2010, 21:16	#14 (permalink)
zheddo Neuer User Registriert seit: Sep 2008 Beiträge: 38	Hi Majo, Ich danke dir vielmals für deine Mühe die du dir gemacht hast. Leider scheint es dass es dir nicht ganz möglich war meinen Aufbau im .fla File nachzuvollziehn. (Kann ich dir allerdings auch nicht verübeln hehe hab selbst so meine Schwierigkeiten den Überblick zu halten). Aber der Aufbau ist wie Folgt: Hauptszene Main01 (Projekte) Main01_01 Button 1 (öffnet Shadowbox) Button 2 (öffnet Shadowbox) Button 3 (öffnet Shadowbox) Button 4 (öffnet Shadowbox) Die AS's für die Buttons befinden sich bei meinem AS immer AUF den Buttons da ich es mich noch gewohnt bin in AS2 zu arbeiten. Hoffe du findest meinen Fehler... Denn ich entdeckte nach wie vor noch immer keinen Fehler.... Danke im vorraus! Phil Geändert von zheddo (22-03-2010 um 21:17 Uhr)

23-03-2010, 07:51	#15 (permalink)
Alaniak Neuer User Registriert seit: Jul 2002 Beiträge: 378	Hab dir mal meine funktionierende Version angehängt: RapidShare: 1-CLICK Web hosting - Easy Filehosting __________________ Bitte keine PMs mit Hilfe-Anfragen, dafür gibts das Forum. ...und übrigens: das Wort heißt Nukular!

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
AS 2 Shadowbox Gallery	zheddo	Flash CS3 Professional	6	16-02-2010 13:52
[Flash CS4] Popup mit Shadowbox	caitanya	Flash Einsteiger	2	09-02-2010 12:44
[Flash CS4] Statt normales Browserfenster, shadowbox	ribase	Flash Einsteiger	2	30-12-2009 13:12
shadowbox gallerie erstellen	greeeny	ActionScript 2	0	11-04-2009 21:48
Shadowbox und andere js scripts möglich zu verbinden?	zheddo	ActionScript 2	5	03-10-2008 15:45