kostenloser Webspace werbefrei: lima-city

aufklappmenue über eingebettetem flash

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   simuliertes

   

   simuliertes hat kostenlosen Webspace.

   19:44, 26.10.2010

   Eigentlich sagt's der Titel schon.
   
   Ich habe ein Flash über dem ich ein aufklapp-menue haben will.
   Das ganze ist in einem div (tabellen & listen) was mittels css beim überfahren mit der maus aufklappen sollte (getestet im firefox).
   
   Wie erreiche ich das?
   
   Links oben in der Ecke mit der Maus über 2.0 "hovern"
   Hier sieht man wie es sein sollte
   
   Hier wie es mit Flash ist (das menue verschwindet unter dem flash)
   edit: wenn's (hoffentlich) hier doch klappt liegt's daran das meine Frage beantwortet/das Problem gelöst wurde (yepee)
   
   
   Sollte ich mich unklar ausgedrückt haben = nachfragen!
   
   
   Beitrag zuletzt geändert: 27.10.2010 1:19:26 von simuliertes

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. tom-moeller

   

   tom-moeller hat kostenlosen Webspace.

   23:42, 26.10.2010

   Vorausgesetzt des Flash wurde mit <object> in das HTML eingebunden kann es mit den Parametern WMODE opaque oder WMODE transparent überlagert werden. OPAQUE sollte bevorzugt werden, da TRANSPARENT den Prozessor mehr belastet, weil der Browser mehr rechnen muss.
   
   Gruß Tom
4. Autor dieses Themas

   simuliertes

   

   simuliertes hat kostenlosen Webspace.

   0:05, 27.10.2010

   Ich arbeite aber mit swfObject.
   Den Code dafür habe ich aus der Anleitung zu dem Flash entnommen und nur die Parameter angepasst.
   Ich schmeiss dazu mal den (js-)code in die Runde:
   
   
   Der größte teil sind eh nur parameter-deklarationen...
   

   <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. -->
               var swfVersionStr = "0";
               <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
               var xiSwfUrlStr = "";
               var swfFile = 'katalog/1-1-.swf';
   
               var flashvars = {
                     SwfFile : escape(swfFile),
                                     Scale : 0.6,
                                     ZoomTransition : "easeOut",
                                     ZoomTime : 0.5,
                                       ZoomInterval : 0.2,
                                       FitPageOnLoad : true,
                                       FitWidthOnLoad : true,
                                       PrintEnabled : true,
                                       FullScreenAsMaxWindow : false,
                                       ProgressiveLoading : false,
   
                                       PrintToolsVisible : false,
                                       ViewModeToolsVisible : true,
                                       ZoomToolsVisible : true,
                                       FullScreenVisible : true,
                                       NavToolsVisible : false,
                                       CursorToolsVisible : true,
                                       SearchToolsVisible : false,
   
                                       localeChain: "de_DE"
                                     };
   
                            var params = {
   
                               }
               params.quality = "high";
               params.bgcolor = "#ffffff";
               params.allowscriptaccess = "sameDomain";
               params.allowfullscreen = "true";
               var attributes = {};
               attributes.id = "FlexPaperViewer";
               attributes.name = "FlexPaperViewer";
               swfobject.embedSWF(
                   "FlexPaperViewer.swf", "flashContent",
                   swfwidth, "1020",
                   swfVersionStr, xiSwfUrlStr,
                   flashvars, params, attributes);
           </script>
   
   
                   <div class="katalog_frame">
                        <div class="katalog" id="flashContent">
                           <p>
                                   To view this page ensure that Adobe Flash Player version
                                           9.0.124 or greater is installed.
                                   </p>
                                   <script type="text/javascript">
                                           var pageHost = ((document.location.protocol == "https:") ? "https://" :        "http://");
                                           document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"
                                                                           + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );
                                   </script>
   
                           </div>
                   </div>

   
   
   
   Ausserdem habe ich noch das hier gefunden:
   http://www.alohatechsupport.net/webdesignmaui/maui-web-design-articles/layer_flash_under_html.html
   
   

   1. First you must add the wmode parameter transparent to the flash object that is going to be embedded.
   
   Like so... <param name="wmode" value="transparent" />
   
   (note:) If you are using the swfobject.js method to embed your flash files (recommended) you can add the transparent parameter by simply using the example below to append to your current setup:
   
   <script type="text/javascript">
   var so = new SWFObject("movie.swf", "movie", "700", "300", "#ffffff");
   so.addParam("wmode", "transparent");
   so.write("flashcontent");
   </script>

   
   
   hieße das dann auf mein projekt übertragen ich müsste folgendes einfügen?
   
   

   params.wmode = "transparent";

   
   
   bzw., ich weiss was opaque in/mit css-bildern ermöglicht aber in diesem zusammenhang ist mir das neu (falls es überhaupt einen zusammenhang gibt)

5. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   0:51, 27.10.2010

   Tom-moellers hinweis aufden wmode ist der zielführende Weg. probier es aus. Vorher solltest Du aber dem Browser die Möglichkeit geben, deinen Code so gut als möglich zu verstehen. Der Kommentar vor der Doctypedeklaration ist da denkbar kontraproduktiv. Der Doctype sollte das erste sein, was der Browser von deinem Dokument zu verarbeiten hat.
   
   FF
6. Autor dieses Themas

   simuliertes

   

   simuliertes hat kostenlosen Webspace.

   1:09, 27.10.2010

   Jep ich gelobe Besserung
   Zu meiner verteidigung sei kurz erwähnt das der code vorher in typo eingebettet war und ich mir deswegen so die stelle markiert hatte. Sauber is ander, jaaa.
   Seite ist heavy "under construction"
   
   Zum Thema:
   Thnks tom & freddy WMODE war tatsächlich das stichwort was ich gesucht habe.
   Mein aktuelles Ziel ist erst einmal nur irgendwie die Seite so schnell wie möglich repräsentabel zu bekommen, der Feinschliff folgt dann noch.
   Zu opaque konnte ich im netz nichts (edit: jedenfalls nichts was nach genereller info aussah) finden , für links oder kurze/ausführlichere Erklärungen bin ich aber immer dankbar
   
   edit:
   Ok, ich sehe in , dumme frage. Man benutzt halt opaque statt transparent für den wmode, fertig
   
   
   Beitrag zuletzt geändert: 28.10.2010 2:52:39 von simuliertes

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?