Image mapping and Master Detail Regions in CS3

Excellent advice to leave a url. I think I am having a similar problem with conceptualizing datasets for utilization with image mapping. I obviously cannot use the Get Schema via the Attach New Data set icon because I have rendered my own Master region. I am working with CS3. I will launch the site and ask for help from the url.
Here is:
http://www.atmfoods.net16.net/
I need help with this. With the phasing out of tabulated layouts for div based layouts I run into quite a few snags attempting to work around deprecation of tags issues. What am I trying to do here:
1. Get my spry menu to drop down in the child table and not the parent table aligned top left.
2. Use image mapping of the thumbnail images in integration with datasets and spry Master/Detail regions, even if hand coded to achieve, for a larger image and data on each thumbnail on an accordion spry widget. I am thinking grid systems for the future of my works and hope to achieve some relative command of grid systems. Without gridlock.

Hi,
The dataset name in the NestedDataSet constructor does not go
in quotes.
Try var dsCreds = new Spry.Data.NestedXMLDataSet(dsAgents,
"credentials/cred");
and see if that helps.
Don

Similar Messages

Problem w/ Nested Datasets and Master/Detail regions

Hi, I'm being using spry for a couple of applications and
really love it. This is the first time I've tried to utilize a
nested dataset and I'm having some difficulty loading the nested
data. I'm getting a js 'Object does not support this property or
method' error in IE and a 'Failed to retrieve data set (dsCreds)
for spry:repeat' in FF.
I've tried to map examples to my application but of course
it's slightly different. I have a master/detail region dynamically
generated from a .php file and part of the detail region has the
nested dataset. Maybe (hopefully) it's something obvious. I've
broken out a test case that demonstrates what's happing - If anyone
could take a look I would be extremely grateful!
The .htm file is on:
htm
file
The .PHP file that generates the dynamic XML is on:
PHP
file
A sample .XML (generated from the .PHP file is
Sample XML
file
Even without the Nested set getting generated the
Master/Detail section works fine.
Thanks so much for any help!
Edit - Apologies for all the inline css - still developing
:)

Hi,
The dataset name in the NestedDataSet constructor does not go
in quotes.
Try var dsCreds = new Spry.Data.NestedXMLDataSet(dsAgents,
"credentials/cred");
and see if that helps.
Don

'Next' and 'Previous' buttons in master/detail region

Hi,
I've managed to successfully create a master/detail region
which is basically a very simple photo gallery.
The left column shows the thumbnails, and when I click on
them it shows the full-size version in the right column.
I've been trawling userguides and forums for hours now, and I
just can't work out how I can put a 'next' and 'previous' button
beneath the large image enabling the viewer to move to the next
image.
I'm guessing it might be something to do with setRowNumber,
but I'm just not sure.
I'm pulling my (receding) hair out on this one, so any help
or useful links would be much appreciated!
My (basic) code below
<div spry:region="dsGT" id="thumbholder">
<div id="thumb" spry:repeat="dsGT"><img
src="onlinegallery/thumbs/{@path}" width="50" height="50"
spry:setrow="dsGT"></div>
</div>
</div>

<div id="copy">
<div id="fullimage">
<div spry:detailregion="dsGT">
<img src="onlinegallery/main/{@path}" />
</div>
Many thanks!

They make a call to JavaScript, I'm guessing you knew that?
I'm 96.7% JS illiterate, so I'm incapable of explaining it.
You have to download the Spry Framework, unpackage it, look
in the Demos folder, then look in the Gallery folder. Gallery.js, i
think, is where that JS call goes to in order to switch out the
next/prev image.
the download is here:
http://labs.adobe.com/technologies/spry/

Master / Details Regions with yui Calendar

I have a Calendar of Events that I need to display. I have put a yui Calendar in my Master Region, and need it to control the Details Region. I can get the Details Region to show a single event per day.
Is there a way to let the Details Region show multiple Events if they are scheduled on the same date?
I do not have access to an external web server to post my page to, but here is the code to the Master/Details Region on my site:
<div id="sidebar2">
    <div id="yuicalendar1"></div>
