aufklappmenue über eingebettetem flash
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktuelles ziel
auktion
besserung
browser
code
deklaration
dokument
first
hesse
http
katalog
listen
maus
note
parameter
set
transparent code
url
verarbeiten
zusammenhang
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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) -
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
