MOD: Global Navigation System

Ok, I see. The easiest way to achieve this would be to remove "block" from site.xml. Then add a container in main.fla into which "block.swf" is loaded when needed. Then in NavPage.as in "private function onAfterGoto(event:Event)" check the valid branch and load/unload "block.swf" when it is appropriate.
I have done exactly that in one of my first Gaia sites: http://www.hunziker-betatech.ch/ Navigate around, there is a background which remains while the sub navig changes the content.

Cheers for that turtlebite.

I'll give it a go.

Thanks again.

[Absolute positioning of the global navigation]

@RomanDenelva (I put this here instead of replying to the personal message as others might also profit)

Absolute positioning of the global navigation
If you want to have the navigation at an absolute position, or "stick" it to the top or bottom of the browser window, you have to take it out of NavPage.as by reparenting it. (http://www.gaiaflashframework.com/wiki/index.php?title=Assets#Re-Parenting_DisplayObjectAssets_.28AS3_Only.29)
As long as you do the placement of your movieclips in NavPage.as, they will never be absolute. As far as I know, Gaia works like this: Main.as creates "view", into which all the rest gets loaded (pages, nav etc.). If you resize the browser, there is a onResize method in Main.as which positions "view". And therefor everything which is inside of "view". So you have to take out e.g. the navigation container, and addChild it in Main.as. Now the navigation is outside of "view" and you can control it seperatly in "onResize" in Main.as. Check this post as well: http://www.gaiaflashframework.com/index.php/topic,1156.msg8342.html#msg8342

Cheers,
Christian

Ok, I am really trying to get this to work. I am a relative novice to AS but am a pretty fast learner. After fixing numerous errors Flash was finding in my setup I have two errors that I cannot seem to resolve.

First, when compiling nav.fla I get this error:

Code:

1180: Call to a possibly undefined method releaseGaia_afterTransitionIn.

It's talking about the following set of code:

Code:

private function loadingCompleteHandler(e:NavigationEvent)
{
// the navigation is ready, release gaia
releaseGaia_afterTransitionIn();
}

Lastly, I have the following problem when I try to compile the entire thing. It all preloads up until the nav page trys to load. It halts and outputs the following:

Code:

Gaia Framework (AS3) v3.1.9
TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::MovieClip@e0d5cb9 to com.gaiaframework.api.IPage.
at com.gaiaframework.assets::PageAsset/::decorate()
at com.gaiaframework.assets::PageAsset/com.gaiaframework.assets:PageAsset::onComplete()

This question was asked back on page 14 I believe, but I never saw a solution. For ease of work, I have attached my test project I've made for learning this Global nav stuff.

Download project HERE.

I tried setting up the global_navigation_demo16 into a new GAIA AS3 project, and found that the new version of GAIA uses gs.* and your tween used com.greensock.*

After changing the libs around and trying to set the same up, the result was a failed attempt. Can you give me a NavPage.as and Nav.fla sample with the global_navigation_demo16 in a GAIA framework. I might be doing something wrong.

@oniell121
Please have a close look at NavPage.as. Compare the version of the demo with your version. You have removed some essential lines of code:

Code:

// declare navigationManager
public var navigationManager:NavigationManager2;

// hijack Gaia Event "afterTransitionIn" (onlyOnce=true) to stop the framework and wait until the navigation is completely loaded
public var releaseGaia_afterTransitionIn:Function;

// declare textfield and style for breadcrumbs navigation
public var tf_breadcrumbs:TextField;
private var tf_breadcrumbs_style:StyleSheet;

...there may be more errors after fixing this (for example, in your file NavPage.as you have to remove "var" in front of "releaseGaia_afterTransitionIn", because it is declared in the code shown above) , but as the demo version is working, it's best to go from there and examine every line of code before removing things. ;-)

@Bankai
greensock changed the package name from "gs" to "com.greensock" some time ago. I have already adapted this in the global navigation, so if Gaia still uses "gs" you can either have both packages or find and change all "gs" to "com.greensock".

I have fixed the issue discussed in this post (Answer 2): http://www.gaiaflashframework.com/index.php/topic,1156.msg11954.html#msg11954
Now you can have one child button and don't have to add some dummy nodes etc.

You can download v2.11 here: http://www.flashcmsframework.com/docs/global_navigation_download

Thanks to "bruno_is" for reminding me of this little bug. :-)

Ok, I created a whole new project. Downloaded the latest version of the scripts/classes used the demo site XML and copied and pasted the NavPage.as into the one being used. It almost worked. I get:

Code:

Gaia Framework (AS3) v3.1.9
TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::MovieClip@14b645e1 to com.gaiaframework.api.IPage.
at com.gaiaframework.assets::PageAsset/decorate()
at com.gaiaframework.assets::PageAsset/onComplete()