<script type="text/javascript">
// BeginWebWidget YUI_Calendar: yuicalendar1 (function() {
    var cn = document.body.className.toString();
    if (cn.indexOf('yui-skin-sam') == -1) {
      document.body.className += " yui-skin-sam";
})(); var inityuicalendar1 = function() {
    var yuicalendar1 = new YAHOO.widget.Calendar("yuicalendar1");    // The following event subscribers demonstrate how to handle
    // YUI Calendar events, specifically when a date cell is
    // selected and when it is unselected.
    // See: http://developer.yahoo.com/yui/calendar/ for more
    // information on the YUI Calendar's configurations and
    // events.
    // The YUI Calendar API cheatsheet can be found at:
    // http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
    //--- begin event subscribers ---//
    yuicalendar1.selectEvent.subscribe(selectHandler, yuicalendar1, true);
    yuicalendar1.deselectEvent.subscribe(deselectHandler, yuicalendar1, true);
    //--- end event subscribers ---//
yuicalendar1.cfg.setProperty("title", "Calendar of Events", false);    yuicalendar1.render();
} function selectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a date cell is selected.
// alert(event) will show an event type of "Select".
// alert(data) will show the selected date as [year, month, date].
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" + data[0][0][0];
var r = dsCalendar.findRowsWithColumnValues({"Date": formattedDateString }, true);
var region = Spry.Data.getRegion("classDetail");
if(r){
   dsCalendar.setCurrentRow(r.ds_RowID);
   region.setState("showClass", true);
   } else {
    region.setState("ready", true);
}; function deselectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a selected date cell is unselected.
};    // Create the YUI Calendar when the HTML document is usable.
YAHOO.util.Event.onDOMReady(inityuicalendar1);
// EndWebWidget YUI_Calendar: yuicalendar1
</script>
<div spry:detailregion="dsCalendar" spry:setrow="dsCalendar" id="classDetail">
<div spry:state="showClass">
<table width="100%" border="0" cellpadding="1">
   <tr>
     <td colspan="2"><h4>{Class}</h4></td>
    </tr>
   <tr>
    <td colspan="2">{Description}</td>
    </tr>
   <tr>
     <td>{Location}</td>
     <td>{Date}</td>
   </tr>
</table>
    </div>
    <div spry:state="ready">
There are no classes on this date. Please select another date.
</div></div>
</div>
And, here is the code to my "schedule.htm" file:
Class
Logo
Description
Location
Date
Dreamweaver CS4 Intermediate
Take your skills to the next level with this training.
Austin, TX
12/15/2008
InDesign CS4 Advanced
This class is for experienced users that want to go beyond the basics.
Phoenix, AZ
12/18/2008
Flex CS4 Data Services
Learn about Live Cycle Data Services in this training.
Austin, TX
12/19/2008
Flash CS4 Rich Content Creation
From beginning to intermediate, learn how to animate with the latest tools.
Austin, TX
12/30/2008
Photoshop Advanced
Experienced Photoshop users will learn how to use advanced tools for image manipulation.
Phoenix, AZ
12/20/2008
Dreamweaver CS4 Intermediate
Take your skills to the next level with this training.
Austin, TX
12/01/2008
InDesign CS4 Advanced
This class is for experienced users that want to go beyond the basics.
Phoenix, AZ
12/08/2008
Flex CS4 Data Services
Learn about Live Cycle Data Services in this training.
Austin, TX
12/25/2008
Flash CS4 Rich Content Creation
From beginning to intermediate, learn how to animate with the latest tools.
Austin, TX
12/26/2008
Photoshop Advanced
Experienced Photoshop users will learn how to use advanced tools for image manipulation.
Phoenix, AZ
8/21/2009
Short Course
Seminar where the engineers come together to discuss TxDOT.
Austin, TX
8/26/2009
Long Course
Around the cementary, down to the high school, and back.
Wolfforth, TX
8/21/2009
No Class
No classes on this date.
n/a
Notice on the schedule.htm file, there are some classes that have the same date. I would like the Details region to show multiple classes based on the date. Is that even possible?
Thanks!

@strick,
Don't know if you got this sorted out already, but I'll add an answer since I looked here when trying to figure this out.
I had the same problem.
You can get this to do what you want in two steps:
1.) Just below the line in your code that reads
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" + data[0][0][0];
add the following code:
function myFilterFunc(dataSet, row, rowNumber)
// Filter all rows with date = selected date
if (row['Date'] == formattedDateString){
return row;   }
else {
return null;}
// Filter the data.
dscalendar.filter(myFilterFunc);
2.) Just after the line in your code that reads
<table width="100%" border="0" cellpadding="1">
add the following code:
<tr spry:repeat="dscalendar">
Ok, one last step for the code that you've listed here. You should be able to get rid of all the <tr> tags except for the outermost ones. So, it could
look like this:
<table width="100%" border="0" cellpadding="1">
   <tr spry:repeat="dscalendar">
    <td colspan="2"><h4>{Class}</h4></td>
    <td colspan="2">{Description}</td>
    <td>{Location}</td>
    <td>{Date}</td>
   </tr>
