best way to assign a color to an area?

[jeremyBass]

Hello, so I have to make a buch of links.. so I thought that it's be way quick to just add a style to it with like the background set to red then I could just remove the back ground color so I could flip them on and off to edit quicker... Hope that makes sense...


example:

Code: [Select]

<page foldfx="1">
<img width="740" height="960"  hires="src/pageTurner/3.jpg" >
<src lang="en">src/pageTurner/3.jpg</src>
</img>
<area left="300" top="210" width="300" height="15" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/18" overlay="none" target="_self" title="Arts & Culture"  style="areaBox"/>
<area left="300" top="235" width="300" height="15" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/20" overlay="none" target="_self" title="Destination Guide" style="areaBox"/>
<area left="300" top="250" width="300" height="15" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/24" overlay="none" target="_self" title="Events Calendar (rodeos, festivals, etc)" style="areaBox"/>
</page>


edit... soory I had a typo in the name lol

[Florian Nücke]

Although I don't quite get what you're saying, changing the color of an area can be achieved using the overlay attribute. If you're already playing with v2, don't forget to load the overlays plugin for that.

[jeremyBass]

well this is what I have loaded...

plugins="anchors, batchpages, elementids, javascript, keyboardnavigation, links, navigationbar,  overlays, slideshow, swfaddress, titles, Gallery "

(too which I need to figure out what I can drop off...)

The idea is this.. I want to turn on the area color when I'm making them... so I can see for sure where the xy and wh need to be... then after I'm done I just remove the color.. so I guess the point is this... I'm aiming to have one part that colors all of these area links... this way I turn them all on or off with just a quick small change... Hope that make better sense.. I've looked all over the wiki but have not found what I need just yet

[Florian Nücke]

Ah, ok. Well, with "one quick change" could be impossible depending on the situation and what you'd call quick

Either way, you'll have to use overlays, so add something like overlay="color(0.75,0.75,0xff00ff)" to your areas.
If you're not using overlays anywhere else, you could just remove the overlays plugin from the plugins list to disable the coloring. Otherwise the only possibility will propably a search and replace through the book definition... try using some "unique" color to make it possible to search for the whole attribute and replace it with overlay_disabled="..." or something, then you can swap replace whenever you need to.

[jeremyBass]

you know that will work just fine .. I'll just do a regex and pull them all or add them all as I need... thanks ... this will work just fine...

[jeremyBass]

ok.. I thought would work... if I go

Code: [Select]

<page foldfx="1">
<img width="740" height="960"  hires="src/pageTurner/3.jpg" >
<src lang="en">src/pageTurner/3.jpg</src>
</img>
<area left="300" top="210" width="300" height="15" overlay="color(0.75,0.75,0xff00ff)" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/18" target="_self" title="Arts & Culture"/>
<area left="300" top="235" width="300" height="15"  url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/20" overlay="none" target="_self" title="Destination Guide" />
<area left="300" top="250" width="300" height="15" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/24" overlay="none" target="_self" title="Events Calendar (rodeos, festivals, etc)"/>
</page>


I do see it on the one... but If I go with

Code: [Select]

<page foldfx="1">
<img width="740" height="960"  hires="src/pageTurner/3.jpg" >
<src lang="en">src/pageTurner/3.jpg</src>
</img>
<area left="300" top="210" width="300" height="15" overlay="color(0.75,0.75,0xff00ff)" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/18" target="_self" title="Arts & Culture"/>
<area left="300" top="235" width="300" height="15" overlay="color(0.75,0.75,0xff00ff)"   url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/20" overlay="none" target="_self" title="Destination Guide" />
<area left="300" top="250" width="300" height="15"  overlay="color(0.75,0.75,0xff00ff)" url="http://98.129.105.20/Travel-Tools/view-the-discover-guide.html#/24" overlay="none" target="_self" title="Events Calendar (rodeos, festivals, etc)"/>
</page>

nothing shows after the perloader... very odd... I'll keep trying

[Florian Nücke]

You've got an overlay="none" in there as well (the second and third). Having two attributes of the same name is invalid XML and Flash throws an error parsing it -> nothing can be displayed.

[jeremyBass]

  well don't I look foolish there lol.. thanks..

[necrop4]

I want to change the over color (default is white) when I pass the mouse over an Area it's possible?

[Florian Nücke]

No, it's not. You could try the somewhat experimental (was more of a proof of concept than anything) AsulObject element, and create a button in there. I.e. something like this

Code: (xml)

<page>
  <asulobject>
    <asulxml>
      <button>...</button>
    </asulxml>
  </asulobject>
</page>