I have NO idea what that is.

Project HERE.

I can't seem to get the global_navigation_demo_16 to work in this GAIA project. I know I'm doing something wrong...
What i have is a menu toggle button that turns menu on and off. The menu is the same as global_navigation_demo_16.

I get the error

Code:

1061: Call to a possibly undefined method getSuspended through a reference with static type net.kaegi.navigation:NavigationManager2.

I fixed the above error and then i get this at runtime.

Code:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at net.kaegi.navigation::NavigationManager2/addBtnMouseListener()
at net.kaegi.navigation::NavigationManager2/releaseSuspendAfterInit()
at MethodInfo-915()

can you give me a sample of global_navigation_demo_16 demo in a gaia project?

It's difficult to say. If you can post or pm me a download link of your project I could have a quick look.

It's difficult to say. If you can post or pm me a download link of your project I could have a quick look.

it's a bit large now. Can you just implement global_navigation_demo_16 in a Gaia AS3 project and give it to me? I can use it to see what I'm doing wrong to get such weird errors.

Hi Bankai

I've just checked the global_navigaiton_demo_16 again and I discoverd that the getSuspended method got somehow lost... I wonder when that happend. Well, I fixed it and released version 2.12: please download it again and let me know if  your problems disappear.
http://www.flashcmsframework.com/docs/global_navigation_download

At the same time I finally updated the demo files to the actual version of gaia 3.1.9

Hi Bankai

I've just checked the global_navigaiton_demo_16 again and I discoverd that the getSuspended method got somehow lost... I wonder when that happend. Well, I fixed it and released version 2.12: please download it again and let me know if  your problems disappear.
http://www.flashcmsframework.com/docs/global_navigation_download

At the same time I finally updated the demo files to the actual version of gaia 3.1.9

Thanks for fixing that <3. Now I don't have to blow my head off.

Hey Christian,
I took a look at the demos, very nice work. I'm wondering if you can help me with two questions.

1. Within the gaia site xml, is there a way to make the menu  show it's hierarchy only on rollover, like some of the swf menu examples you included. More like a traditional drop-down than a navigation system.
2. Is there a way for some of the links to take some other sort of actions than traversing the gaia site structure. for instance I want to simply navigate to a url wit hone of the links.

Thanks!

[Nav XML]

Hello Turtlebite

I just tried to upgrade the GlobalNav to the newest version but since there were so many changes i got many errors.
Most of them were solveable but i dont know whats wrong with this here:

Error Message: [ net.kaegi.navigation.NavigationParser2 ] ERROR: button id "" found more than once!
The strange thing is that the ERROR variable is empty...

Ill get this error nine times. As far as i know, i dont have any empty or double IDs : /
If i run this xml structure in the demo file it works fine:

Nav XML

Code:

<?xml version="1.0" encoding="UTF-8"?>
<root>
<navigation>

<button id="visualisierungen" btnSWF="mainBtn.swf" btnPosX="0" btnPosY="93" btnSpacingX="0" btnSize="100" btnLabel="visualisierungen">
<button id="vis01" btnSWF="mainsubBtn.swf" btnSpacingY="0" btnAddLabelSpace="10" btnLabelAlign="left" btnPosX="+5" btnPosY="+24" btnSize="180" btnLabel="BILDER DER ZUKUNFT"/>
<button id="slideshow_bau" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="ÖFFENTLICHER BAU"/>
<button id="slideshow_buero" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="BÜRO-/GEWERBEBAU"/>
<button id="slideshow_wettb" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="WETTBEWERBE"/>
<button id="slideshow_ing" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="INGENIEURBAUTEN"/>
<button id="slideshow_sim" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnMakeRoomY="true" btnLabel="SIMULATIONEN"/>
<button id="slideshow_wohn" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnSpacingX="10" btnLabel="WOHNUNGSBAU"/>
</button>

<button id="animationen" btnSWF="mainBtn.swf" btnSize="120" btnLabel="animationen/interaktiv">
<button id="video_box1" btnSWF="mainsubBtn.swf" btnSize="195" btnAddLabelSpace="10" btnLabelAlign="left" btnPosX="+0" btnPosY="+24" btnSpacingY="0" btnLabel="ANIMATIONEN"/>
<button id="muster_box1" btnSWF="mainsubBtn.swf" btnSize="195" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="VIRTUELLE MUSTERWOHNUNG"/>
<button id="muster_box2" btnSWF="mainsubBtn.swf" btnSize="195" btnAddLabelSpace="10" btnLabelAlign="left" btnMakeRoomY="true" btnLabel="INTERAKTIVE MUSTERWOHNUNG"/>
</button>

