Spry, iFrames and IE

Thanks for looking at this. Your feedback is appreciated it.
Here are the facts:
1) My page uses an iframe (I know they suck but without going
into details, I'm stuck with it).
2) The page in the iframe contains Spry validation text boxes
and other form elements.
3) If I submit the page without the iframe, all works great
(i.e. the fields validate).
4) If I submit the form with the iframe, the fields do not
validate in IE7 without MULTIPLE REFRESHES/RELOADS OF THE FRAME. In
other words, you can submit the form without filling in the
appropriate input boxes.
Yes, it sounds strange. This behavior does not occur in
FireFox.
Here are the appropriate links:
Interior Form (the
one in the iframe)
Full
Page with iframe
Go ahead and click in a few of the input boxes to clear the
content and then try submitting the form. Blanks are not allowed
and you should see exclamation marks for blanks. Try it first in
FireFox and then try it IE.
Again, the only way I can get it to eventually work in IE is
to reload/refresh the iframe content (right click > refresh) a
few times.
Thanks for any insight.
Cheers.
NOTE: The validation problem only occurs with input boxes.
Checkboxes and selects seem to work fine in both browsers.

This might help http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one and this http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml
Gramps

Similar Messages

When I try to load a pdf in iframe and I disable PDF toolbar, Its working fine in Internet Explorer and lower versions of Firefox, but in Firefox 19 its not

When I try to load a PDF inside Iframe and I disable toolar=0 (as guided by adobe). I am able to see the iframe with PDF with no toolbar in IE and lower versions of Firefox (till version 14).
But in my current version 29, The PDF is visible with toolbar on top.
Can you please let me know the way to display pdf with no toolbar in Firefox 29?

I replied on your similar question here: https://support.mozilla.org/questions/1005225

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 blog

Hello!
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
John

Thanks 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!
-s

Think 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,
nitefisher

You 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?
Thanks

Hi 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.
Thanks

I 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!

How to create a button which unloads an iFrame and puts in its position another iFrame?

How to create a button which unloads an iFrame and puts in its position another iFrame?
It is very important for me if anyone could answer...
Thank you all in advance,
Frank

Ok I found it!!

Spry menu and Explorer

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 A

1: 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.

IFrames and .swf over lapping problem

ello,
I've made my site in iweb '09 and I've uploaded some .swf Flash files to my site. It works great except on one of my pages, the only page with an iFrame. I have a basic layout I use on all of my pages and the .swf is in the same location on every page, the only content that changes is my text. Its a "tab" layout I guess you could say. So my iFrame is in place of the text that is always changing and for some reason my .swf captures and displays my iframe inside of it's frame.(0_o) So I have two areas on my page that my iFrame is displayed. I've moved the iFrame around, changed a lot of the code (for both the iFrame and the .swf HTML snippet) and have had no luck. Can anyone please help me?
If you cannot understand what it is I am trying to ask, please visit my website and take at look at the "Reviews" tab.
www.nomadicpc.com
Thanks in advance!

The Review page looks OK to me. You browser must have not loaded all the files that first time.
Interesting using iWeb and an Mac to create a PC repair site.
OT

Spry Panels and FireFox issue

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.html

Hello,
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.

Spry, iFrames and IE

Similar Messages

Maybe you are looking for