My Spry Tooltips make page judder in IE 6 as if creating extra content.

http://localhost/les/pages/courses.php
That's the link to the page where I am using the tooltips.
In IE6 on the first use of the TT it makes a judder and pushes the page content down about 10px(?).
Any way to fix that?
Thanks
Martin

Hi
You flash movie doesn't have the parameter wmode=transparent. If you set that, the menu bar will be on top.
<param name="wmode" value="transparent">
I hope this helps.
Ben

Similar Messages

Error when adding Spry Tooltip to page with footer library

I'm using Dreamweaver CS4 and the Spry menu to apply widgets.
I was able to create a brand new page, import an image, and apply the Spry Tooltip widget successfully (as well as edit the CSS etc.).
But I run into problems when I applied it to an image on my real page, which is pretty busy, and in columns etc. I select the same image and apply the Spry Tooltip. I get this error message:
"Making this change would require changing code that is locked by a template or a translator. The change will be discarded."
Searching online, it seemed to have something to do with a region that is not editable, like a template or library item. I'm not using Templates, but I did have a few library items. The Library for my footer, which included the script for Google Analytics, was what was causing the problems.
It seems what Tooltip was trying to do was insert its script INSIDE the existing script in the Footer library - which is not editable. I needed to remove the Footer Library, apply the tooltip, then re-insert the Footer Library. This is how it needed to flow:
</div>

<div id="footer">
<p>footer copy here</p>
</div>
<script type="text/javascript">
blah blah google analytics stuff...
</script>

<div class="tooltipContent" id="sprytooltip1">Tooltip content here.</div>
<script type="text/javascript">

</script>
</body>
</html>
I think if the footer library didn't have a script in it, it would not have been an issue. It's just that the </script> was right before the </body> and it figured it could just insert the Spry code there.
I wasted an hour troubleshooting this - I wish Dreamweaver was smarter when it inserted widgets and would know where Library items started and stopped.

Select your external drive in finder.
press CMD and i
an info windows will open - what is reported as "Format" ?
anyway scroll down to the very bottom: "Sharing & Permissions"
set everyone's privilege to "Read & Write" and choose to "Apply to all enclosed items"

Spry Tooltip works in page 1, not in pg 2?

New to Dreamweaver, so please forgive my learning curve stupidity regarding Spry and fancy stuff.
I've created a Spry Tooltip series for a simple menu bar on my client's page. He wants to keep things clean and simple. The tooltips work fine on the front page of his test site here: http://www.approvalsourceleasing.com/test/myway.html
However, clicking on the "contact" link (whick has no tooltip on it) brings us to a new page using the SAME code as the first page (copy pasted) and then I simply added a new table underneath the original logo and menu with the tooltips. It can be found here: http://www.approvalsourceleasing.com/contact.html
When I "preview in browser" via Dreamweaver the page displays properly, but when you click the link and view it for real it does not. The tooltips do not work, and the text for the tooltips is located on the bottom of the page--no error messages. I've tested this in IE and Firefox and I get the same result.
I'm not sure what I did wrong.
Thank you in advance!

Yes, thank you. I figured it out late last night thankfully. My SpryAssets folder wasn't reading properly on the second page. I just needed to re-upload it.

Spry tooltip problem in IE 7 & IE 8

Does the Spry tooltip have a browser incompatibility with IE 7 and IE 8, or is there something on my test page that interferes with the function of the tooltip?
I inserted a tooltip in this page using DW CS5--very straightforward as shown on every tutorial I have found:
http://www.piie.com/dev/cite-this.htm
Yet in IE 7 and IE 8, the tooltip appears at the bottom of the page at all times. There is no activity when mousing over the trigger area ("Cite This", upper right of main content area). It is as if the js / css files are not working, so I put in absolute paths for those files.
In any event, I know that the js / css Spry tooltip files are live because in FF 3, the tooltip works exactly as expected.
The Spry tooltip files I am using show they are the latest version, 1.6.1.
Is this a browser bug, or is there something on my page that is interfering with the Spry tooltip in IE 7 and IE 8? I have tried in vain to find any information. Thanks for any pointers anyone can give me.