<button id="immobilienpromo" btnSWF="mainBtn.swf" btnSize="110" btnLabel="immobilien-promotion">
<button id="b2_0" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnPosX="-3" btnPosY="+24" btnSpacingY="0" btnLabel="PROFESSIONELLER WEBAUFTRITT"/>
<button id="slideshow_gesamtloesungen" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="GESAMTLÖSUNGEN"/>
<button id="slideshow_dok" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="DOKUMENTATIONEN"/>
<button id="slideshow_web" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="WEBSITES"/>
<button id="slideshow_bautafeln" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="BAUTAFELN"/>
<button id="slideshow_stativ" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="HOCHSTATIV- UND LUFTFOTOGRAFIE"/>
<button id="b2_6" btnSWF="mainsubBtn.swf" btnSize="210" btnAddLabelSpace="10" btnLabelAlign="left" btnMakeRoomY="true" btnLabel="WEITERE DIENSTLEISTUNGEN"/>
</button>

<button id="fotoreplacement" btnSWF="mainBtn.swf" btnSize="100" btnLabel="fotoreplacement"/>

<button id="unternehmung" btnSWF="mainBtn.swf" btnSize="100" btnLabel="unternehmung">
<button id="u1" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnPosX="+7" btnPosY="+24" btnSpacingY="0" btnLabel="SWISS INTERACTIVE AG"/>
<button id="u2" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="REFERENZEN"/>
<button id="u3" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="UNTERLAGEN BESTELLEN"/>
<button id="u4" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="PORTRAIT"/>
<button id="u5" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="TEAM"/>
<button id="u6" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnLabel="STANDORT"/>
<button id="u7" btnSWF="mainsubBtn.swf" btnSize="180" btnAddLabelSpace="10" btnLabelAlign="left" btnMakeRoomY="true" btnLabel="JOBS"/>
</button>

<button id="home" btnSWF="topBtn.swf" btnPosX="5" btnPosY="5" btnSpacingX="0" btnSize="50" btnLabel="[HOME]"/>
<button id="brandheiss" btnSWF="topBtn.swf" btnSpacingY="0" btnAddLabelSpace="10" btnLabelAlign="left" btnSize="90" btnLabel="[BRANDHEISS]"/>
<button id="kontakt" btnSWF="topBtn.swf" btnSpacingY="0" btnAddLabelSpace="10" btnLabelAlign="left" btnSize="50" btnLabel="[KONTAKT]"/>

</navigation>
</root>

site XML

Code:

