Side Tab and bookmark

[dards]

Hi Florian and to all here,

I would like to suggest some feature at Megazine engine regarding the side tab link.

I need to have some tab or button link at the right side of the page but when I put some button in flash or box object it is not
active because this area on the right side of the page was used by the engine for hotspot curling effect of the page.

Suggestion:
1.  to customize or minimize the area of the hotspot of page curling effect so that I can able to put some buttons on the right side of the page
2.  option to disable the curling effect on some page to have a side tab button.
3. A possible to have some bookmark effect to jump to other page on the book by clicking on it

[vincent]

i like this suggestion, he was a good thing if we can customize the area of the hotspot for turning page so we can desactivate it and add a button for that or restrict the area and place some tabs for jump chapters on chapters..

i don't know if i understand your suggestions for the bookmark effect btu you can already had some buttons on the page to jump to other specific page by using the megazine api. the code on your page.swf (i'm not sure, but it's  something like that)

Code: ("actionscript3")

import de.mightypirates.megazine.interfaces.*;
//import de.mightypirates.megazine.elements.Img;
//import de.mightypirates.utils.events.VisibilityEvent;
 
var mz:IMegaZine;
function megazineSetup(mz:IMegaZine, pageside:IPageSide):void {
   this.mz = mz;
}
button.addEventListener(
     MouseEvent.CLICK,
     function(e):void {
          mz.gotoPage(5);
     }
);
 

good suggestions!

[MPete]

Another option is to have a HTML side bar that you can edit as you please based on html/javascript. eg: http://www.kryztoff.com

[dards]

Thanks vincent and Mpete,

For now I can manage to put a side tab on the book by modifying the megazine.asul , below is my code for inserting side tab

Code: [Select]

    <scrollpane anchors="25,75,pw-25,ph-75" clipchildren="false" id="pagecontainer" mousemode="mouse_move">
    <box clipchildren="false" height="pageh" name="$viewport$" width="pagew*2">

    <box background="image(src/en/tab.swf)" height="545" mouseenabled="true"  width="28.6" x="(pagew*2)-0" y="10"/>

        </box>
    </scrollpane>

On the code above I just only insert the box element with the tab.swf as my flash file use as tab , you need to set mouseenabled=true so that you can click your tab, the advantage of having this box inside the scrollpane element is that
it stick on the book even you resize the page or zoom.

For this tab, no need to recompile the megazine flash file, you just add you tab flash file and have the button code below to navigate to the book pages

Code: [Select]


this.addEventListener(MouseEvent.CLICK, gotopage);

function gotopage(event:MouseEvent):void
{
var url:URLRequest = new URLRequest("#/10");
navigateToURL(url, "_self");
}


The #/10 is the page you want the book to go when clicking the button on the tab.


You can view the preview of the book with side tab here http://www.mindworksoft.com/book/

[vincent]

excellent 

[Florian Nücke]

Sweet! Now the next step would be implementing that using ASUL to make the appearance completely customizable using the XML definitions, and have a plugin for the functionality part