</table>
You can see a working example of this at http://www.coloradogreenline.com/YUISpryCalendar/sprytest6.html. October 13, 2009 has more than one event scheduled. This one doesn't display the data in table format, but you can still it working.
Hope this helps.

How Do I: Bind a YUI Calendar Widget to a Spry Master Detail Region?

Hello All,
Does anyone know how to bind a YUI Calendar widget to a Spry
master detail region? I have the dataset, yui calendar inserted but
no clue how to bind the two so my dataset populates the calendar
(Highlights dates that have a event) and when a date in the
calendar is clicked it shows in the details section.
I have found a tidbit or two via google but they don't deal
with the new yui cs4
widget. I have seen some video on adove tv that touches on
inserting the yui calendar into a spry dataset but not how to bind
the two together...
Any thoughts on this would be greatly appreciated.

You have to write some code that sets up a select callback on
the YUI side of things, and then set the current row of the data
set that matches that date.
Something like this:
var cal1 = new YAHOO.widget.Calendar("cal1","YUICal1");
cal1.render();
cal1.selectEvent.subscribe(function(type, args, obj)
// Get the selected date string from cal1.
var selectedDate = cal1.getSelectedDates()[0].getDate();
// Find the first row in the data set that has the
// selected date in it's "date" column.
var row = ds1.findRowsWithColumnValues({"date":
selectedDate}, true);
// If we have a matching row, make it the current row for
the data set.
if (row)
ds1.setCurrentRow(row.ds_RowID);
}, cal, true);
--== Kin ==--

Spry Tabbed Panels and Master/ Detail Page Set interraction

Hi,
I have created a feedback form and am using a Spry Tabbed Panel to allow users to review all responses to one question and then all responses to the next question in different tabs, there are 6 tabs in all. In each tab I have created a Master/ Detail Page set - well actually just the Master appears in the tab. This is working fine. I allow up to 20 responses to be shown on each tab, after which the user selects First/Previous/Next/Last. When they do this the screen refreshes and the tabbed panel display goes back to the default tab, clicking on the tab previously used correctly displays whichever of First/Previous/Next/Last the user selected. I'd like the display to remain on the user's current tab when they select First/Previous/Next/Last.
The page in question is here http://www.hollisterairshow.com/feedback-results2.php, then scroll about half way down the page and select one of the tabs.
Thanks.
Tony

Hi Tony,
Look at the following, blue coded is comment only, red coded is what has to be added to your existing code and orange coded is added by the SpryDataSet creator if done properly. Where the orange part starts, thats where you place your cursor when creating the dataset.
    <p> </p>
   <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">All feedback</li>
        <li class="TabbedPanelsTab" tabindex="0">Suggestions for improvement</li>
        <li class="TabbedPanelsTab" tabindex="0">What did you like the most</li>
        <li class="TabbedPanelsTab" tabindex="0">What did you like the least</li>
        <li class="TabbedPanelsTab" tabindex="0">What else would you like to see</li>
        <li class="TabbedPanelsTab" tabindex="0">Any other comments</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">
          <table border="1" align="center" id="allFeedback"> .... start feedback table tag (line 763)
            <tr>
              <td width="80"><strong>Feedback Number</strong></td>
              <td><strong>Days attended</strong></td>
              <td><strong>Arrived by</strong></td>
              <td><strong>Arrival arrangements</strong></td>
              <td><strong>Expectations met</strong></td>
              <td><strong>Ticket price</strong></td>
              <td><strong>Zip code</strong></td>
            </tr>
.................... rest of table probably your PHP repeat area
              </tr>
          </table> .... end feedback table tag
          <div spry:region="dsAllFeedback">
            <table>
               <tr>
                <th spry:sort="Feedback_Number">Feedback Number</th>
                <th spry:sort="Days_attended">Days attended</th>
                <th spry:sort="Arrived_by">Arrived by</th>
                <th spry:sort="Arrival_arrangements">Arrival arrangements</th>
                <th spry:sort="Expectations_met">Expectations met</th>
                <th spry:sort="Ticket_price">Ticket price</th>
                <th spry:sort="Zip_code">Zip code</th>
              </tr>
              <tr spry:repeat="dsAllFeedback" spry:setrow="dsAllFeedback" spry:odd="row_odd" spry:even="row_even" spry:hover="row_hover" spry:select="row_select">
                <td>{Feedback_Number}</td>
                <td>{Days_attended}</td>
                <td>{Arrived_by}</td>
                <td>{Arrival_arrangements}</td>
                <td>{Expectations_met}</td>
                <td>{Ticket_price}</td>
                <td>{Zip_code}</td>
              </tr>
            </table>
          </div>
          <br />
          <table border="0">
