close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Cross Browser issues

Thread began 6/17/2011 10:53 am by Roland Rogers | Last modified 7/18/2011 6:55 am by Jason Byrnes | 3861 views | 7 replies |

Roland Rogers

Cross Browser issues

This works great and addresses the main reason why I stopped using Spry to validate my form fields - the positioning of the message would often break the layout of the page.

This is very cool and work beautifully... in IE 8.

When tried on Safari (mac and pc) or Firefox (v3) it does not show the tooltip. Upon closer look it does show the very tip of the arrow of the tool tip at the top left of the page.

Any ideas why or what can be done to make it work across all browsers? See this link for the example.

contact.php

- Roland

Sign in to reply to this post

Jason ByrnesWebAssist

This appears to be an issue with <table> based forms. If you wrap your spry spans with a relatively positioned div:

<div style="position:relative">
<span id="sprytextfield1" ...
...
</span>
</div>

That seems to correct the issue. We'll look into this more on our end and see if we can find a fix that doesn't require you to update your html.

Sign in to reply to this post

kdavid379212

Just wondering if there has been a fix for this issue as I'm experiencing the exact same thing?

Sign in to reply to this post

Jason ByrnesWebAssist

are you're forms based on a table?


see my previous reply to the original poster for a proposed fix.

Sign in to reply to this post

kdavid379212

Thanks for the quick reply! Since I use Data Assist extensively, my forms are based on tables. I tried the fix, but had no luck on any browser other than IE8. Here's a simple file to illustrate the issue. Keep in mind that the bottom text input (outside the table) works perfectly on any browser.

Attached Files
1.zip
Sign in to reply to this post

Jason ByrnesWebAssist

you are adding the div artound the td tags:

<div id="test1" style="position:relative">
<td><span id="sprytextfield1">
<input type="text" name="textfield" id="textfield" />
<span class="textfieldRequiredMsg">A value is required.</span></span></td>
</div>




the div needs to be inside of the td tags:


<td><div id="test1" style="position:relative"><span id="sprytextfield1">
<input type="text" name="textfield" id="textfield" />
<span class="textfieldRequiredMsg">A value is required.</span></span></div></td>

Sign in to reply to this post

kdavid379212

That fixed it. Thanks!

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...