Image Conditional on Data in Another Page

Goal is to have an image associated to a gallery, that toggles between one of two images based on a data state on another page.
This description is way over-simplified. Will do my best to explain (Images below may help) ...
Description: This app is an In/Out Log book. Like what you would find at the reception desk of an office building. For the demo I have use the images of a few celebs.
What you see on Page one below are two Galleries. The Gallery1 for the Directory & Gallery2 for the (AtoZ) filter. (That works great by the way.) Notice the small secondary image inside Gallery1 that says "In" ... that the one giving me trouble.
That image needs to toggle based on the status of Page two.
PAGE 1
Notice the same image on Page two. I was able to get it to toggle between In/Out fairly easily based on an Update!Context state of the individual images below for In/Out/In/Out by assigning them a number 1 or 0. You will also note that the time is collected
when the person selects the image.
PAGE 2
So the question is: How do I get this in/out state image to reflect correctly on individual results back on Page 1?
I realize this is way complicated and I hope that I have explained it well enough. Feel free to ask questions.

Hi Michael,
Thanks for detailing the behavior of your App. For this, you probably want to use a collection to track who is In (or who is Out). Clicking on the image will either Add to the collection if the person was not already in and conversely will remove
from the collection if he was in.
I will assume that in your scenario the table of people has a column named Name. The formula for the Image property of the Image visual in your first Gallery becomes:
If(ThisItem!Name in Collection1, InImage, OutImage)
For the image visual of your second Gallery, you will want the same formula for the Image property and you will want the OnSelect to be:
If(Name in Collection1, Remove(Collection1, Name), Collect(Collection1, Name))

Similar Messages

Linking an image from one page to an image within a slideshow on another page.

I would like to link an image on my home page with an image within a slideshow on another page of my website. I can create the link, but when I click on the link, instead of taking me to the image within the slideshow, it takes me to the first image of the slideshow which I don't want. Is there a way to link to an image "within" the slideshow and not the first image?

Hi
You can create pages with specific images and then use link of images which will open the page with that specific image, link images within slideshow to show exact image within would not be possible with native Muse feature as by default slideshow will open the first image in target.
Thanks,
Sanjit

Passing data to another page loaded in the same window

How to pass data from a page to another when new page loading
takes place ?
I use :
window.htmlLoader.load( new air.URLRequest("app:/" +
htmlfilename));
I tried :
window.htmlLoader.addEventListener(air.Event.CHANGE,
passmonitor)
but it doesn't work !

The problem is in passing the variables . As I mentioned
above,, the following error message gets displayed:
Can't get property window from undefined value
The code I tried is
myloader = window.htmlLoader.load(new air.URLRequest("app:/"
+ filen ));
myloader.window.somevar = "data";

How to translate text on a page into actual data on another page?

I would like to translate (parse and replace) the words that are on one page into their actual values on another page. These words are in a text area box that are displayed as the following: [[type name]] and [[start date]]. Again, I'm trying to show their actual values on a different page. Any help will be greatly appreciated.

They are in a text area. I'm basically trying to get what is in the Problem Description text area translated into actual data from the database i.e. EVENT TYPE NAME=EVENT.EVENT_TYPENAME.
Please click on the following click to see the code I would like translated: http://pastebin.com/imfuSTbT
Please click on this link to see code for the page where the translation occurs: http://pastebin.com/m2t9Vp7w

How to click on a image on main page to open a image inside a gallery on another page.