I hope this helps.
Ben

Setrow with Paged Dataset and Master / Detail containers

Hi,
I am building a photo album.
I am using paged views on the photos as the collection is currently 132 and growing. So I have a paged view of 15 photos at a time, which are in a master container. I want to be able to click a photo thmubnail and for it to update the large photo in the detail region. However with paged views it doesn't seem to update the current row in the detail region. If I used the Spry dataset the pagedview is built on the setrow functionality works fine.
The page is here www.thehmc.co.uk/photo4.html
What are my options to get this working?
Cheers
Phil

Hi Phil,
This is completely out of context and I am probbaly risking a flame, Still I want to share the following piece of code with you.
<p> © 2008
<script language="JavaScript" type="text/javascript">
            var d=new Date();
            yr=d.getFullYear();
            if (yr!=2008)
              document.write("- "+yr);
          </script>
Created / Maintained by Phil Whitehurst</p>
This will automatically update the year.
Ben

Event handling across master/detail regions.

Hi,
I have a table displaying a few targets in the master region and the details of the selected target are shown in an other region. The selected target is passed as an input parameter to the dependent region.
Both these regions are displayed in one page. Is there a way to make the first row auto selected in the master region table and show it's contents in the dependent region ?
The trouble here is that the selected row target needs to be passed as an input parameter to the dependent region. Is there a way to fire a table selection listener after the master region has been rendered ?
Currently, we display the first region table with no rows selected. When the user selects a row, the table selection listener updates the input parameter to the detail region which then gets refreshed.
Thanks
Shankar

Hi Frank,
This is the contents of the pageDef where I'm including the master(first one) and detail regions(second one). The highlighted parameter('cohTargetName') is the selected target input parameter to the detail region.
Once the user selects a table row, I set the selected target value in emas_model_coherence_CoherenceGroupModel.selectedTarget.
Can you provide me with an example of defining this parameter in terms of the first row of the table ?
Thanks
Shankar
<pageDefinition>
<executables>
<taskFlow id="coherenceGroupRegion"
taskFlowId="WEB-INF/as/coherence/emas-coherence-group-taskflow#emas-coherence-group-taskflow"
Refresh="ifNeeded"
xmlns="http://xmlns.oracle.com/adf/controller/binding">
<parameters>
<parameter id="targetName" xmlns="http://xmlns.oracle.com/adfm/uimodel"
value="#{emas_model_coherence_CoherenceGroupModel.targetName}"/>
<parameter id="targetType" xmlns="http://xmlns.oracle.com/adfm/uimodel"
value="#{emas_model_coherence_CoherenceGroupModel.targetType}"/>
<parameter id="refreshTime" value="${viewScope.sdk_pagetemplate_model.contextHeader.timeStamp}"/>
</parameters>
</taskFlow>
<taskFlow id="coherenceNodeTableRegion"
taskFlowId="WEB-INF/as/coherence/emas-coherence-nodeTable-taskflow#emas-coherence-nodeTable-taskflow"
Refresh="ifNeeded"
xmlns="http://xmlns.oracle.com/adf/controller/binding">
<parameters>
*<parameter id="cohTargetName" xmlns="http://xmlns.oracle.com/adfm/uimodel"*
*value="#{emas_model_coherence_CoherenceGroupModel.selectedTarget}"/>*
<parameter id="targetName" xmlns="http://xmlns.oracle.com/adfm/uimodel"
value="#{emas_model_coherence_CoherenceGroupModel.targetName}"/>
<parameter id="targetType" xmlns="http://xmlns.oracle.com/adfm/uimodel"
value="#{emas_model_coherence_CoherenceGroupModel.targetType}"/>
<parameter id="refreshTime" value="${viewScope.sdk_pagetemplate_model.contextHeader.timeStamp}"/>
</parameters>
</taskFlow>
</executables>
<bindings/>
</pageDefinition>

Accordion and master/detail datasets

Does anyone know of a working Accordion example that uses
master and detail datasets, with master records as tabs and
multiple detail records in the contents? Would like to be able to
see XML data files, too.
I keep getting an error message and in other examples the
accordion loses it's animation.

