Zum Inhalt springen

webseite mit flashnavigation

Erstellt am 10. Mai 2006 · Noch keine Antworten

Tags: Frage

miho ·

hi,

ich arbeite an einer seite mit einer flashnavigation. da der flashfilm jedes mal neugestartet werden würde, wenn der pageinhalt und der flashfilm auf der gleichen seite sind, will ich den inhalt in einem iframe ausgeben...

##################################################

problem gelöst... 😃 falls jmd. mal das gleiche problem habe sollte, schickt einfach eine PN oder e-mail an mich...

#################################################

da ich gefragt wurde wie ich das problem gelöst habe poste ich hier mal meine gesamten sourcecodes. leider ist das schon ein weilchen her, so dass ich nicht mehr alles 100%ig zusammenhängend erklären kann, aber an sich war es auf diese art und weise sehr einfach zu realisieren.

ich habe das problem durch 2 iframes lösen können... im oberen wird die navi dargestellt, im unteren der content. ich musste auf iframes zurückgreifen, da sich die flashnavi automatisch mitneugeladen hatte sobald im menü einen link anklickte und somit sehr benutzerunfreundlich war.

code zum html-template:

<html>

<head>
<link rel="stylesheet" type="text/css" href="style-artwork.css" />
<title>Artwork</title>
</head>
<body>
<!-- ###DOKUMENT### begin -->

<iframe src="http://85.xxx.xx.xxx/artwork/fileadmin/navi.htm" width="1020px" height="200px" name="navi" frameborder="0"></iframe>
<iframe src="index.php?id=279" width="1020px" height="450px" name="content" frameborder="0"></iframe>

<!-- ###DOKUMENT### end-->
</body>

</html>

!!! ganz wichtig ist hier als src "index.php?id=xxx" anzugeben, da ansonsten die marker im content nicht angesprochen werden !!!

der code für die navi.htm:

<html>

<head>
<link rel="stylesheet" type="text/css" href="style-artwork.css" />
</head>

<body>
<div style="position:absolute; left:105px">
<embed width="748px" height="197" pluginspage="http://www.macromedia.com/go/getflashplayer" src="menu.swf" type="application/x-shockwave-flash" quality="autohigh" play="true" scale="exactfit"></embed>
</div>
</body>

</html>

der code für die content.htm (dieser muss natürlich eurer seite entsprechen und sollte nicht so übernommen werden ^^, er dient ausschließlich zur orientierung und zum nachvollziehen):

<html>
<head>
<link rel="stylesheet" type="text/css" href="style-artwork.css" />
</head>

<body bodymargin="0">

<!-- ###DOKUMENT### begin -->

<div id="bg"></div>
<div id="content"></div>
<div id="content_links">###inhalt###</div>
<div id="content_rechts">###inhalt2###</div>
<div id="menu_unten"><a href="http://85.xxx.xx.xxx/artwork/index.php?id=257">Impressum</a> | <a href="http://85.xxx.xx.xxx/artwork/index.php?id=256">Disclaimer</a> | <a href="http://85.xxx.xx.xxx/artwork/index.php?id=255">Sitemap</a></div>

<!-- ###DOKUMENT### end -->

</body>

</html>

mit diesen 3 quelltexten sollte man eine komplette seite sehen in der im oberen frame die navi dargestellt wird und im unteren der inhalt.

man benötigt mit meiner methode mindestens 2 typoscripts damit die seite nicht fehlerhaft dargestellt wird.

das typoscript der startseite (wo die frames geladen werden):

page = PAGE
page {
  typeNum = 0
  stylesheet = fileadmin/style-artwork.css
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/artwork.htm
  10.workOnSubpart = DOKUMENT
  10.marks {
    inhalt = CONTENT
    inhalt {
                    table = tt_content
                    select.orderBy = sorting
                    select.where = colPos = 0
                    select.languageField = sys_language_uid
                }
  }
}

das typoscript für den unteren frame:

page = PAGE
page {
  typeNum = 0
  stylesheet = fileadmin/style-artwork.css
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/content.htm
  10.workOnSubpart = DOKUMENT
  10.marks {
  menu_unten = HMENU
  menu_unten {
        special = directory
        special.value = 289
        1 = TMENU
        1.NO = 1
        1.NO.linkWrap =  | ||*| | ||*| |
        }

    inhalt = CONTENT
    inhalt {
                    table = tt_content
                    select.orderBy = sorting
                    select.where = colPos = 0
                    select.languageField = sys_language_uid
                }

    inhalt2 = CONTENT
    inhalt2 {
                    table = tt_content
                    select.orderBy = sorting
                    select.where = colPos = 2
                    select.languageField = sys_language_uid
                }
}
}

wie gesagt ist schon was länger, dass ich das umgesetzt hatte... gibt bestimmt auch einfachere und logischere lösungen als diese, bin leider kein typo3-spezialist...

falls jmd. mein lösung verfolgen will helf ich natürlich so gut wie möglich.

lg miho