Call specific accordion panel from flash
I have a button that is part of a flash swf on my html page.
When the user clicks on the button, they are taken to an "events"
page (using getURL) but I want a specific panel to open. I am
familiar with external interface but just can't get this to work.
The site is
http://www.downtown-burbank.org
and the button is fine arts festivals.
What I would do is in your querystring specify what panel you
want to open and then pull that in as the default open panel on the
page. Should work just fine.
so somthing like well in coldfusion and how
<cfparam OpenPanel = '1'>
<cfif isdefined("URL.Panel") AND URL.Panel NEQ "">
<cfset OpenPanel = URL.Panel>
<cfif>
then your JS would be something like
<script>
window["CollapsiblePanel0a"] = new
Spry.Widget.CollapsiblePanel("<cfoutput>#OpenPanel#</cfoutput>",{contentIsOpen:true,
enableAnimation:true});
</script>
Of cource you would need to redo it in PHP but the concept is
still the same.
Similar Messages
-
Link to specific accordion tab from other page
Hi all, were working on a site that has recipes page.
there are few recipes and they are all within an accordion widget.
when you click on the title ie: Apple pie the tab opens and shows the info.
My question is : Is it possible to link to that specific accordion tab on the recipes page?
For example: on the apple page there is a link to the apple pie recipe (which is inside an accordion)
is that possible?
yd.i meant.
if you have a page. and on that page there is an accordion with multiple tab (or panel or whatever they are called)
i would need to make link on another page that link straight to a specific opened tab in the accordion. like an anchor link on another page, but
have the accordion panel open instead.
understand
sorry for the lousy english.
yd. -
Link to move to specific accordion panel AND open this panel.
hi
would like to create a list of links at the top of a page,
the accordion is at the bottom.
i would like to be able to click on a link, that will then
move to the appropriate accordion panel (have been able to do this
by adding ID's to each panel.) BUT i would also like the panel to
open as well. at the moment when you click on the link at the top
of the page, you move to the appropriate panel, but then have to
click on the panel to open.
any way to get both actions with the one link?
thanks!
example is here, list of links on the right, accordion at the
bottom.
http://batemansbayosteopathy.com.au/testsite/osteopathy.phphi diana,
this is very close to what i require, and tried this route
last night. however the situation that i am in is that the links
are further away from the accordion. The code you linked functions
properly, as it opens the correct tabs, but the user does not see
the tab opening (as the accordion is much further down the page!)
what im after is a link that when clicked, opens the correct
tab (as the link you sent does) BUT ALSO moves the page to show the
accordion and the (now) open tab.
i linked to my example site in an earlier post.
hope this is explained clearly enough!
thanks! -
Targeting an Accordion panel from main menu
Hello, is it possible to target an especific panel from the main menu?
At this stage you are in the best position to analyse what has gone wrong, until we can all enjoy the phenomenon.
The best way to achieve this is to give us a link to your site.
Gramps -
Calling a javascript function from Flash
Maybe someone out there can help?
I'm trying to set a variable in AS3 and then use an event to call that variable. The links are set in an xml file. I have it working with hyperlinks using navigateToURL, but it's not doing exactly what I want. What I want is to use flash to call the link in the xml file. That link will target a javascript function. There is no need to open a new window. I'm trying to target a particular div on the page. Here's what I have so far:
import flash.net.navigateToURL;
import com.flashloaded.as3.PhotoFlowEvent;
function eventHandler (eo:PhotoFlowEvent):void {
var request:URLRequest = new URLRequest(eo.data.link);
navigateToURL (request,"_self");
<?xml version="1.0" encoding="utf-8"?>
<photos path="images/">
<photo name="photo1" url="1.png" link="javascript:loadContentA();">This is photo 1</photo>
</photos>
I'm thinking there must be a way to set the variable and then use ExternalInterface in flash to do the rest of the work?
any help is greatly appreciated! Cheers!<script type="text/javascript">
function loadContentA(elementSelector, sourceUrl) {
$("#mainContent").load("ad01.html");
</script>
<?xml version="1.0" encoding="utf-8"?>
<photos path="images/">
<photo name="photo1" url="1.png" link="javascript:loadContentA();"></photo>
</photos>
import flash.net.navigateToURL;
import com.flashloaded.as3.PhotoFlowEvent;
function eventHandler (eo:PhotoFlowEvent):void {
var request:URLRequest = new URLRequest(eo.data.link);
navigateToURL (request,"_self");
photoflow.addEventListener (PhotoFlowEvent.CLICK_SELECTED, eventHandler); -
Prevent lower text from moving when accordion panels open
I tried out the Accordion Panel from Project Seven which is
really nice and works well. My only issue right now is that I would
like to prevent the rest of the text outside and below this widget
within the same column from moving. When any panel opens it causes
the contents of the entire column to shift down thus causing the
page to shift down as well.
I have tried using a new div for the content below the panels
and also a new table below but can't seem to figure out how to keep
the content from shifting. Curently I have a table cell nested and
have tried with CSS to keep it from moving but that is not working
either.
Thanks in advance for any help with this.
Here is the code for the column in question:no takers on this one? Does anyone know how I could fix this
with divs? Is it possible to put this accordion into a separate div
and create another below it that would not move? Like on the new
apple site...They have some really awesome accordion style navs on
the sides that do not throw the rest of the page off when they open
or close.
Thanks. -
Anchor links to accordion panels not working properly across browsers
Hi everyone,
I need some help to figure out why my anchor links to specific accordion panels on another page are not working properly across browsers.
I have a Map page which has tooltips on mouseover on the site markers. 15 of the tooltips have "Click here for information" anchor links (although only 14 are currently linked) which, in theory, would take you to the Nurseries page where the specified accordion panel would be opened with the nursery entry appearing at the top of the new browser window.
Here are the links to the Map page and Nurseries page, respectively:
www.alegriadesignstudio.com/RFRI/map_v6.html
www.alegriadesignstudio.com/RFRI/nurseries_v6.html
I've tested the anchor links on IE, Firefox, Google Chrome, and Safari, and have received varying results. In most cases, the anchor links worked perfectly on two of the browsers, while on the other browsers, the correct accordion panel is opened but the nursery entry does not appear at the top of the new browser window. Anchor links using Safari and Google Chrome fared better (10 out of 14 links worked properly, and 8/14, respectively), whereas when using Firefox and IE, only 3 anchor links worked properly. The target audience for this website will be using IE and Firefox, so I would appreciate any help to figure out how to tweak the code so that the most, if not all, anchor links work properly on these two browsers in particular.
Here's an anchor link which worked perfectly in IE, GC, and Safari, but in FF, the entry did not appear at the top of the new browser window.
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green dot from the top of the map (Tooltip--Location: Mangatarem) and then click on "Click here for information."]
Here's a sample anchor link in which the entry did not appear at the top of the new browser window in any of the 4 browsers:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the bottom of the map and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet; North Cotabato) and then click on "Click here for information."]
Here's a sample anchor link in which the anchor link worked properly in GC and Safari, but the entry didn't appear at the top of the browser window in IE and FF:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island north and a bit west of "Mindanao" which is called "Bohol" and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then click on the first "Click here for information."]
Many thanks in advance for your assistance!
JoyHi everyone,
I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
Many thanks in advance.
Joy -
Help tweaking Spry accordion panel code!
Hello all,
I'm currently working on an information portal for a client and am having trouble with creating code to open a specific accordion panel on another html page without messing up the code so that the accordion panels have adjustable heights based on content.
The website has an Interactive Map page, which has some tooltips that have links to the Nurseries page. The Nurseries page has accordion panels with nursery entries ordered by province; anchor links were added to nursery entries that are linked to the Map page. In theory, when a user clicks on a "Click here for information" link on the Map page, the Nurseries page will load and automatically open the exact panel where the entry is housed with the exact entry showing at the top of the browser window. So I tested it out and it works exactly as I want it to, HOWEVER, the adjustable height feature that I added to the accordion panels on the Nurseries page now no longer works (now there are scrollbars on the right if the height exceeds the default height), AND all the panels by default are open instead of closed!
Here is the pertinent code that I am using on the NURSERIES page:
<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></ script>
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></ script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<script type="text/javascript"> var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: params.panel ? params.panel: 0 });
</script>
This is the code I added to one of the tooltips on the MAP page:
<a href="nurseries.html?panel=9#mangatarem" title="Go to native species nursery listing" target="_blank">
What do I need to do in order for this to work? I tried reordering the code to read { defaultPanel: params.panel ? params.panel:
0, useFixedPanelHeights: false } and even tried combining the two { useFixedPanelHeights: params.panel ? true: false } but nothing worked. Any suggestions?
Many thanks in advance for your assistance!!
JoyHi Joy,
Without going to a lot of trouble in writing an onload event, the following method is feasable
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" />
<style>
.region {
color: #090;
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
</style>
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script> var params = Spry.Utils.getLocationParamsAsObject(); </script>
</head>
<body>
<div id="acc" class="Accordion" tabindex="0">
<span class="region">Luzon</span>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1.1</div>
<div class="AccordionPanelContent">
<div class="nurseryProfile">
<table border="0" >
<tr>
<th width="122" class="nurseryCategory" scope="row" >Location:</th>
<td width="422">Morong; Bataan</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Institution:</th>
<td>Center for Biomolecular Science</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Contact Person:</th>
<td>Dr. Lourdes J Cruz <br />
[email protected]</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Species Available:</th>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1.2</div>
<div class="AccordionPanelContent">Content 1.2</div>
</div>
<span class="region">Visayas</span>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2.1</div>
<div class="AccordionPanelContent">Content 2.1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2.2</div>
<div class="AccordionPanelContent">Content 2.2</div>
</div>
<span class="region">Mindanao</span>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Bukidnon Province</div>
<div class="AccordionPanelContent">
<div class="nurseryProfile">
<table border="0" >
<tr>
<th width="122" class="nurseryCategory" scope="row" >Location:</th>
<td width="422">San Vincente; Baungon; Bukidnon</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Institution:</th>
<td>Kalangan San Vincente Farmer’s Association</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Contact Person:</th>
<td>Mr. Nonito Antoque <br />
0926 904 7336</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Species Available:</th>
<td> </td>
</tr>
</table>
</div>
<hr width="565" align="center"/>
<div class="nurseryProfile">
<table border="0" >
<tr>
<th width="122" class="nurseryCategory" scope="row" >Location:</th>
<td width="422">Brgy. Imbayao; Malaybalay City; Bukidnon</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Institution:</th>
<td>DENR Community-Based Rainforestation Project</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Contact Person:</th>
<td>Mr. Felix Mirasol (CENRO & PASU)<br />
[email protected]</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Species Available:</th>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Compostela Valley Province</div>
<div class="AccordionPanelContent">
<div class="nurseryProfile">
<table border="0" >
<tr>
<th width="122" class="nurseryCategory" scope="row" >Location:</th>
<td width="422">Maragusan; Compostela Valley</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Institution:</th>
<td>Kasilak Development Foundation</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Contact Person:</th>
<td>Joemil Montebon<br />[email protected]</td>
</tr>
<tr>
<th scope="row" class="nurseryCategory">Species Available:</th>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
</div>
<script>
var acc = new Spry.Widget.Accordion("acc", { defaultPanel: params.panel ? params.panel: 0 });
</script>
</body>
</html>
Notes:
Apart from the 14 errors created by the table elements and their style rules, the above document is HTML5 validated.
The panels count include the <span>'s so that panel 0 is Luzon and panel 1 is the first accordion panel
Because the <span>'s are part of the accordion, they take on the accordion style rules so that you will have to tweak them.
I hope this helps.
Ben -
Having trouble trying to link to an accordion panel on the same page
Hello all,
I've been following instructions on
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#EnablingKey boardNavigation
to try to link to/open a specific panel in an accordion panel from a menu on the same page, but it's not working. Could somebody tell me what I'm doing wrong? My page-in-progress is:
http://fleap.com/YGRpage2011.html#
The menu on the right, under the word, "Details", is the one I'm trying to link to the accordion panel, and the panel itself is lower down the page.
thanks very much for any help you can give me!
Anna1. Remove the constructor in the HEAD section of your document
var acc1 = new Spry.Widget.Accordion("SpryAccordion1", { useFixedPanelHeights: false });
2. Change the HTML markup to the following
<ul>
<li><a href="#" onclick="Accordion1.openPanel(0); return false;"> how <span class="title">You've Got Rhythm</span> works</a></li>
<li><a href="#" onclick="Accordion1.openPanel(1); return false;">sample pages</a></li>
<li><a href="#" onclick="Accordion1.openPanel(2); return false;">reviews</a></li>
<li><a href="#" onclick="Accordion1.openPanel(3); return false;">syllabus</a></li>
<li>copying license</li>
<li>about the authors</li>
<li>tips</li>
<li>cd tracks</li>
</ul>
Gramps -
Running a java applet from flash
Hi,
How do you run a java applet from within a Flash movie?
Is it necessary for the user to download a java interpreter, or is there an interpreter somehow built into their browser that can run applets?I was wondering , I don't know too much about Flash
I remember seeing some classes in amongst the Flash
files when it installed , but couldn't tell you whart they
do (at the moment , but you've got me interested)
maybe you should rethink your strategy for building your page (and your movie) maybe build the movie around
your applet , or preload it then replace a an area of your movie area with your applet (the way you handle rollovers).
the advantage is you can make calls to applet methods
from Flash as it supports Javascript.
jus remember to set the scriptable <PARAM> to true
Users shouldn't have to download the plug-in or JRE
you should specify it in the OBJECT or EMBED tag so
if they don't have it , the browser will tell them.
of course this is going to change as Microsoft are stopping support for JAVA , users will then have to download the plug-in from Sun in order to view or use JAVA on the internet. -
Obtaining the full file path specification from Flash Movie and QuickTime icons?
How do you obtain the full file path specification from Flash
Movie and QuickTime icons? I want the path and the file name that
is contained in these icons. I am using a "dive" to run through the
icons of a file, and when I come upon these two types of icons, I
want to obtain the above information that is contained in them. I
certainly can look in the property dialog box to get this info, but
there are many icons in these files, and I want to generate a list
of info based upon the various types of icons that I am processing.
Thanks> How do you obtain the full file path specification from
Flash Movie and
> QuickTime icons? I want the path and the file name that
is contained in
> these
> icons. I am using a "dive" to run through the icons of a
file, and when I
> come
> upon these two types of icons, I want to obtain the
above information that
> is
> contained in them. I certainly can look in the property
dialog box to get
> this
> info, but there are many icons in these files, and I
want to generate a
> list of
> info based upon the various types of icons that I am
processing. Thanks
>
For Flash
Trace(GetIconProperty(iconID, #pathName))
for QuickTime
Trace(GetIconProperty(IconID, #filename))
For full scripting reference for each of these sprites, open
up the
Properties panel for each sprite and press the Help button
that appears on
the properties page ... or else navigate to these folders for
the Flash and
QT help
C:\Program Files\Macromedia\Authorware
7.0\xtras\FlashAsset\Help
C:\Program Files\Macromedia\Authorware
7.0\xtras\QuicktimeAsset\Help
You don't want to know how many times I asked Macromedia to
stop hiding that
Help!
Steve
http://twitter.com/Stevehoward999
Adobe Community Expert: eLearning, Mobile and Devices
European eLearning Summit - EeLS
Adobe-sponsored eLearning conference.
http://www.elearningsummit.eu -
Running javascript .jsx from cs panel under Flash Pro environment?
Hi!
To my great surpise I found out I can run .jsx scripts from cs extension panel on Flash Pro.
Are there any documentation on javascript flash-specific objects exists in the universe (of Adobe)?
Thank you!It seems like I found the answer
The documentation is here -
http://help.adobe.com/en_US/flash/cs/extend/index.html
just need to replace the fl. object to app. when using jsx -
Calling schema specific packe/function from PL/SQL
From PL/SQL I am trying to call a package function in a specific schema (see below). When I try it gives me this error:
Invalid function body condition: ORA-06550: line 3, column 15: PLS-00201: identifier 'SCHEMA1.SIS_EXPRESS' must be declared ORA-06550: line 3, column 1: PL/SQL: Statement ignored
Am I missing something as I thought this was the correct syntax?
DECLARE button_ok boolean := FALSE;
BEGIN
button_ok := my_schema.SIS_express.ok_to_add (:APP_USER,:P0_LOGIN_SCHOOL_YEAR,:P0_LOGIN_SCHOOL,:APP_ID,:APP_PAGE_ID);
<<end_of_trigger>>
return button_ok;
END;An Apex workspace is associated with one or more schemas.
An Apex application in that workspace needs to select one of these schemas as its parsing schema.
This means that all application code (PL/SQL and SQL code you write in that Apex app) will be parsed (using the DBMS_SYS_SQL package) as the parsing schema.
Note that the current and acual schema for the Apex database session will the anonymous schema account as configured for connectivity for that database access descriptor (DAD) on the Apache server. You do not connect (via Apex) as your parsing schema. You connect to an anonymous schema. It runs trusted Apex code (that executes with the Apex schema's privs). This code parses your Apex app code via the system package to be executed as your parsing schema.
So you need to make sure that your parsing schema has the appropriate rights to execute the PL/SQL and SQL application code you put into your Apex application.
Also be aware that if you use that DAD to directly execute your PL/SQL code in the database (procedures or functions), the call will be made from the anonymous database schema used by that Apache DAD connection - thus that schema will then need to have exec rights on your code.
In the case of the Apex flow engine - public exec rights exist on it and thus that DAD session from Apache can logon as the anonymous schema and execute the Apex run-time to run an Apex application. -
CAN SOMEONE PLZ TELL ME HOW TO SHUT OFF THE LIGHT FROM FLASHING WHEN I RECIEVE A CALL?
CAN SOMEONE PLZ TELL ME HOW TO SHUT OFF THE LIGHT FROM FLASHING WHEN I RECIEVE A CALL?
Settings>general>accessibility>led flash alerts off
-
Hitting a specific file size when exporting from Flash CS5
I need to export three banners to .swf from flash and they all need to be under 61K. They all use photographs and are 5-7 seconds long each and the dimentions are 300x250 px, 300x600 px & 728x90 px. Is there any way I can put in the specific file size in the program and make it under 61k? I tried using the publish settings and lowering the quality and even at 40% quality the file size only went down 20KB from 147 to 127. If you cannot do that in the program is there any third party programs that can be used to do this? Thanks for your help!
What you should do is set the Publish Settings to generate a size report. That way you will have a detailed listing of what each element of the design contributes to the file weight. I would guess that the images are going to be the heavy hitters, so you might need to use image software to optimize them as much as possible before importing them into Flash.
Maybe you are looking for
-
Deployment Exception after restore BPM Project from Consolidation system
Hi everybody, in order to restore my bpm project in NWDS i overwrite all files under "_comp" folder with the same files from the cons_track After that i could build and activate the project but i can not deploy it to the application server. The old p
-
How to resize photos for retina display to avoid pixelation?
My original image file looks fine but after scaling down, it looks pixelated. However, it looks fine on non-retina display. Why is this so and how do I solve it? Would appreciate your help!
-
Flash Player 6 support question
I have a client who wants to support version 6. I'm aware of AOL browser issues with supporting the older version. Just wondered if there were any other compelling reasons to support this? I do use enhanced rules and shape tweening, so I'm obviously
-
EIS error - "Unable to set locale for GlobalC"
Hello all! I'm working with Oracle Performance Scorecard and Oracle Integration Services to generate an Essbase cube. I'm not able no generate my cube from HPS even it doesn't showing any error in the screen but in the HPS log it shows the error mess
-
Upgraded Java, CF still using older version - how?
This server is Win2008 fully patched, IIS 7.0 in good shape - CF 9.0 no patches installed - which we obviously want to fix. When we tried to install patches, we got this: To try and resolve this, our first mistake was installing Java version 8 (1.8)