Spry, Shadowbox, and IE...damnit.
Let me first off say that I am new to XML, SPRY, and
Javascript. With that said, I've stumbled my way through. But now I
am stumped. I am having a problem with Shadowbox and Spry working
nicely together.
Here is the page in question:
www.discgotech.com/DGTweb/disc-go-tech_news_and_events.html
I've got the shadowbox working when you click on the news
events on Firefox, Safari, Camino, and Opera, but not in IE7 or 6.
Can someone tell me if there is something that I am missing in my
code? Any help you can offer will be greatly appreciated.
Pete
I think one of the problems may be that you are using a
spry:detailregion instead of a plain old spry:region ... I'm not
exactly sure why you are using a detail region, but if you are
really only trying to get a specific row to be selected, then look
at the products demo to see how it is done within a region:
http://labs.adobe.com/technologies/spry/demos/products/index.html
Just an fyi, detail regions re-generate their markup anytime
the current row changes ... this means that the content in those
regions get blown away each time you click on one of your rows ...
which may be throwing shadowbox off. Switching to the spry:region
will prevent it from being blown away as you click on things.
--== Kin ==--
Similar Messages
-
How to update Spry-table and present the updated table in a div element?
Hello!
I am using a very interesting AJAX-framework called Spry when designing a web page. Here the web page is: Link.
I need some help.
Every time a new project or shift is added, the changes are written to an xml-file. When the page is reloaded, Spry reads data from xml-files.
This is caused by this code:
dsProjects = new Spry.Data.XMLDataSet("timetable/projects.xml", "projects/project");
dsShifts = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project/shift"); //look inside projects.xml and //extrac xml-file. url
dsName = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project");
I call this function that I have written: loadProjectsIntoDivElement ().
This function does the following: [See attached code.]
It iterates through the Spry-datastructure and puts the data in a table inside of the div-element called 'projectsList'.
Now, when I add a new project, I want it to be inserted into the Spry-datastructure and then cause the new data to be written into the div element called 'Specials_DIV'.
I have found out how to update a Spry-datastructure (e.g. dsProjects above), but I don't know how to update the table containing the data without refreshing the page. This should be done using Spry.
Some code:
1:
2:
3:
function loadProjectsIntoDivElement () {
$('#projectsList').html('');
$('#projectsList').append('<table id="Specials_Table"><tr><th spry:sort="id">ID</th><th spry:sort="NAME">Name </th><th spry:sort="hoursestimated">Nr. of hours estimated</th><th spry:sort="hoursworked">Nr. of hours worked</th><th spry:sort="costperhour">Cost per hour.</th></tr>{function::init_hours}<tr spry:repeat="dsProjects" onclick="chooseProject({ds_RowID})"><td>{id}</td><td>{NAME}</td><td>{hoursestimated}</td><td>{hoursworked}</td><td>{costperhour}</td></tr></table><br/>{function::get_hours}<br/>');
I have tried to accomplish this in various ways but I don't succeed.
I want to do it without refreshing the page.
Update: I found some code here that I will try: Link
Thanks in advance!
Anders Branderud
My blogHello!
Thanks!
I don't succeed with the implementation in any browser.
I have found a way to it, but I would like a way that updates the data quicker and without reloading all of the page. After all, I am only adding one row on the end of the data structure, so there should be no need to read in all data again.
Now I do it like this:
When a project is added, do this:
1. Store a new row in the project file through a php script.
2. When the post-call to the php-file returns, do refresh of the whole page.
Then the newest version of the xml file will be read in.
However, I don't want to read the data from a xml file each time that a new project is created.
I know how to add the new data to a Spry-datastructure [in my code 'dsProjects'], but I don't know how to display the updated data without reloading the whole page.
I have tried some various ways to do it, but haven't succeded.
Thanks!
Anders Branderud -
Spry accordion and #wrapper issue
Hi
I am in the process of trying to put together a portfolio site as part of a CIW course. If you look at the current site www.jmacphot.com you will see on the equipment page I have tried to add a spry accordion and then a spry tabbed menu inside the accordion. However you will see that when I insert a large amount of information into the content area it pushes the tab over the footer and does keep the footer at the very bottom of the page... I am stumped as I have not set any specific height on my CSS to keep moving.
Can someone please advise where I might be going wrong here. Sorry if this question has been asked repeatedly but I am very new to web design.
Your help with this is greatly appreciated!
Regards
JohnThanks ben, I initially thought if I left the height of my wrapper blank and also the height of the spry content blank they would expand as more information was entered? Is there possibly and issue with CSS hierarchy?
Thanks again for your help!!
John -
Spry Accordions and Contribute
I'm curious of something.. been trying to search for anyone
who has a similar problem and can't seem to find an answer..
I've recently built a site using the DW CS3 Spry Accordion,
and the client is updating the file with Contribute CS3. They can
get in and edit the files just fine (contribute expands the
accordions so the content is editable), but when they 'publish' the
file the accordion stays expanded. The data in the accordions are
quite lengthy, so it's pretty necessary they collapse again.
Anyone else see this with the Spry stuff? I've had clients
update the Spry Tabbed menus with the same version of Contribute,
and everything works just fine. This one is a mystery!
I have version 1.6.1 of Spry. The editing file in question is
standard CSS/XHTML.
Any advice/help would be great! Thank you!
-sThink I found the bug.. It's actually a combo of the footer
script between the Accordion and Google's Analytics script:
Link
to Article -
Spry Regions and Mouseover Effects
I want to use a mouseover effect on a spry master region
element that calls the spry details region data of the master
region element. Any tips or pointers?
I have tried searching the web for how to-s and even tried
the Adobe Spry sites and samples...did not locate any specifics on
how to change the click event of the master region element to a
mouseover event.
Any links, tips or detailed instructions is appreciated at
this point; have been searching about 4 hours now.
Thanks,
nitefisherYou can apply focus to form elements and anchors/links. In this case I am attempting to set the focus to the <a href> tag.. but only the first in the repeating region.
<HTML>
<BODY>
<a id="foo1" href="#"> This</a>
<a id="foo2" href="#"> That</a>
<script type="text/javascript">
// selects 'that'
document.getElementById("foo2").focus();
</script>
</BODY>
</HTML> -
Spry:Content and Dynamic Spry Data
Is there a way to get the spry:content attribute to work well
with dynamic data generated from PHP/MySQL? I have read the
progressive enhancement article and I am totally lost on it.
The provided examples in the documentation deal with static
data but there are so example of using spry:content and dynamic
data.
Can anyone help?
ThanksHi Arnout
These are the urls:
http://www.grafikkaos.co.uk/pages/front/test_home.php
- this one displays the spry:content properly, but in the source,
it does not show the 5 articles.
http://www.grafikkaos.co.uk/pages/front/test_home_2.php
- I applied a PHP repeat region here. In the source, it shows 5
articles being shown but on page view, each title and date is
repeated 5 times.
Any ideas?
Thanks -
Spry Accordian and 2 data Sets
I have created a nested accordian with 2 data sets feeding a
detail region. It works on my machine, but after I uploaded
everything, including the spry js and css files, it still just
shows the {data} markers on the live version. Does anyone know
where the error is? I've tried reuploading it all but it still is
the same.
Here is the link:
http://clubs.wharton.upenn.edu/winterwk/Subs/students09W.html
Thanks!you are missing
SpryData.js, SpryShell.js, xpath.js in your includes
folder. -
SPRY accordion and tabs not displaying in IE6
Hi everyone:
Even after clearing up some validation errors in my HTML, I
am experiencing issues with a SPRY accordion and another page with
a Tabbed SPRY widget not appearing in IE6. The pages all work fine
in IE7, Firefox and Safari. I would greatly appreciate anyone
taking a look (link below) and letting me know if you see any
errors or know of a bug I have not found the fix for. My CSS
validates 100% so I don't think I have made any style sheet errors.
Thanks very much.
www.ducksroofing.com
K.Hi all:
After some more tinkering, I have discovered the real issue
is that my containing element is not containing the entire page and
therefore cutting off my SPRY elements on the pages which have
them. This is causing the SPRY widgets to fall apart and, of
course, for the page to only scroll partially down.
Does anyone have a suggestion as to why the SPRY tabbed
element and accordion element on my pages is not nesting within
document flow and remaining with the containing div? I appreciate
your help.
Once again, url is: www.ducksroofing.com
K. -
Spry Tables and Xml Data Sets viewed in IE7
Has anyone ever run into a problem with Spry Tables and Xml
Data Sets viewed in IE7? Work fine in IE6 and Firefox, but get the
error "exception caught while loading feed.xml: [object Error]" in
IE 7. Any ideas?
Attached is the xml I'm using.
ThanksI came looking for the answer to this question. I could not
find an answer. Eventually I found it the answer that worked for
me, a graphic designer with not much experience in xml.
The following url provided an errata file in PDF format:
www.peachpit.com/dwcs3cib
which includes the following addendum to the incomplete
instructions in the book i was using to learn about spry:
"If Internet Explorer 7 is your primary browser, you'll nee
to take some extra steps to view spry dynamic content locally.
First, your site must be within the local server webroot; be sure
your Lessons folder is stored within the Inetpub>wwwroot folder.
Next, double-click the site name in the files panel to open the
Site Definition dialogue. Click the Testing Server category; from
the Access List choose Local/Network. Click Okay to close the Site
Definition dialogue. Now, when you preview your page with Internet
Explorer, your local Web server (localhost) serves the page as
designed."
Horray for me! Now i can move on from here and actually get
some work done! -
I'm a beginner with DW and CSS. In Dreamweaver cs3 if I make
a new page and put the spry vertical menu on it, then preview in IE
(5.2 for the Mac), it doesn't work. It does work in every other
browser. What do I have to do in order to get this to work in
Explorer?
I've made a 35 page site with a spry menu and I do hope there
is a way to fix this.
thanks!
Ed A1: Don't use Spry. It has been discontinued by Adobe.
2: There are tools out there that will excellently do what you are looking to do as a Dreamweaver Plugin. This includes having text over a repeating image background, like the one you have there.
3: There is a pure CSS method that will allow you to learn how to build exactly what you want.
One from Line 25.
One from CSSWizardry.
One that includes a generator.
One that includes gradients.
A really good tutorial from Rob Glazebrook.
One that uses just 12 lines of JavaScript.
So, don't use Spry. Use the ones above. If you don't want to have to learn anything, simply download the one from Project Seven, install the plugin, craft the menu and, Bob's your uncle. Easy to maintain and add onto as well. Worth the money spent.
The rest of the ones do require some knowledge of HTML and CSS and, if you are going to continue to develop for the web, I recommend you learn those things. -
I can't get my spry panels to position correctly in Firefox but are fine in the other browsers. Can someone please advise??
Thanks!
Janie
http://0000uhy.previewcoxhosting.com/Pages/ourservices.htmlHello,
In the sprymenubarvertical.css file, try changing position:
static; to
position: relative;
in the ul.MenuBarVertical li style.
Also, you should get rid of the link to test.css as it's an
html page in a
css file.
Take care,
Tim
"Striker" <[email protected]> wrote in message
news:fqkk1e$sak$[email protected]..
> Sorry Spry menus, and they show up in the top right in
FF
> .
> "Striker" <[email protected]> wrote in message
> news:fqkcfj$ki6$[email protected]..
>> www.scottmertens.com
>>
>> Any of the submenus on this site work fine in IE7,
but in Firefox the
>> submenu is positioned in to top left corner
partially off the screen and
>> not readable or clickable. Any ideas what is wrong?
> -
Help with Spry Menubar and slideshow widget in IE
I have a spry slideshow and menubar created in dreamweaver CS4. Both work in Firefox, Safari, Chrome, etc. but not IE.
Here's the link:
http://www.salmonrunvacations.com/test/
Check in firefox first, then IE.
For the menu, what I've done is created a CSS div to insert the menubar into. This way I can use a background image to frame the menubar. I then tweaked the CSS to shift the menu into the correct position so it lines up with the background image. This information is not transferring for some reason, as the menubar sits at the top left of that div, ignoring placement info.
Different versions of IE create different errors as well. Note that the "galleries" menu should have a flyout submenu. This doesn't work either, though I could remedy this by making "galleries" a page that links to the two submenues, but I'd kind of just like to get it fixed.
As for the slideshow, I used a widget fromt the adobe exchange using Adobe Air. It exported the code as its own html page and CSS, JS, etc, but I just inserted the HTML into a div in the index page. Again, it works great in FF, not in IE. I should also note that when I load the page in Dreamweaver CS4, I get a bunch of error menus saying this widget no longer exists. Dreamweaver does not accurately display the slideshow either.
Help on either of these issues would be most welcome.
Thanks and God bless,
Mike.I'm sorry to say it still doesn't work. I hate to bother you and take your time, but at lease in IE 7 and 8, the slideshow still doesn't function.
For anyone interested, the code at the bottom was generated by Yahoo web hosting servers, and is for tracking site statistics. If you have a similar problem and want to get rid of that code as a possible solution, you have to go into the yahoo web hosting control panel, click "detailed statistics," then "options," and disable the site statistics tracking option.
I could just try to go with another java slideshow, but I really like this one.
Any other ideas on how to make it work? Also, the flyout menus under "galleries" display behind the slideshow (or at least the box that shows it not working). I suppose that may be fixed when the slideshow is fixed. We'll see. Please let me know if you have any other suggestions to make it work.
Thanks,
Mike. -
Split Spry.Data and Spry.Data.Region from SpryData.js?
I don't like Spry.Data.Region or anything like Spry.*.Region because it make hard to customize using javascript.
But Spry.Data with Observer / Notify feature is great one. In fact, using SpryData.js, I can write my own "render html object" easier.
SrpyData.js is big (127KB) even when compressed, it is still 65KB. That why, needed split Spry.Data and Spry.Data.Region from SpryData.js so who want to use Spry.Data only like me will get smaller trafic.
I've tried remove all Spry.Data.Region content in SpryData.js. Surprise, some in Spry.Data call to Spry.Data.Region >>> Design have problem.
Anyone can help splitting them?Found this in the archives:
<div spry:if="{ds_RowCount} == 0" class="trigger" style="display:none"></div>
Basically a hack to point the tooltip to a hidden div so no errors are thrown. -
Header, Spry Menu and Body not properly aligned
Please take a look at my page http://www.seanmccuedesign.com/shemwebsitenew/index.html and tell me why the Header, Horizontal Spry Menu and Body are wonky and not aligned properly.
Thanks very much,
SeanThe header is a bit to the left, the spry menu hangs too far to the right, and the body is too far to the right as well. I simply need them all centered...
-
Help Needed re:Spry Tooltip and render issue with XP
I have an issue with spry tooltip and XP not sure why ?
Here it is I am designing/building a website for a restaurant, I am making use of the spry tooltip on the menu page as a rollover for a larger menu image to appear, which it does. Everything is cool in Vista etc. but if you are using XP for some reason the rollover effect only works once and then no more until the page is refreshed which is really annoying and certainly not the effect i am looking for. I know this is occuring because of this line of code :-
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> which I need to keep in.
Does ANYONE know a quick fix ? or ran into this problem before ?
I am sure the attached .JS file is the key to fix.
Thanks in advance
Andy....!This is one of those situations you may need to see to believe,
whats happening is only on an XP IE8 browser which the ******** client is looking at (what are the odds)?
On newer systems and other browsers NO problem:-
You bring up the menu page and mouse over spry triggers and it works PERFECTLY, but only ONCE when you try again the cursor flickers as the trigger is engaged and nothing is revealed? I am sure the spry is working but somehow it is being hidden from rendering correctly as if trapped behind another image or on a delay, and then when you mouse off maybe 500ms later the image flickers into view and dissappears almost instantly. (an obvious error of some sort)
This only occurs when I place this source code in the head tags:-
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
Without code works fine, but I need to include this code for it to look as it should cross browser.
Ask me anything I will help as much as I can but right now I am at a loss !
Thanks in advance
Andy....!
Maybe you are looking for
-
Trying to copy ANY file from my MacBook Pro to an external hard drive spins for 45 minutes then fails. I hate this computer and WISH I never would have wasted my money. Any ideas? WD My Passport 2TB Drive, had to buy a program to make the POS read fi
-
Abap Routine(Urgent)
Hi All, I have a requirment i,e for example i got a infoobject named product and the data for that product is cumin as ABCD,but in the target it should be passed as CD by supressin AB in transformation. So in wot way i can achevie this ,by field rou
-
Encryption using gnu.crypto package
Hello, I have a program which implements a DES algorithm for encrypting files. The program makes use of the following: gnu.crypto.Registry; gnu.crypto.Properties; gnu.crypto.util.Util; which are used in statements, for instance: -> Util.toBytesFromSt
-
I have put a four number pass lock on my IPAD but i have forgotten what it is. Has anyone any ideas how i can unlock my IPAD?
-
Can't Change Language (Spell Check)
hello, I can't change the language of Mail's spell check funktion by choosing "Edit/Spelling/Spelling..." from the Mail menu... it's greyed-out!! In TextEdit this works just fine. Does anybody know what to do? Thanks, tom