I think the issue is the Spry data object does not appear to
handle multi-level (master/child) datasets. If the Spry dataset
could handle them then the accordion could load all the data
(master in tabs and children in content) and it would not have to
reload child data on every tab click.
Anyway, here is the code:
<script type="text/javascript">
<cfoutput>
var dsMaster = new
Spry.Data.XMLDataSet("#myurl#","Corp/Department");
var dsDetails = new
Spry.Data.XMLDataSet("#myurl#&orgid={dsMaster::INTORGID}","Departments/Unit");
</cfoutput>
var regObserver = new Object;
regObserver.onPostUpdate = function(notifier, data) {
var acc = new Spry.Widget.Accordion("allocations",
{defaultPanel: dsMaster.getCurrentRowNumber()});
Spry.Data.Region.addObserver("allocations", regObserver);
</script>
Example of what I mean with multi-level:
<Department>
<STRDEPARTMENT>ADMINISTRATION
DEPARTMENT</STRDEPARTMENT>
<Units>
<STRUNIT>Technology</STRUNIT>
<STRUNIT>Personnel</STRUNIT>
</Units>
</Department>

Help needed for implementing master details region on the search page

Hi All,
     I am new to Jdeveloper and OAF. I need to develop a sales order search page, for which the VO query is
     SELECT ch.order_number order_number
     , ch.attribute97 order_detail
     , ch.attribute14 sold_to
     , ch.attribute50 business_group
     , ch.source_doc_type source_doc_type
     , ch.line_number line_number
     , ch.transaction_amount transaction_amount
     , ch.split_pct||'%' split_percentage
     , jrs.NAME resource_name
     , jrr.resource_number resource_number
     , ch.processed_date processed_date
     , cq.NAME quota_name
     , ch.attribute34 transaction_type
     , ch.attribute35 order_type
     , ch.attribute51 product_line
     , ch.attribute54 city
     , ch.attribute55 state
     , ch.attribute56 district
     , ch.attribute57 area
     , ch.attribute61 salesrep_number
     , ch.attribute62 region
     , ch.attribute64 sales_org
     , ch.attribute68 terr_order_type
     , ch.attribute58 market_indicator
     FROM cn_commission_lines_all cl
     , cn_commission_headers_all ch
     , cn_quotas_all cq
     , jtf_rs_salesreps jrs
     , jtf_rs_resource_extns jrr
     WHERE cl.direct_salesrep_id = cl.credited_salesrep_id
     AND cl.commission_header_id = ch.commission_header_id
     AND cl.quota_id = cq.quota_id
     AND ch.direct_salesrep_id = jrs.salesrep_id
     AND jrr.resource_id = jrs.resource_id
     AND (NVL(ch.source_doc_type,'X') = 'EVEREST' OR NVL(ch.source_doc_type,'X') = 'SAP')
AND (NVL(ch.attribute50,'X') = 'EMG' OR NVL(ch.attribute50,'X') = 'LSCA')
I have 3 query parameters business_group, source_doc_type and sales order number.
The results region should look like,
Header region with order_number,order_detail,sold_to,business_group and the source_doc_type columns.
The remaining fields go into the details region.
Highly appreciate if anyone could help me on this.
Regards,

Hi,
When I have a messagestyle layout for my header, I am not able to find the items in this region for the querycriteriamap. I need to populate the header region with values entered in the search region.
For example: I create the OrderNumber messagestyledtext item in the messagecomponent layout of the header region. In simplesearchmappings, for the querycriteriamap, I am not able to find this item in the drop down for Results Item property.
Please help me to understand.
Regards,

Refresh problem by combination of programmatic view and master-detail page

I am using the latest versions of both ADF (10.1.3.2.0.4066) and JHeadstart (10.1.3.1.26) and I have an application with 1 page in which I have as root page a programmatic view (table-form) which I fill with request parameters.
Under that programmatic view I have a master (table) with 3 detail pages (table).
The programmatic view is populated with always 1 row, which goes always correct.
The problem is occuring when iterating through the first entity based master table which contains lots of rows. Then the problem is that when you navigate through the master table the detail pages are refreshed correctly, but when you navigate back to the first row that row won't get updated.
The next thing I tried is create a new jheadstart application with only the master-detail pages (entity based), so without the programmatic view, and then the iterating through the master table and the refresh of the child tables is working correct.
What can be the problem here.

Have you tested this in the ADF Business Components Browser? That's the tester that you can find by right-clicking your ADF BC Application Module and choosing Test. If you go to the View Object instance for the programmatic view, and using the ViewLinks to its children, do you get the same behavior as in the JHeadstart application?
kind regards,
Sandra Muller
JHeadstart Team
Oracle Consulting

Database Views and Master-Detail using ADF

How would I create a master-detail form using a database view for the search-able master table and a database view as the detail table?
The detail-view will need to be update-able (adf-table) using an instead-of trigger to perform the updates to the database table.
Thanks in advance...

There are several sections in the ADF Developer's Guide about using views (http://www.oracle.com/technology/documentation/jdev/b25947_01/index.html):
- 26.4 Basing an Entity Object on a PL/SQL Package API
- 6.2.4 Creating an Entity Object for a Synonym or View
You can also try Steve Muench's web log: http://radio.weblogs.com/0118231/stories/2004/09/23/notYetDocumentedAdfSampleApplications.html
There are at least two (old) items there that involve view with instead-off triggers:
- Composite Entity Using Stored Procedure API to Create/Modify/Remove Master and Children
- Entity Object Based on View With Instead Of Triggers Avoiding Returning Into Clause
Jan Kettenis

Spry Tabbed Panel and Master/Detail Page Set interraction

Hi,
I have created a feedback form and am using a Spry Tabbed Panel to allow users to review all responses to one question and then all responses to the next question in different tabs, there are 6 tabs in all. In each tab I have created a Master/ Detail Page set - well actually just the Master appears in the tab. This is working fine. I allow up to 20 responses to be shown on each page, after which the user selects First/Previous/Next/Last. When they do this the screen refreshes and the tabbed panel display goes back to the default tab, clicking on the tab previously used correctly displays whichever of First/Previous/Next/Last the user selected. I'd like the display to remain on the user's current tab when they select First/Previous/Next/Last.
The page in question is here http://www.hollisterairshow.com/feedback-results2.php, then scroll about half way down the page.
Thanks.
Tony

Hi Tony,
Have a look here http://labs.adobe.com/technologies/spry/samples/data_region/PagingSample.html and here http://labs.adobe.com/technologies/spry/samples/data_region/SpryPagedViewSample.html
If you need further assistance, go to the Spry Forum http://forums.adobe.com/community/labs/spry
I hope this helps.
Ben

Image Maps and Hotspots in a liquid layout?

I'm wondering if anyone is aware of a way to make an image map with hotspots conform to a liquid layout. Since each hotspots has its own coordinates, when the image moves (grows smaller or larger) those hospots no longer coincide with those specified coordinates on the map. I currently have a map with rollovers and clickable links (an image map with hotspots) at a fixed 987 pixels and I'd like to redo it so it's 1920 pixels and liquid. I've got the rest of my site working with a liquid layout, but can't figure out the image map thing and an exhaustive search online has proved unfruitful as have all my attempts. Here's a link to my current liquid site and the page where the image map is. Thanks.
http://christopherdeldridge.com/PhotoWorldMap.php

All things are possible but this one is right on the edge! You *could* do this by adjusting EACH coordinate dynamically but it would be a major beast given the number of hotspots you are using, and the number of coordinate pairs in each.
I wouldn't want to tackle this project.
Perhaps Flash is the answer here?

Image Maps and netui

          How would I convert an image map to invoke an action for each area?
          i.e. in the map below how would I invoke the showSummaryValue action in the first
          area for example I would like to replace href="ScheduleSummaryValue.htm" with
          somethin like <netui:area action="showSummaryValue" ...
          <map name="m_tabBar">
          <area shape="rect" coords="1,2,119,25" href="ScheduleSummaryValue.htm" alt="Value"
          >
          <area shape="poly" coords="254,8,257,4,261,3,357,3,361,4,364,8,367,18,367,22,363,24,255,24,251,22,251,18,254,8,254,8"
          href="#" alt="Improvements" >
          <area shape="poly" coords="130,8,133,4,137,3,233,3,237,4,240,8,243,18,243,22,239,24,131,24,127,22,127,18,130,8,130,8"
          href="ScheduleSummaryLand.htm" alt="Land" >
          </map>


Well, you chose the wrong strategy, I'm afraid. Since it's all one big image, the browser has no way of tracking the last active object and the popup enforces a redraw of the content with default alignment. convert the previews to individual thumbnails and the behavior will be much better.
Mylenium

Image mapping and Master Detail Regions in CS3

Similar Messages

Maybe you are looking for