I checked here to find out why my
www.museumsforeningen-lf.dk works nicely with spry tooltips in firefox but not at all in explorer 8 (and didn't get any the wiser). the base jpg kind of jumps a bit but no
tips or anything. I've only just got my eyes on this spry tooltips - and have basically totally
dumped using explorer myself because it's too troublesome whatever you want to do (reading papers without a gazillion errors in particular) but
I need to accomodate the potential viewers who might use explorer (it's a
museum 'friends of'' webpage).
can this spry stuff work in explorer at all? I've tried using explorer without add-ons and with various settings in security but nothing worked. can something be done via the code - the old dears in the friends group probably aren't up to much change in settings on their browsers, but they sure do use the net.
Freya

Need help in CS3 creating CS4 spry tooltip-like widgit

I am extremely new to Dreamweaver and know very little HTML and no other codes and so please bear with me if I am using some terms incorrectly.
I created an image map with hotspots. When I move the mouse over a hotspot I would like for a description box to come up with either an image and text, or just an image, whichever is easiest. I believe what I am trying to do is called an image tooltip?
I've searched all over the internet to try and find step by step instructions or a video on this, but the closest I could find was the CS4 spry tooltip widgit, which is new to dreamweaver and not part of CS3. I figured out how to put a simple text tooltip on a hotspot using "alt" but that is too basic and I need at least an image instead when I put my mouse over the hotspot.

I am extremely new to Dreamweaver and know very little HTML and no other codes
Without an understanding of HTML and CSS, you will find Dreamweaver an uphill struggle.
There are instructions to achieve what you want to do on the Spry website at http://labs.adobe.com/technologies/spry/samples/index.html. Scroll to the bottom of the page, and you'll see three links related to Spry tooltips. However, you'll have considerable difficulty implementing anything without a basic knowledge of HTML, CSS, and JavaScript. Dreamweaver is a professional tool for working with those technologies. It is not the magic wand that some people seem to expect. Spend a little time learning about web technologies, and Dreamweaver will become a joy to work with.

Spry Tooltip is missing on Spry menu in CS3?

I cannot find the Spry Tooltip on my Spry Menu in DW CS3? I have run the Site/Spry Updater but Tooltip is not listed?
How do I add/update my DW Spry menu to include all available Spry Widgets, tools, etc?
Thanks,
jlig

Arnout, Thanks for the reply..
However, I have read thru that document and still not sure how to:
- Apply the Spry Tooltip widget to a small Image on my page
I have already copied the two SpryTooltip.css & SpryTooltip.js files into my Spry folder & uploaded to the site
Just not sure how to apply them to the Image?

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

CF inside a Spry ToolTip

I've not tried it yet but am curious if anybody has any experience with it or if it's even possible. I know any valid HTML will work inside those but I'm wondering if a simple CF email contact form inside a Spry Tooltip will function as intended. What problems might I run into and is this simply a bad idea on its face?

<script type="text/javascript">

</script>
</div>
<br style="clear:both" />
</div><br />
<div class="sizeHeader">SEE ALSO:</div>
<p> </p>
<p> </p>
<p> </p>
</div>

</div>
<div class="tooltipContent" id="sprytooltip1"> <span
class="head1"><em><img src="images/hands.jpg"
width="202" height="88" alt="Memory Foam Upgrade" /><br />
</em></span><span
class="14BIwhite"><em>Memory Foam
Upgrade</em></span><span
class="head1"><em><br />
</em></span><span class="body">Add memory
foam to the inside of <br />
your bed for a luxurious night's
sleep.</span></div>
<script type="text/javascript">

</script>
as you see there, you have a double constructor.
the first one, will search for your sprytooltip1 element but
will not find it as the page isnt fully loaded yet.
So atleast remove that one.

Spry tooltips on hotspots. Help

Hi!
I saw this question on a few places here, but it didn't answer my problem.
So, i never really used this part of DreamweaverCS4, cause my job is designing. But i need it now. Basically i have a map, and on a few towns i need to put on some more information. So at first i created the hotspot, then the tooltip, and here the problem was that the tooltip worked on the whole map, and not the hotspot...
So, i started messing around with it, and i thought i figured out that a tooltip need a trigger thing, so i wrote in the spry tooltip properties for the trigger: #town1 , and on the hotspot for the target: town1 . and when i wanted to try it out, i got this alert: Spry.Widget.Tooltip ERR: The element "#town1" does not exist in the page.
Can someone help me out? Basically just a little walkthrough on how it's done.
Thanks in forward!
TnG

Nah, sorry it's not working. BUT THANKS!
This is what I tried:
<img src="terkep.jpg" width="976" height="1372" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="198,279,282,337" href="#" alt="ns" />
<script type="text/javascript">
var tt1 = new Spry.Widget.Tooltip("apDiv1", "#myDiv", {hideDelay:500, showDelay:200, hoverClass:"toolTipHover", useEffect:"blind", followMouse:true, offsetX:"30px", offsetY:20});
</script>
</map>
But nothing seems to show up.
Also this is what i tried before (not the coding way), just using dreamweaver, but here the problem is, that spry shows up everywhere (on the whole picture):
<img src="terkep.jpg" width="976" height="1372" border="0" usemap="#Map" id="sprytrigger1" />
<div class="tooltipContent" id="sprytooltip1">Tooltip content goes here.</div>
<map name="Map" id="Map">
<area shape="rect" coords="204,287,276,329" href="#" alt="ns" />
</map>
<script type="text/javascript">

</script>

Dynamic Spry Tooltips

I have a glossary XML document that I use Data Sets in our website.
I want to be able to dynamically traverse the XML DOM to be able to pull the innerXML to insert into Spry Tooltip dynamically.
The approach I am taking is to dynamically load a hidden Iframe with the XML Document, then parse the XML to filter out the content I need for each temr that has definition associated with it. However, I can not seem to get past this point to load into the tooltip div container.
Any suggestions?

In case you missed it
                        Announcement:
                        New to Spry, or the Spry forums?
Before you post a topic please verify that:
You are using the latest Spry files
The
latest version of the Adobe Spry Framework is 1.6.1, this is the same
version that ships with Dreamweaver CS4. If you use Dreamweaver CS3
(uses Spry 1.4), its wise to upgrade your files to the latest version.
This can easily be done using the Spry Updater that can be found here.
Your question was not asked before
Using
the search functionality on forums you can easily find out if your
question has been answered before. While you are in search, you can
specify the search locations. The Spry forum can be found under:
Adobe Labs > Spry Framework for Ajax
Yoru question can not be found in the existing documentation
Spry
provides you with allot of documentation this can found on different
locations. In the sidebar of this forum you can find a small summary of
resources that will help you on your way.
If
these options do not apply to your question, please be so kind to also
supply the following information in your topic together with a clear
description of your issue:
What browsers does this issue occure:
example: Internet Explorer 8 on Window 7 and Firefox 3.0 on Mac OSX
What version of Spry are using:
example: Spry 1.6.1 ( the version number can be found in license header of the .css and .js files )
What is the url of your website or page in issue:
example: http://www.example.com/page/in/issue.html
Step to reproduce the issue:
example:
Scroll down till you find the header "help", there you will see a Spry
Accordion. When you click on it it will not open or close.
So users can provide you with a better answer, without having to ask you for further details.
                        by Arnout Kazemier
                        at Oct 23, 2009 2:47 PM

How do I make page borders on Pages?

Can anyone explain to me how to make page borders on the Pages program? I typed it into help, but it only told me how to make borders for paragraphs. In Word it was under "Format" Borders adn there were lots of choices of great borders there - both lines and graphics.
I have a mutli-page document and want a nice looking border that will automatically put itself onto all the pages in the document.
THANK YOU FOR YOUR HELP!!!

There is no command to place a border on a page. However, it is quite easy to draw a border. Set your margins and then resize the Pages document window so you can see the entire page. Under the view menu, select 'Show Layout' and 'Show Rulers'. Now insert a rectangle or rounded rectangle shape, resize and move it as you like. Open the inspector and select the Graphics tab. Select the background and line colors, etc. Under the Arrange menu, select 'Send Objects to Background' and you'll probably also want to select 'Lock'. You might also want to capture the page (Format > Advanced > Capture) if you intend to make a multi-page document.
Yes, this is a bit more involved than Word but it isn't that big a deal. I've created a template with about 10 different border styles and I pull it out whenever I need it.

How do you make pages default document reader

Hi
I have just started using pages and i cant seem to work out how to make it the default application to open up the many documents i have.
Every time i open a document it opens in textedit, i know that you can choose in properties with which program to open it with, but i am getting really fed up of doing this.
is there any way to make pages the default instead of textedit program.
Ta
Karl
p.s I used to use MS office but i cant be bothered to reinstall it and most of my docs are .doc (office format)

kb,
You can set .doc files to open in Pages, and its surprisingly easy: just go to the Finder, single-click on any .doc file, then type command-I (Get Info). Click on the Open With... menu and select Pages (or navigate to Pages if it's not in the menu). To make all .doc files open in Pages, click on the Change All button.
You can do the same thing with other types of files, like RTF or plain text.
-Dennis

How to make pages page horizontally in acrobat

Hi there.
Is there a way in Acrobat to make pages page horizontally? Similar to an ‘island spread’ in indesign! I need to view a series of pages horizontally, as this will best simulate the way that I will be presenting these pages when pinned up...
Thanks,
Craig

Depends on how you set up your ID file. If you have set up your document as 11 x 8.5 (horizontal/landscape) the resulting pdf exported sould be the same. If you have an 8.5 x 11 Document, Portrait, the exported pdf should be likewise portait.
If you printed to PDF Printer (and you should have exported instead) these results could be overridden by the page orientation.
If you have an Acrobat file, whose pages need to be rotated permanately, not just for a particular view instance, rotate them from the Acrobat Navigation Pages Panel.
Page>Rotate Pages (or Shft+Ctrl+R)

How do I make Pages the default program for .doc files?

How do I make Pages the default program for .doc files without having the need to change the default program for each individual.doc file?

Navigate to a .doc file.
Ctrl click the file
Choose Open with and then go down the list, past pages, to other
Navigate to pages
Before you click Open make sure you click the 'Always open with' check box.
You should be okay.
You can do a similar think by selecting the file, Choosing File-Get Info
Then open the Open With Disclosure triangle.
select pages and then click CHANGE ALL
Hope this hleps.
M.

How do I make Pages the default program?

Hi,
This may be quite basic, but I can't seem figure it out.
I've just migrated from a PC to a Mac and I have a lot of .doc's. I want to make Pages the default program to open all of my MS Word documents; however, when I select >open with>other>iWork08>Pages, and check the "Always open with" option, it only opens that particular document with Pages, not every .doc file on my computer.
Windows has an "always use for this type of file" option, but I can't find any such thing on my Mac. I have WriteRoom installed and this is somehow the (default) for .doc's, though, I didn't make it that way... just happens to show up first on the list for some reason.
Thanks!

Point to a .doc file in a window using the Finder. Command-i (or right click, then choose "get info") on any .doc file. Under "Open with" specify Pages then click "change all". This will make all .doc files open with Pages by default.
If you don't like this setting, you can change it back. And bear in mind that opening a .doc file with Pages does not allow you to simply save the file using Pages. You have to save a second file in Pages format (and perhaps may wish to then delete the first .doc file). The fact that Pages doesn't save Word documents "natively" like this can be a pain, but there's no way around it because that's how Pages is designed.

My Spry Tooltips make page judder in IE 6 as if creating extra content.

Similar Messages

Maybe you are looking for