Spry Accordion panels and Google search
Hello! I have about 30 pages with at least 15 spry accordion
panels on each. I've just implemented a local customized google
search and it looks like Google is able to pull pretty accurate
search on both the panels and panels content.
Once presented with the search results, can a user get to an
OPEN accordion panel, that relates to his search? I hope I've
explained it clearly, THanks!
highedwebby wrote:
> Hello! I have about 30 pages with at least 15 spry
accordion panels on each.
> I've just implemented a local customized google search
and it looks like Google
> is able to pull pretty accurate search on both the
panels and panels content.
Yes, this happens because all of the content is on the page.
> Once presented with the search results, can a user get
to an OPEN accordion
> panel, that relates to his search? I hope I've explained
it clearly, THanks!
I've seen some scripts that highlight Google search terms, so
I suppose that getting the search terms on the destination page is
possible, but making that leap to the proper panel to open may be a
little more difficult.
First you have to figure out which panel the words are
in,then you have to figure out what if the user is searching for
three terms and each of those terms is in a different panel, or if
only one term, and that term is in multiple panels? How would you
expect that work out?
You can highlight the words using code such as that discussed
on this page:
http://www.kryogenix.org/code/browser/searchhi/
I'd guess that someone could reverse that code that finds the
text and then take that find and then walk up the DOM tree to see
if you are within an accordion panel and then show that panel as
the default panel on the page.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert
Similar Messages
-
Spry HTML Panel and Google Indexing
I've started working with Google analytics and am now realizing that my use of the Spry HTML Panel as cool and efficient as it is, is not being index by Google. I am using the links with php pages that query a FileMaker database for it's content and need to have Google be able to open and index the pages. What changes can I make to the standard HTML Panel Code to allow this to happen. I'm getting ready to take on a large project and this will be very necessary.
Thanks in Advance
JoeAjax requests / all javascript are not seen by spiders / bots. Its a
common issue with Ajax applications.
There a few ways to get them indexed. Point to it with a general site
map. So it get indexed through a other way.
Place links on the page that does the ajax calls to the urls. And
replace the urls with your HTML panel content.
So Spiders will follow the normal links and users will get the content.
Other way it to completely ditch html panel and just show it on the
page it self :P
Arnout Kazemier | Adobe Spry Community Expert
Internet: http://www.3rd-eden.com
Twitter: http://www.twitter.com/3rdEden | http://www.twitter.com/AdobeSpry -
Spry Accordion Panels view incorrect in IE8
I have a page set up using both spry menu and spry accordion panels. The problem is that in FireFox and Chrome, the pages view as they should. However, in IE, the panels on the accordion spread and are open, it doesn't view as it should. The test page is here www.sbcvote.us/index1.html the source code is below. My initial guess is that I have an open or not closed tag somewhere?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joe Paul Gonzalez San Benito County Clerk-Auditor-Recorder-Registrar of Voters</title>
<meta name="keywords" content="Joe Paul Gonzalez, San Benito County, Clerk, Auditor, Recorder, Registrar of Voters, fppc form 460, reconveyance deed, deed of reconveyance, reconveyance, homepage, mechanics lien release, quit claim deed form, release of mechinics lien, form, san, reconveyance, county, deed, 460, california, fppc, nacimiento, trust, elections, ca, solictud, certifacadas, reporting, statements, nominees, handbook, contribution, joe, paul, gonzalez" />
<meta name="description" content="Joe Paul Gonzalez San Benito County Clerk-Auditor-Recorder-Registrar of Voters" />
<link href="scripts/style.css" rel="stylesheet" type="text/css" />
<script src="/SpryAssets/menu/SpryMenuBar.js" type="text/javascript"></script>
<script src="/SpryAssets/accordion/SpryAccordion.js" type="text/javascript"></script>
<link href="/SpryAssets/menu/SpryMenuBarHorizontal_sbcvote.css" rel="stylesheet" type="text/css" />
<link href="/SpryAssets/accordion/SpryAccordion_sbcvote.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><!-- end of site_title -->
<div id="header_right">
<ul id="header_button">
<li><a href="#"><img src="images/home.jpg" alt="home" /></a></li>
<li><a href="#"><img src="images/contact.jpg" alt="contact us" /></a></li>
</ul>
<div class="cleaner"></div>
<form action="#" method="get">
<input type="text" value="Enter a keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
</div> <!-- end of header -->
<div id="banner">
<div id="banner_box">
<ul>
<li><a href="clerk.htm" ><span class="current"></span><img src="images/countyClerk.jpg" alt="San Benito County Clerk" /></a></li>
<li><a href="auditor.htm"><span></span><img src="images/countyAuditor.jpg" alt="San Benito County Auditor" /></a></li>
<li><a href="recorder.htm"><span></span><img src="images/countyRecorder.jpg" alt="San Benito County Recorder" /></a></li>
<li><a href="http://results.sbcvote.us" target="_new"><span></span><img src="images/coRegistrar_results.jpg" alt="" /></a></li>
</ul>
</div>
</div> <!-- end of banner -->
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="index.html">Home</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="registrar/candidateinfo.htm" class="MenuBarItemSubmenu">Candidate Info</a>
<ul>
<li><a href="candidate_forms_manuals.htm">Forms & Manuals</a></li>
<li><a href="pdf/forms/registrar/candidates/2010CandidateHandbook.pdf">2010 Candidate Handbook</a></li>
<li><a href="registrar/form460.htm" class="MenuBarItemSubmenu">FPPC 460s</a>
<ul>
<li><a href="registrar/form460_all.htm">Candidate Form 460s</a></li>
<li><a href="registrar/2010_form460.htm">2010 Candidate 460 Forms</a></li>
<li><a href="registrar/2009_form460.htm">2009 Candidate 460 Form</a></li>
<li><a href="registrar/2008_form460.htm">2008 Candidate 460 Form</a></li>
<li><a href="registrar/2007_form460.htm">2007 Candidate 460 Form</a></li>
</ul>
</li>
<li><a href="candidate_reporting.htm">Reporting</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="registrar/votebymail.htm">Vote-By-Mail</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="overseasvoting.htm">Overseas Voting</a>
<ul>
<li><a href="pdf/forms/registrar/votebymail/oversees_votebymail_request.pdf">Overseas Vote-By-Mail Request</a></li>
<li><a href="pdf/forms/registrar/votebymail/guide_military_overseas.pdf">Guide Military Overseas</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="mailvotestatus.htm">Ballot Status</a></li>
<li><a href="pdf/forms/registrar/votebymail/votebymail_app_gen_eng.pdf">Application </a></li>
<li><a href="pdf/forms/registrar/votebymail/votebymail_app_gen_SPAN.pdf"> Español</a></li>
</ul>
</li>
<li><a href="/registrar/registration.htm" class="MenuBarItemSubmenu">Register to Vote</a>
<ul>
<li><a href="registrar/national_vrc_notice.htm">Form English</a></li>
<li><a href="http://www.sbcvote.us/registrar/national_vrc_notice_sp.htm">Español</a></li>
<li><a href="registrar/statement_distribution.htm">Distribution</a></li>
</ul>
</li>
<li><a href="registrar/pollworker.htm" class="MenuBarItemSubmenu">Pollworker</a>
<ul>
<li><a href="registrar/pollworker.htm">Become a Pollworker</a></li>
<li><a href="registrar/pollworker.htm#student">Students</a></li>
<li><a href="registrar/pollworker.htm#student">State Employees</a></li>
</ul>
</li>
<li><a href="registrar/hava_faqs.htm" class="MenuBarItemSubmenu">HAVA</a>
<ul>
<li><a href="registrar/hava_complaint_procedure.htm">Complaint Procedure</a></li>
<li><a href="registrar/hava_compliancemanual.htm">Compliance Manual</a></li>
</ul>
</li>
</ul>
</div> <!-- end of menu -->
<div id="content_wrapper">
<div id="left_sidebar">
<div class="box">
<h2><span></span>Click on a Tab for Info</h2>
<div class="body">
<ul class="side_menu">
<li>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Vote-By-Mail (VBM)</div>
<div class="AccordionPanelContent"><a href="/registrar/votebymail.htm">Vote-By-Mail Voting</a><a href="/pdf/forms/registrar/votebymail/overseas_votebymail_request.pdf">Overseas VBM Request</a>
<a href="/pdf/forms/registrar/votebymail/VBM_Application.pdf">Application for Permanent VBM </a><a href="/pdf/forms/registrar/votebymail/guide_military_overseas.pdf">Guide to Military Voting</a>
<a href="/pdf/forms/registrar/votebymail/votebymail_app_general_county_fill.pdf">Application VBM General Election</a><a href="/registrar/mailvotestatus.htm">Did My VBM Ballot Get Counted?</a><br />
<br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Voto Por Correo</div>
<div class="AccordionPanelContent"><a href="/registrar/spanish/voto.por.correro.html">Voto Por Correro</a><a href="/registrar/spanish/overseasvoting.SPAN.html">Votante Información Extranjero</a><a href="/registrar/mailvotestatus.htm">Cheque se recibimos su voto por correro</a> <a href="/pdf/forms/registrar/votebymail/VBM_ApplicationSPAN.pdf">Solicitud de Balota de Votación por correo en California</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Voter Information</div>
<div class="AccordionPanelContent"> <a href="/registrar/national_vrc_notice.htm">Register to Vote</a>
<a href="http://www.voterguide.sos.ca.gov/pdf/english/" target="_new">Voter Information Guide Nov 2010</a>
<a href="/pdf/forms/registrar/register/YourRightToVote_ENG.pdf">Your Right to Vote</a> <a href="/pdf/forms/registrar/register/eng-list-of-certified-candidates11.10.pdf">Certified Candidates Nov 2010</a>
<a href="/pdf/forms/registrar/register/TimeOfftoVote_ENG.pdf">Time Off to Vote </a><br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Votante Información</div>
<div class="AccordionPanelContent"> <a href="/pdf/forms/registrar/register/Guide_Voting_SPAN.pdf" target="_new">Guía para Votar</a> <a href="/registrar/national_vrc_notice_sp.htm">Inscíibase para Votar</a> <a href="/pdf/forms/registrar/register/Voter-bill-of-rights.SPAN.pdf">Declaración derechos de Votantes</a> <a href="/pdf/forms/registrar/register/spanish-vig-nov-2010.pdf">Guía Oficial Información Nov 2010</a> <a href="/pdf/forms/registrar/register/spanish-list-of-certified-candidates11.10.pdf">Lista Candaditos Certificados 2010 </a><a href="/pdf/forms/registrar/register/TimeOfftoVote_SPAN.pdf">Tiempo Libre Para Votar</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">For the Candidates</div>
<div class="AccordionPanelContent">Blank 460 Forms<br />
Candidates 460 Forms Index<br />
2010 Candidate Handbook<br />
2010 Calendar </div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Nov 2, 2010 Election</div>
<div class="AccordionPanelContent">Election Results Page<br />
Canvass of the Vote
<br />
Vote-By-Mail Ballot Look up<br />
State Vote Pamphlet<br />
Sample Ballot Statewide
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 7</div>
<div class="AccordionPanelContent">Content 7</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 8</div>
<div class="AccordionPanelContent">Content 8</div>
</div>
</div>
</li>
<li> <a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Donec bibendum semper</a></li>
<li><a href="#">Proin tincidunt dapibus</a></li>
<li><a href="#">Nulla consequat</a></li>
<li><a href="#">In enim justo</a></li>
<li><a href="#">Aenean vulputate</a></li>
<li><a href="#">Etiam ultricies</a></li>
<li><a href="#">Nullam vehicula egestas </a></li>
</ul>
</div>
<div class="box_bottom"><span></span></div>
</div>
<div class="box">
<h2><span></span>Our Departments</h2>
<div class="body">
<ul class="side_menu">
<li><a href="clerk.html">County Clerk</a></li>
<li><a href="auditor.html">County Auditor</a></li>
<li><a href="recorder.html">County Recorder</a></li>
<li><a href="index.html">Registrar of Voters</a></li>
<li><a href="http://results.sbcvote.us" target="_new">Election Results</a></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="box_bottom"><span></span></div>
</div>
</div> <!-- end of left_sidebar -->
<div id="content">
<div class="box">
<h2><span></span>Welcome to the San Benito County Registrar of Voters</h2>
<div class="body">
<p> Welcome to our new and updated website for the County of San Benito Clerk-Auditor-Recorder- Registrar of Voters. </p>
</div>
<div class="box_bottom"><span></span></div>
</div>
<div class="box">
<h2><span></span>News and Updates</h2>
<div class="body">
<div class="news_box">
<h3><a href="http://results.sbcvote.us" target="_new">November 2, 2010 Election Results</a></h3>
<p>Up to the minute election results for San Benito County will be uploaded to our website at the close of the polls on Tuesday, November 2, 2010 at<a href="http://results.sbcvote.us" target="_new"> http://results.sbcvote.us.</a></p>
<div class="cleaner"></div>
</div>
<div class="news_box">
<h3><a href="registrar/mailvotestatus.htm">Vote-By-Mail Ballots</a>
</h3>
<p>Verify that your Vote-By-Mail Ballot has been received <a href="/registrar/mailvotestatus.htm">here.</a> To insure that your vote is counted, drop off your VBM ballot to our offices on the second floor of the courthouse building room 406 BEFORE Tuesday, Nov. 2, 2010.</p>
<div class="cleaner"></div>
</div>
<div class="news_box">
<a href="#"><img class="news_image" src="images/image_08.jpg" alt="image" /></a>
<h3><a href="#">Auditor's Department</a></h3>
<p> Praesent rhoncus faucibus nibh, non molestie lectus sagittis sed. Praesent ac sem lectus. Cras molestie elit sit amet velit tincidunt imperdiet. Mauris nulla purus.</p>
<div class="cleaner"></div>
</div>
<div class="more float_r"><a href="#">View All</a></div>
<div class="cleaner"></div>
</div>
<div class="box_bottom"><span></span></div>
</div>
</div> <!-- end of content -->
<div id="right_sidebar">
<div class="box">
<h2 align="center"><span></span>Joe Paul Gonzalez</h2>
<div class="body">
<ul class="side_menu">
<li></li>
<li></li>
<li><img src="images/joepaul_new.jpg" width="207" height="262" alt="joe paul gonzalez" /></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="#">County Clerk-Auditor-Recorder</a></li>
</ul>
</div>
<div class="box_bottom"><span></span></div>
</div>
<div class="sidebar_box">
<a href="http://results.sbcvote.us" target="_new"><img src="images/results.jpg" alt="Election Results" /></a> </div>
<div class="sidebar_box">
<a href="#"><img src="" alt="City Zoo" /></a> </div>
</div> <!-- end of right_sidebar -->
<div class="cleaner"></div>
</div> <!-- end of content_wrapper -->
</div> <!-- end of wrapper -->
<div id="footer_wrapper">
<div id="footer">
<ul class="footer_menu">
<li><a href="#">Homepage</a></li>
<li><a href="#">Site Map</a>
</li>
<li><a href="#">Clerk</a>
</li>
<li><a href="#">Auditor</a></li>
<li><a href="#">Recorder</a></li>
<li><a href="#">Registrar of Voters</a></li>
<li><a href="#">Election Results</a></li>
<li><a href="#">Forms</a></li>
<li class="last_menu"><a href="#">Contact</a></li>
</ul>
Copyright © 2010 <a href="http://www.netwidesales.com" target="_new">NetWideSales</a> |
<a href="http://www.netwidesales.com" target="_new">Designed by Irma C. Gonzalez</a> |
<a href="http://www.joepaulgonzalez.com" target="_new">Joe Paul Gonzalez</a> </div> <!-- end of footer -->
</div> <!-- end of footer_wrapper -->
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/images/menubar/SpryMenuBarDownHover.gif", imgRight:"/images/menubar/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
I appreciate any help here, it really doesn't make sense to me, it did work for a few viewing in IE and I must have changed something by mistake?
Thanks again.I added a set width to the accordion css and that solved the problem of the widget running across the page. The IE issue appears to be an ongoing issue with IE. If a viewer has IE8, then hitting the compatibility button on the menu bar will solve the viewing problem. If not, it doesn't view correctly. It views fine on other browsers (Chrome, etc). Problem is how many people will know to hit the compatibility button?
Thank you for your help, I appreciate the time taken. -
Spry Accordion Panel Default State All Closed?
Is it possible to set a group of Spry accordion panels so
that all are closed by default?Steven_K wrote:
> Is it possible to set a group of Spry accordion panels
so that all are closed by default?
Yes, a Google search for "Spry accordion all closed" brings
up this as
the first result:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
hi guys,
i have a Spry accordion panel, in the first panel i have some
dynamic text and some dynamic images, when i open the other panel
below, this opens over the top of the first panel (like it should)
and the dynamic text is covered (like it should) however the images
stay visable in the same place as if the images are placed ontop of
the accordion panel. The images are in the first panel container
though and so should become hidden but don't.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Genral Info</div>
<div class="AccordionPanelContent" id="accordcontent">
<p>Username: <?php echo $row_rsFull['UserName'];
?> </p>
<p>Name: <?php echo $row_rsFull['Forename']; ?>
<?php echo $row_rsFull['Surname']; ?></p>
<p>Date Of Birth: <?php echo
$row_rsFull['DateOfBirth']; ?></p>
<p>University: <?php echo
$row_rsFull['University']; ?></p>
<p>Project Name : <?php echo $row_rsFull['pName'];
?></p>
<p>Project Description: <?php echo
$row_rsFull['pDescription']; ?></p>
<p><img src="<?php echo $row_rsFull['pImage1'];
?>" alt="image 1" class="bottomimage" /><img src="<?php
echo $row_rsFull['pImage2']; ?>" alt="image 2"
class="bottomimage2" /></p>
</div>
</div>
Any Suggestions?That would be very easy, just remove the tabindex attribute
of the top level div of the accordion. However keyboard navigation
will not work at that moment. The dotted line is a browswer
specific visualisation to show that the specific item is selected
using the tabindex.
You could also add the following style to your page
div:active,
div:focus,
div:hover
outline-style: none; -moz-outline-style:none;
Then none of the div items with a tabindex get an surrounding
border. -
Sorting Spry Accordion panels?- Repost
I posted this question on 5/20 but did not get any replies,
so I am reposting in hopes that someone might have an answer.
Can Spry accordion panels be dynamically sorted the same way
that regular Spry tables can? I created a Spry Accordion with a
book title on each panel. When you click on a panel, a table
appears (dynamically generated from an XML database using a Perl
script) showing author name, publisher, date of publication, etc.
I'd like users to be able to alphabetize the book titles in case
they're not already in alphabetical order. I'd also like to add a
link on (or near) the panels to sort them by date of publication,
even though the date field is not visible when the panels are
closed.
Thanks!
- cpmorganI couldn't tell from your post if you were generating the
markup for your Accordion using regions and data sets. If you are,
then you are probably doing something similar to:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
In which case, you can cause the panels to sort by simply
sorting the data set:
<a href="#" onclick="dsEmployees.sort('firstname'); return
false;">Sort by FirstName</a>
<a href="#" onclick="dsEmployees.sort('lastname'); return
false;">Sort by Last Name</a>
--== Kin ==-- -
Strange issue with Spry Accordion Panels
Hi, I'm having some strange issues with the Spry Accordion
Panels.
Here is the page:
http://www.bellaclientcenter.com/browncollege/aboutus.html
For some reason when I preview this message it adds extra
characters to the url above, so just delete those off to see the
correct url.
The only browser this does NOT happen in is safari, I'm
seeing it all of my other browsers. You'll notice when you first
load up the page, you'll see that the active panel header
background is green, and the non active is a dark grey. But when
you click one of the other panels they all turn a strange neon blue
color. This is very apparent in firefox.
Any thoughts on this? I've attached the spry css code in case
the problem is there.
thanks so much!!
JeffThat is because your page is currently invalid. And renders in IE quirksmode..
<base href="http://www.industrialwebsearch.com/">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
So make sure your page is valid, and the animations will go smooth in ie -
Collapse Spry accordion panels
Is it possible to collapse the spry accordion panels when working in design view? I want to put more content on the page below the accordion, but it is obstructing my view of the rest of the page.
Is it possible to collapse the spry accordion panels when working in design view? I want to put more content on the page below the accordion, but it is obstructing my view of the rest of the page.
-
Missing address and google search space
Hi, all -
Well, I must have hit a strange key combo. I have lost the address and google search "buttons" on the safari address bar. Safari works, I just can't navigate to non-bookmarked areas.
What's the simplest solution? I tried downloading a new safari, and it says I don't have the right OS, but my OS is newer than what is required. I found "com.apple.safari.plist" and got it on my desktop, but couldn't make anything happen, and now I don't know where to go to put it back where it belongs.
Thanks for your patience.
S
mac mini Mac OS X (10.4.9)higbini,
Welcome to Apple Discussions.
Choose: Safari>View>Customize Address Bar...>Drag your favorite item into the toolbar...(Address and Search) to regain the use of these two items.
;~) -
I Installed ios8 then iOS 8.02 on iPad 3. Now when I use Safari and Google search I can't exit out of the last site visited. It seems that all the sites are saved. Help. When I go to use Safari the next time the last site visited is always there. I want to be able exit those sites every time exit from Safari
Safari works a little differently in that respect on iOS 8 on the iPad than it did before. To exit the last site used, tap the icon that looks like 2 overlapping pages at the top right of the screen and then tap the x at the top left of the smaller display that appears.
-
.js update of spry accordion panel tab data for countdown functionality
Hi,
First off I must say I really love the work done on CS3 and
the Spry Framework - loads of examples and nicely implemented!
Questions in a nutshell:
Can I change spry generated data on the fly so I can run a
.js counter function to dynamically update accordion panel data?
What event do I look for to fire a .js init function to see my new
spry widget (onPostLoad isn't working for me, but I'm a newbie!)?
* spry accordion
* {expire} dataset data is SQL DATETIME
* js countdown function CD_Init() searches DOM for specific
element IDs 'countdownN' and uses innerHTML to update counter at
specific interval
* observer onPostLoad seems to be calling CD_Init before
accordion DOM is loaded.
Verbose questions:
I am trying to tweek the output of a Spry Acoordion and
wanted to add a third party js counter to my accordion panel tab
and am having a bit of difficulty. The js code uses an innerHTML
statement to keep the counter going and supports multiple counters
(which I need to use one counter per tab). I build the multiple
counter id from the ds_RowID field which is where the parent div
element where the js changes the innerHTML. Can I do this? The .js
searches for elements w/ an ID of "countdownN", N = instance # and
a date format of '2007-09-08 00:00:00 GMT+00:00' and updates the
div's text with the countdown time. My {expire} record below is an
SQL DATETIME which is the correct format for this countdown.js
function (with the GMT-05:00 appended).
The relavant code is:
<div id="specialDisplay" spry:region="dsSpecials">
<h3>Click on a special below from our <em>LIVE
FEED</em> to see all the up-to-the-moment
exciting packages available!</h3>
<div id="AccordionSpecials" class="Accordion">
<div class="AccordionPanel" spry:repeat="dsSpecials">
<div class="AccordionPanelTab"
onclick="dsSpecials.setCurrentRowNumber('{dsSpecials::ds_RowID}')"
spry:hover="AccordionPanelLabelHover"><?php echo '<div
id="countdown' .'{ds_RowID}'. '">';?>{expire}
GMT-05:00</div>{dsSpecials::name}</div> <!--
accordion panel tab -->
<div class="AccordionPanelContent">
<div spry:state="loading"><img
src="./i/ajax-loader.gif"/></div> <!-- loading -->
<div spry:state="error"><span spry:content="Error
loading data..."></span></div> <!-- error -->
<div id="details" spry:state="ready"
spry:content="{detail}"></div> <!-- detail when ready
-->
</div> <!--accordion panel content -->
</div> <!-- accordion panel -->
<script type="text/javascript">
<!--
var AccordionSpecials = new
Spry.Widget.Accordion("AccordionSpecials", { defaultPanel: 0,
duration: 1000, useFixedPanelHeights: false, enableAnimation:true }
var observer = { onPostLoad: function(notifier, data) {
CD_Init() ; /*alert("postLoad"); */} };
//specialDisplay dsSpecials.addObserver(observer);
Spry.Data.Region.addObserver("specialDisplay", observer);
//-->
</script>
</div> <!-- accordion -->
</div> <!-- specialDisplay -->
I got the nice countdown.js script from
http://andrewu.co.uk/clj/countdown/
which allows N # of counters/page. I have updated this code to
start checking for a zero based index that I generate utilizing the
spry ds_RowID.
I have added an observer to run the countdown's
initialization function (to hopefully find all the "countdownN"
element instances) under my dataset declarations:
var observer = { onPostUpdate: function(notifier, data) {
CD_Init() ; } };
Spry.Data.Region.addObserver("AccordionSpecials", observer);
Also tried to add the observer to a div surrounding the
according w/ the "spry:region" specified.
But, alas, I see the correct expire instance in my tab, but
it looks like the counter is only firing before the actual data is
loaded (i.e. I used FF's webdeveloper and set a break on the
CD_Init function and it's breaking before the actual accordion is
there - I see the dataset placeholders in my window for the
accordion. When I continue, the accordion is generated, but my
countdown isn't working because it looks to be firing before the
DOM is updated w/ the accordion elements.
Sorry for the long speil; I'm really a .js neophyte and just
starting w/ spry - so I'm not even sure if I can/should change the
HTML generated from spry. If not, is there anyway that I can have a
countdown timer for each accordion's tab panel's associated
{expire} data field? Any ideas and suggestions are greatly
appreciated!!
Thank you also for this forum - some great gems for
development here!Sorry - the previous post is way too long.
Is it possible to tie in a javascript update function (a
counter update) to an element generated by a spry widget (a dataset
value that generates spry accordion tab text) so that the accordion
tab gets updated by the javascript function running under a
setinterval?
I've tried firing the javascript init function with an
observer on the accordion's onPostUpdate event, but it's getting
fired before the spry data is loaded. Is this something that's
possible? Sorry for my lack of javascript expertise! Relying on the
real experts here!
Thanks for any advice/pointers. -
Accordion Panels and List Menu don't work if I place html files in subfolders
Hi all,
Switched from Dreamweaver to Muse and I have very limited knowledge of code.
Not an IT expert and not a web developer this is just for my own site.
I have sub-folders in my site. All html files are inside sub-folders except index.
ie contact.html or products.html I move them manually from root to the subfolder, using the easy interface of Dreamweaver. I call the subfolder "en"
so I can have pages such as mysite.com/en/contact.html
In the subfolder I copy and paste from root the css, images and script folders,
keeping the original css/images/scripts as well, in the root, so index.html is not affected.
and same time the look of the html pages inside the subfolders does not change.
BUT
list menus and accordion panels don't work. I click and there is no movement
How can I solve this ? I know Muse does not allow the creation of subfolders,
everything is uploaded in the root.
When in Dreamweaver I had placed 50 pages in subfolders and I was indexing them in google and bing.
Now can't again put 50 pages in root and can't remove URLs and make new indexing for all these pages
Any help ? many thanks for any assistance.The iPhone, like the Ipad, uses the Mobile Safari browser, so here's an earlier thread that might give you some insight: http://forums.adobe.com/thread/613494
-
IE renders spry accordion glitchy and unusable (FF works perfectly)
Hi everyone, I'm making my Dad a website and I've adapted a spry accordion into a large table that expands the row over mouseover. The problem is that internet explorer (only tested in 7 so far) renders it almost unusable, however it looks fine in good old firefox which I was developing it on. Since I've spent so much time trying to make this damn thing I'm hoping somebody could come up with a solution to make it behave as it does in FF?!
Here's the link http://www.photronics.co.uk/spry.htm
Thanks!
NickYour problem stems from
Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabClick(e, panel); }, false);
But you already knew that. You just wanted to test us
To get the panel to open on a mouseover event have a look here http://forums.adobe.com/message/2980659#2980659
Gramps -
Spry Accordion jerky and not content filling correctly after refresh
Hello.
I have a page I'm trying to make a Spry Accordion work smoothly.
I've tried options such as, fixedHeight fps from 30 - 500, timer from 100ms to 1000ms, disabling Keyboard navigation, all working somewhat, BUT....
When opening and closing the panels sometimes they open to "fill content" and others no.
For example in the LEgal panel there is only one line. I would like that panel open to a height equal to the line height. Some other pabnels open partially then fully, and back again.
The animation can be pretty jerky.
I've duplicated the page and while playing with a JQUERY UI accordion it is pretty smooth.
IS there anything I can do to get the Adobe Spry to work?
http://corporate.fr/ce/clientsSpry.html
Ooops never mind. I will post this anyway as maybe other noobs will resolve the problem if they do as I did.
I stuck this
In the container after the div not realising the default <script> is put at the very end of the mark up just before the </body>
Two things learned, one when the Adobe document says the script has to go in after the mark up, that means not just after the div with the Spry but all the way at the end,
and two: if you modify the Spry options, note the var acc1 and the string "Acc1" have to be replaced with your Spry ID, in both places.Hello to all,
I have spent HOURS trying to figure this out....
I know the above code is messy, but it does correctly do the accordions via innerHTML. I have a dropdown on my page and when the user changes the input there, I call "doSpryData" and it is supposed to 1) reload XMLDataSet and 2) redraw the Accordion (I would like to have different data displayed on the same page depending on what user selects). For some reason, it will not redraw the accordion and show the data after it has been done once.
I am really desperate so any ideas would be much appreciated!
Cheers, -
How to Add the Dynamic List Wizard Form to a Spry Accordion Panel?
Is it possible to add ADDT Dynamic Forms to the Spry Widgets?
- I have been trying to add the Dynamic List Wizard to my existing Accordion but everytime I do, the Accordion turns into plain text?
-Also, If it is possible then how do I target the Panels and have the detail record open up in Panel number 2?
I plan on having the ADDT Dynamic Form in Panel 1, and want the Add, Edit, New, Delete form to open up in Panel 2.
Thanks for your help,
jligI figured this out.
1) First add all the Fields to the Form using the ADDT Insert Record Form Wizard.
2) View the ADDT form in the browser to make sure the fields all display.
3) In DW design view, move the cursor just to the left of the ADDT Form and hit Enter to Add a line just above the ADDT Table.
4) With the cursor below the Red Form line and just above the ADDT table add the SPRY widget. (ex..Tabs)
5) Now highlight the rows you want to move & hit Cut, then open up Tab1, highlight Content1 and hit Paste.
I decide to leave my date_added, modified_By & date_modified fields below the SPRY tab widget so that these fields are visible all the time. When I click on the Insert button, the record was added correctly to my Table after Validation passed.
Thanks,
jlig
Maybe you are looking for
-
Interactive Report Download CSV file Issue (output includes separator BR)
Hi, I have a Interactive Report and displaying the column values (multiple values in same ROW) as mentioned below. SQL Query select deptno, function1(empno) empno from emp IR Output Dept Employee No 10 AAA,BBB,CCC, ... //
-
Scheduling,Email Setup in cluster environment and multiple job servers
Hello All, I have to schedule and email instances of crystal reports to users in PDF and excel format. A Clustered environment of Business Objects 3.1 SP3 is been setup on 2 servers. There is 2 instances of crystal reports Job server been created
-
Regarding EP Guys in the XI Project
Hi Experts, i have One Doubt Regarding the Implementation of the XI Project. Is the EP Persons are Must To Implement Any XI Project?????? Should we Maintain the EP Front End Access Compulsary Or We can Maintain Any other Fron End Access Like VB .NET
-
Mail trigger upon the updation at different occassions
Hi, I am having the requirement of trigering the mail automatically at only three occasions (Only updations ) : System should not trigger a mail if there is any modifications in the table.The occassions are as follows: 1.Mail should trigger at the ti
-
Rebuilding iphoto 11 library from a deleted files
I need some help restoring an iphoto 11 library. I have been able to recover photos but now i want to rebuild the structure...albums, events, etc. anyone help with this? I would like to be able to find the metadata or whatever and move it to the ipho