This may seem a bit odd but it's what the client wants
OK i have a gallery from one of the standard slideshows in Muse (I'm editing the HTML in Dreamweaver) on the main page. then i have a Gallery page where there is another Muse gallery of the same items in the previous gallery they just have more content in the image (so basicly a simple image and a complex image of the same thing)
What he wants is for somone to be able to brows the slideshow on the main page, click an image on it, for it to open the gallery page and select automaticly the same image in that gallery to display.
Is there a way i can do this or a workaround of somekind to produce a simular effect?

I don't use Muse so I'm not familiar with the "standard slideshows in Muse." That said, I think this Gallery1 to Gallery2 scheme is very clumsy and not going to provide a good user experience for your site visitors. When visitors click on an image, they should immediately see the full size image and not be directed to yet another gallery page with same or similar content. Make this simple for your site visitors. Put a Fancybox viewer on the parent page like this:
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
Nancy O.

Variable not seeing data on another page

I am trying to read the length of an array on my Application
page from a component. In the component I have this code:
<mx:ApplicationControlBar xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%" creationComplete="getDPprops()">
<mx:Script>
[Bindable]
public var dpLen:int;
private function getDPprops():void
dpLen = Application.application.flatDP.length;
</mx:Script>
On the Application page I have a handler tied to a method
that creates the FlatDP:
public function returnHandler(e:ResultEvent):void
flatDP = ArrayCollection(e.result);
The odd thing is that when I run the app I get an error
message: "TypeError: Error #1009: Cannot access a property or
method of a null object reference." referring back to the line
where I define dpLen. Which makes me think that flatDP is NULL. But
if I place a label on the same page where the error occurs with a
bindable link back to the length I get the correct length of
flatDP: 625
<mx:Label
text="{Application.application.flatDP.length}"/>
Why does the reference Application.application.flatDP.length
work in the label text, but not when I try to attach it to a
variable in a function?

If I had a working sample, I wouldn't be asking this question
Here is the code for the main app:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
xmlns:view="com.views.*" layout="vertical"
creationComplete="initApp(event)">

<mx:Script>
<![CDATA[
import mx.charts.HitData;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.rpc.events.ResultEvent;
[Bindable]
public var flatDP:ArrayCollection;
[Bindable]
public var nNumMonths:int;
[Bindable]
public var nBegin:int;
[Bindable]
public var nEnd:int;
[Bindable]
public var pgeTitle:String;
[Bindable]
public var alertStat:int;
[Bindable]
public var toolGroup:int;
private function initApp(e:Event):void
chartmth_RO.qMonthlyUsage();
public function returnHandler(e:ResultEvent):void
flatDP = ArrayCollection(e.result);
dg.dataProvider = flatDP;
contLine.lineMMR.dataProvider = flatDP;
]]>
</mx:Script>
<mx:RemoteObject id="chartmth_RO" showBusyCursor="true"
destination="ColdFusion"
source="caeusage.src.data.charts_usage_mth">
<mx:method name="qMonthlyUsage"
result="returnHandler(event)" />
</mx:RemoteObject>
<mx:Label text="{flatDP.length}"/>
<mx:DataGrid id="dg" width="75%"/>
<view:cntrLC id="contLine"/>
</mx:Application>

<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%" xmlns:view="com.views.*">
<view:cBarMMR id="acbMMR"/>
<view:chartMMR id="lineMMR"/>
</mx:VBox>

<?xml version="1.0" encoding="utf-8"?>
<mx:ApplicationControlBar xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%" creationComplete="getDPprops()">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.core.Application;
[Bindable]
public var nBegin:int;
[Bindable]
public var nEnd:int;
[Bindable]
public var dpLen:int;
private function getDPprops():void
//dpLen = Application.application.flatDP.length;
set_Thumbs(0);
private function formatSliderDataTip(val:Number):String
return
String(Application.application.flatDP[val-1].abbrvDT);
[Bindable]
public var lineData_array:Array = new Array();
[Bindable]
public var arrayDP:Array = new Array();
/* private function filterFlatDP(p_evt:Event):void 
var arrayDP:Array = Application.application.flatDP.source;
var thumb1:int = p_evt.target.values[0];
var thumb2:int = p_evt.target.values[1];
if(thumb1 < thumb2-1)
lineData_array = arrayDP.slice(thumb1, thumb2);
public function move_Thumbs(m:int):void{
var move:int;
move = nBegin + m;
set_Thumbs(move);
public function set_Thumbs(t1:int):void{
var t2:int;
nBegin = t1;
nEnd = t1 + 120;
]]>
</mx:Script>
<mx:Label
text="{Application.application.flatDP.length}"/>
<mx:HSlider id="dateFilter_sldr"
width="100%"
thumbCount="2"
allowThumbOverlap="false"
minimum="1" maximum="{dpLen}"
dataTipFormatFunction="formatSliderDataTip"
showDataTip="true"
values="{[nBegin, nEnd]}"
tickInterval="24" snapInterval="24"
allowTrackClick="true" liveDragging="true"
change="filterFlatDP(event)"
/>

</mx:ApplicationControlBar>

Need help in passing data from one page to other page in oaf

Dear All,
I have a requirement as below.
I am doing some selection in one page and populating the data in another page table region, next time when i am selecting another row and pressing the button i need to display the previous row as well as new row, how can i achieve this, currently i am able to see only the first row what i selected first.
Ex: 1 st scenario: after passing the selected data from one page to base page the data looks like below in base page.
1 test desc
2nd scenarios: when i am again selcting data and passing to the base page it should be like that
1 test desc
2 test desc
but currently it is showing
1 test desc only for the 2nd case, can any one please help me on thsi , its little bit urgent
Thnaks

How are you passing the values to the base page? Are you using setting the retainAM parameter to true while doing a forward.

Target Spry RowID on page with Multiple data sets from another page

Hi all,
I am trying to target a specific data item, on a page with
multiple data sets, from a link on another page. (I also have to
pass the link through Flash, but lets start with the simple
part...)
You can take a look at the site in progress here:
http://www.3andband.com/TestSite/iframeTest3.html
From the Home page I want to link to specific news or concert
items on the News page
I have been trying to get SpryURLUtils to do it but I can't
seem to get it working.
Any help would be greatly appreciated.
Thanks!
Ben

did u try if it even passes the row value?? with a simple
alert? alert(params.row)
Also maby u need to reorder the scripts to this;
<script src="../SpryAssets/SpryURLUtils.js"
type="text/javascript"></script>
<script src="../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryEffects.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
and your js script
var params = Spry.Utils.getLocationParamsAsObject();
var dsConcerts = new
Spry.Data.XMLDataSet("includes/concerts.xml", "Concerts/concert");
dsConcerts.setColumnType("image", "image");
var dsNews = new Spry.Data.XMLDataSet("includes/news.xml",
"News/item");
//Set an observer so that when the data is loaded, we update
the current row to the url param value
dsNews.addObserver({ onPostLoad: function(ds, type) {
dsNews.setCurrentRow(params.row); }
function MM_effectBlind(targetElement, duration, from, to,
toggle)
Spry.Effect.DoBlind(targetElement, {duration: duration,
from: from, to: to, toggle: toggle});
So url params get loaded before the data

How can I take a single selected image from a slideshow to pass to another page?

I have a slideshow of several images from which a user needs to select one (for example the image that is featured in a lightbox after cicking the thumbnail) and then go to another page for further details on that image, with the same image displayed again, and where I want to embed some html to offer further options based on that selected image. How do I pass the name of the object from one page to another? How do I detect that a user has selected an image?
I have tried setting each image in the lightbox as a hyperlink to a new page, and also tried setting its caption as a hyperlink, but neither of those ideas seem to work (at least in Preview).
Any suggestions please? I am working in Muse CC 2014.

Creating a hyperlink from the text caption should work. Try previewing: File/Preview Site in Browser to test.
(I tested it using both Preview and File/Preview Site in Browser and it did link to the page I assigned)

Pass data from a variable to another page

Hi,
I have a "select one choice" field from a page. I want to pass the data from that field to another page.
Any ideas on how to do it?
Thanks!

drag and drop a list form data control onto your page as SOC.
In the value change event get value like, valueChangeEvent.getNewValue()
                                        <af:selectOneChoice value="#{bindings.Return.inputValue}"
                                                            label="Plan:"
                                                            autoSubmit="true"
                                                            unselectedLabel="Please select a value
                                                            id="soc1"
                                                            valueChangeListener="#{MyBean.planValueChangeEvent}">
                                             <af:forEach items="#{bindings.Return.items}"
                                                         var="pln">
                                                  <af:selectItem label="#{pln.label}"
                                                                 value="#{pln.value}" id="si3"/>
                                             </af:forEach>
                                        </af:selectOneChoice>

Issue with table selection and display the seleted rows in another page as a table data

Dear ALL,
I have a requirement as below:
I have a custom OAF page having one button, on pressing the button it will open a popup window, in that i am doing search operation and data would populate in table region below.
Then from the table i am doing multiple selection of rows and i have a button, on pressing the button the seleted rows should display in the base page where i called this popup window and popup window should close.
so i am able to perform multiple selection of row from the table but how i can display the seleted rows in my base page and how i can close the poup window after the seleted rows displayed in the base page, please help me on this.
Thanks
Deb

Hi,
For navigation data from one page to another you can use a hashmap that contains the parameters.
// processFormRequest()
HashMap hsp = new HashMap(1);
hsp.put("myParam", "myParamVal");
pagecontext.setForwardURL("MY_FUNCTION", (byte)0, null, hsp,true, "N", (byte)0);
You can then retrieve this parameter in processRequest() via:
pagecontext.getParameter("myParam")
//Code for redirect to base page with commit
Refer to the setPostToCallingPage method, from OADialogPage Class how to make the dialog page action buttons submit back to the calling page. In the example, the OK button commits the changes on the dialog page and the NO button rolls back the changes.
OADialogPage dialogPage = new OADialogPage(OAException.*, mainMessage, null, "", "");
dialogPage.setOkButtonItemName("okButton");
           dialogPage.setOkButtonToPost(true);
           dialogPage.setNoButtonToPost(true);
           dialogPage.setPostToCallingPage(true);
           dialogPage.setOkButtonLabel(yes);
           dialogPage.setNoButtonLabel(no);
Thanks,
Dilip

How to remove cached images in html whe going from one page to another page

can anybody help how to remove cached images in html pages.i tried with response.setHeader("no-cache") but it is not working

thanks,
can u tell me how to make the browser not to cache images.since iam moving from one page which has images, into another page which having few more images both gets overlaped so how to remove images of previous page.
thanks in advance

How to transfer data from an IFrame to another page

Hi,
I had a search page with a search selection and an interactive report region for the result.
Then, via a button, I submitted the data from the search results to another page (plsql process).
Now we have changed that and the interactive report with the results is located in an own page, this page is 'embedded' in my old Search page within an IFrame.
If I want to use the button to transfer the data --> no data is transferred. I guess this is because the button and the process is not on the new page but in the old search page.
How should I handle that now? Any suggestions are appreciated!
Thank you!
BR
Lena

Hi,
You could try moving the process to the report page and have a hidden button on the page as well. Your existing button could call some javascript that does something like:
document.frames("iframe_ID").document.doSubmit("report_page_button_name");I don't use IFRAMEs myself any more as some functionality is not available "for security reasons" in javascript, so the above is just a theory!
Andy

How to transfter data from one page to another one

Hi everybody,
I have got a page index.jsp which includes menswear button, chirldrenswear button and womenswear button, but user click one of them , it will go to another page called display.jsp to display all products information, if button mensware is clicked , it will display menswear, childrenswear clicked to display childrenswear. I
I want to do this way : >/display?ID=menswear< or id is integer
and in display.jsp, it will get ID and use it to get the menswear from database. But I dont know how to do in JSP, Thanks in advanced

Let's say for simplicity's sake, you have them as links on images...
<img src="mens.gif" border="0" alt="Menswear" />
<img src="womens.gif" border="0" alt="Womenswear" />
<img src="childrens.gif" border="0" alt="Childrenswear" />
Then in the display.jsp page, to read the ID:
String id = request.getParameter("ID");
or
int id = Integer.parseInt(request.getParameter("ID"));

How do I link to a specific Hero Image in from another page?

How do I link to a specific Hero Image from another page?

Hi Laura,
I am afraid that this is not possible in Muse at this stage, I will recommend that you post this on our ideas section over here, https://forums.adobe.com/community/muse/ideas, and let our devs team know of this requirement.
As a work around I will suggest that you create a dedicated page with this panel opened when you publish and link that page with the text that you want. Let me know if you need more clarification on this.
- Abhishek Maurya

Image Conditional on Data in Another Page

Similar Messages

Maybe you are looking for