<site title="%PAGE% - swissinteractive AG, Aarau" menu="true">
  <page id="index" src="index.swf" title="Willkommen bei swissinteractive" bytes="21771" seoBytes="4086" seo="true">
    <page id="nav" title="nav" src="nav.swf" depth="top" bytes="75957" seo="true" seoBytes="4078">
      <page id="home" title="Willkommen bei swissinteractive AG" src="home.swf" menu="true" landing="true" flow="preload" bytes="91589" seo="index.html" seoBytes="4086">
        <asset id="newsbox" title="content" src="xml/news.xml" preload="true" bytes="224"/>
        <asset id="homebox" title="content" src="xml/homebox.xml" preload="true" bytes="631"/>
        <asset id="bghome" title="background iImage" src="img/bg-home02.jpg" preload="true" bytes="214020"/>
      </page>
      <page id="video_player" title="Video Player" src="video_player.swf" depth="top" flow="preload" bytes="84470"/>
      <page id="brandheiss" title="brandheiss" src="brandheiss.swf" landing="true" flow="preload" bytes="91947" seo="true" seoBytes="4103">
        <asset id="bgbrandheiss" src="img/bg-brandheiss02.jpg" preload="true" bytes="299350"/>
        <page id="slideshow_box1" title="slideshow belvedere hergiswil" src="slideshow_box1.swf" depth="top" flow="preload" seo="true" bytes="114939" seoBytes="4141"/>
        <page id="slideshow_box2" title="slideshow rockon!" src="slideshow_box2.swf" depth="top" flow="preload" seo="true" bytes="113507" seoBytes="4129"/>
      </page>
      <page id="kontakt" title="kontakt" src="kontakt.swf" flow="preload" bytes="22669" seo="true" seoBytes="4094">
        <asset id="bgkontakt" src="img/bg-empty.jpg" preload="true" bytes="32292"/>
      </page>
      <page id="visualisierungen" title="visualisierungen" src="visualisierungen.swf" menu="true" flow="preload" bytes="77614" seo="true" seoBytes="4121">
        <asset id="visibox" src="xml/visibox.xml" bytes="459"/>
        <asset id="bgvisi" src="img/bg-vis02.jpg" preload="true" bytes="320206"/>
      </page>
      <page id="slideshow_bau" title="slideshow: öffentlicher Bau" src="slideshow_bau.swf" depth="top" flow="cross" bytes="205200" seo="true" seoBytes="4127"/>
      <page id="slideshow_buero" title="slideshow: büro- und gewerbebau" src="slideshow_buero.swf" depth="top" flow="cross" bytes="205409" seo="true" seoBytes="4135"/>
      <page id="slideshow_wettb" title="slideshow: wettbewerbe" src="slideshow_wettb.swf" depth="top" flow="cross" bytes="205422" seo="true" seoBytes="4125"/>
      <page id="slideshow_ing" title="slideshow: ingenieurbauten" src="slideshow_ing.swf" depth="top" flow="cross" bytes="205411" seo="true" seoBytes="4125"/>
      <page id="slideshow_sim" title="slideshow: simulationen" src="slideshow_sim.swf" depth="top" flow="cross" bytes="205432" seo="true" seoBytes="4122"/>
      <page id="slideshow_wohn" title="slideshow: wohnungsbau" src="slideshow_wohn.swf" depth="top" flow="cross" bytes="205435" seo="true" seoBytes="4123"/>
      <page id="animationen" title="animationen/interaktiv" src="animationen.swf" flow="preload" bytes="77640" menu="true" seo="true" seoBytes="4117">
        <asset id="anibox" src="xml/anibox.xml" bytes="454"/>
        <asset id="bgani" src="img/bg-ani02.jpg" preload="true" bytes="207704"/>
      </page>
      <page id="video_box1" title="übersicht videos" src="video_box1.swf" depth="top" flow="preload" seo="true" bytes="137985" seoBytes="4110">
        <asset id="bgvid1" src="img/bg-empty.jpg" preload="true" bytes="32292"/>
      </page>
      <page id="muster_box1" title="übersicht virtuelle musterwohnungen" src="muster_box1.swf" flow="preload" seo="true" bytes="22687" seoBytes="4131">
        <asset id="bgmus1" src="img/bg-empty.jpg" preload="true" bytes="32292"/>
      </page>
      <page id="muster_box2" title="übersicht interaktive musterwohnungen" src="muster_box2.swf" flow="preload" seo="true" bytes="22684" seoBytes="4133">
        <asset id="bgmus2" src="img/bg-empty.jpg" preload="true" bytes="32292"/>
      </page>
      <page id="immobilienpromo" title="immobilien-promotion" src="immobilienpromo.swf" menu="true" flow="preload" bytes="77645" seo="true" seoBytes="4123">
        <asset id="promobox" src="xml/promobox.xml" bytes="462"/>
        <asset id="bgpromo" src="img/bg-immo02.jpg" preload="true" bytes="118692"/>
      </page>
      <page id="slideshow_gesamtloesungen" title="slideshow: gesamtlösungen" src="slideshow_gesamtloesungen.swf" depth="top" flow="cross" bytes="205455" seo="true" seoBytes="4149"/>
      <page id="slideshow_dok" title="slideshow: dokumentation" src="slideshow_dok.swf" depth="top" flow="cross" bytes="205449" seo="true" seoBytes="4123"/>
      <page id="slideshow_web" title="slideshow: websites" src="slideshow_web.swf" depth="top" flow="cross" bytes="205440" seo="true" seoBytes="4118"/>
      <page id="slideshow_bautafeln" title="slideshow: bautafeln" src="slideshow_bautafeln.swf" depth="top" flow="cross" bytes="205454" seo="true" seoBytes="4131"/>
      <page id="slideshow_stativ" title="slideshow: hochstativ- / luftfotografie" src="slideshow_stativ.swf" depth="top" flow="cross" bytes="205449" seo="true" seoBytes="4144"/>
      <page id="fotoreplacement" title="fotoreplacement" src="fotoreplacement.swf" flow="preload" bytes="22710" menu="true" seo="true" seoBytes="4118">
        <asset id="fotobox" src="xml/fotobox.xml"/>
        <asset id="bgfoto" src="img/bg-empty.jpg" preload="true" bytes="32292"/>
      </page>
      <page id="unternehmung" title="unternehmung" src="unternehmung.swf" menu="true" flow="preload" bytes="22692" seo="true" seoBytes="4109">
        <asset id="bgunt" src="img/bg-empty.jpg" preload="true" bytes="32292"/>
      </page>
    </page>
  </page>
</site>

When i take the navPage.as into my gaia project it throws this error...the project is published but no nav is showing...
Can you give me a hint what is wrong?