Creating mouse-overs in iWeb

Hey there,
I'm rather new to iWeb, so if this answer is obvious to most of you out there forgive me. I've been experimenting with iWeb '08, enjoying it immensely, but I'm trying to figure out a way to create a mouse-over in iWeb.
This is the general idea of what I'm trying to accomplish (the picture is my friend's site which I'm renovating)
[IMG]http://i7.photobucket.com/albums/y290/Shadek9/Picture4.png[/IMG]
Basically just mouse over service, and get links to multiple other pages or portions of pages in a site.
Thanks for your help

Solcry wrote:
...is there a way to modify the navigation links to be a drop down menu?
Not natively in iWeb. I haven't tried the following free JavaScript generator, but perhaps it will work for you:
http://javascript.internet.com/generators/drop-down-menu.html
And they have other generators:
http://javascript.internet.com/generators/

Similar Messages

MOUSE-OVER MENUS & iWEB: my crippled site

For hours and hours, over the last several months, I've been working with a brilliant programmer who managed to write html/java script/CSS code that created mouse-over menus on my iWeb site. With the help of two additional programs - mass-replace-it and key-maestro, with one stroke, iweb properly exported to a local folder, mass-replace-it introduced my mouse-over code into all html files which were then uploaded to Go-Daddy via an ftp program.
The result: a 95% near-hit––however, due to our inability to achieve 100% fully functional mouse-over/pull-down menu code, we both finally gave up.
No joke, this has been one of the deepest disappointments of my adult years.
Here's the link:
www.petersolon.com
I plan to keep up my crippled site for the nest 24 - 72 hours, hoping someone out there can convey why, when any one of a number of pages (for instance, go to "mission" which is one of the Intro pages) - in fact, when most pages, are refreshed, once, twice, 3 or 4 times (particularly in Firefox) - suddenly, entire navigation strings jumps down and beneath the line they should be straddling. In other words, for some unknown reason, again primarily (but not entirely) in Firefox (yes, we're using the latest version) refereshing page several times, at some point, pushes the primary navig. menus to a spot they should not move to.
We tried every trick in the book, introducing older programming gimmicks like fixed tables, lengthening the "place-holder" iWeb entities that welcome/introduce the appropriate code for each page, getting the iWeb header out of the way, etc, etc - and yet, refresh 1, 2, 3 or 4 times whop/wham: primary nav menus jump down 100 pixels or so, below the very line they should be over - as if some "onload" or java script command or some unfathomable interaction between firefox and iWeb won't allow it to work.
If anyone can help.....please––we came so close. Finally, programmer gave up due to sheer exhaustion, lack of options, as did I...
Thanks so much in advance, Peter
MacBook Pro Mac OS X (10.4.9)
MacBook Pro Mac OS X (10.4.9)

It's a font rendering problem, and it's a repeat-able
problem in firefox, and to some degree in other
browser also. I see it in firefox and safari on vista
machine.
Try to set monospace font size to something big like
16-point, and minimum font size to none; play with
font settings. You will see the problem.
Cyclosaurus, I really appreciate your taking time to see if it reproduces.
But it's not a font rendering problem--that much I know.
In iWeb generated sites - probably sites generated by other software as well - upon refresh, there's often a slight bounce or movement and then movement back--this is for text, graphics, whatever. ("onload" command (??).
On my site, in the code - only upon refresh (which is the really weird part) - there's something about the positioning of the primary nav string and its relationship to the pink graphic. At one point, each indiv primary navigation menu would "jump over" the pink graphic. However, we "tied" the indiv. primary nav menus to each other using a fixed table, (I'm not a programmer but from what I've heard, I guess this was a programming strategy that was common prior to css.) Anyway, now the whole string either jumps over the pink line - or doesn't - and - again, upon refresh - it also jumps back to its proper position. When it jumps back to its proper position (relative to pink graphic), mouse-over menus work fine.
It seems to be related to primary nave string's position vis a vis pink graphic - and (weirdly) refresh.
We tried removing the "on-load" command from iWeb's code but that didn't work. Tried removing height commands - but that didn't work. Tried removing all elements from a typical page, one by one - but that didn't work.
Any further help would be appreciated...thank you much again....
Peter
Peter
MacBook Pro Mac OS X (10.4.9)
MacBook Pro Mac OS X (10.4.9)

Mouse over with iWEB ?

Hi all, do anubody know how to make mouse over effets in iWeb ?

And if you use Web dings, you get a rollover effect with something that looks image based.
http://www.makentosh.com/tipsfromtheiceberg/Blog/Entries/2006/8/16Merrily,_werollover!.html

Trying to create Mouse over effect with more than one show image appearing in same cell

Firstly this is the link to my test page: http://www.design39.co.uk/indexhope.html
If you roll your cursor over the top left logo (the D&S) one it displays an image to the left. If you roll your cursor onto the next logo (Netnotts) it fades away again. Great. Exactly what I wanted and created in CSS (well done me as I don't normally do much with CSS but the new CS4 has very forced it).
What I am trying to create is: When you roll onto the Netnotts logo, not only does the original image to the left disappear but a new relative one appears, this is to be for all the logos. In CSS I can only create it as far as I can. I have thought about using AP DIV tags to do it which would obviously work but to keep it in the right place, I would then have to align my whole website to the left instead of centered like it is and to be fair, that's not particularly pleasing to the eye as this is my own portfolio of work.
I can do flash to make 'pretty things' but have no idea about actionscript and java is way over my head but I am sure with some help I would be able to get it together as the that particular effect, although done in CSS, is running javascript I noticed.
Many thanks in advance.

A relative positioned layer? does this mean it knows how far to be away from the table as a pose to an absolute positioned layer which is lay 15px from the left? I need to be able to keep the positioning as its key, cant have the layer popping up in different places pending on the users browser size.
I posted the question on a few forums and I got the following back: http://www.design39.co.uk/bla.html
which is exactly what i wanted it to do but have no idea how to insert java script into my page; Further more, that was done in layers not table cells.
Any ideas?

Oracle apex creating mouse over drop down menu

Hi ,
I want to create a drop down menu for main tabs. Can any one explain or tell how to create this drop down and to use that in oracle apex 4.2 version.

A much better option than using in-built tabs.
1)
You need to define a List, either static or dynamic, which will be your menu options - and it needs to be hierchical.
Then you create a list region on the global page, using a stock template such as DHTML Tree
2)
Or you can use a CSS only menu, similar to the first option
http://www.grassroots-oracle.com/2013/05/css-pull-down-menu-using-apex-list.html
3)
Or you can use a plug-in
http://apex-plugin.com/oracle-apex-plugins/region-plugin/enkitec-navbar_317.html
Scott
ps - my, what a crazy username you have! is this the new forum default?

Mouse-over menu problem in iWeb, 2nd try

This is a 2nd attempt to ask for help: I want post one more time 'cause I realized – due to the useful feedback of one member of this forum (Cyclosaurus) - I can now explain my mouse-over problem a lot better:
I’ve got mouse-over menus that mess up in this weird way - but only when the browser is refreshed. And then they work fine again when browser is refreshed yet again. (?!) And it only happens in iWeb.
I worked with a programmer who wrote html code for me, creating a mouse-over menu system for my (iweb-generated) site: www.petersolon.com As a stand-alone thing (as stand-alone code) the menu system works great-there's nothing wrong with it-as you can see:
www.petersolon.com/default.html
But when the code is introduced into iWeb and uploaded, this weird refresh problem occurs. (I didn't do a very good job of describing the problem in my recent post: “MOUSE-OVER MENUS….etc”)
Anyway, the mouse-over system starts out working fine but then, after refreshing the page (the problem occurs more freq. on some pages vs others), the string of menus jump to a spot they shouldn’t move to. They do this:
http://www.petersolon.com/MenuProblem.html
And it only happens in iWeb.
The whole navigation system then gets totally messed up. I can’t tell you how many hours we spent fiddling with the code, trying to pinpoint the problem.
What I know for sure is, the problem is related to:
1. browser refresh
2. iWeb generated code (mixing with "outside code")
3. position of my primary navigation menus vis-a-vis a graphic they sit on top of.
Any help would really be appreciated, thank you much Peter
MacBook Pro Mac OS X (10.4.9)
MacBook Pro Mac OS X (10.4.9)
MacBook Pro Mac OS X (10.4.9)
MacBook Pro Mac OS X (10.4.9)

Problem solved...using a very short time-out value in a event structure and a bug solved in my main program.
Thanks, Thijs

Interactive PDF with mouse-overs was created in Illustrator, now pauses and flashes when opened in Acrobat

I have created an interactive PDF using Illustrator that has mouse-overs. When i export the file and then open it in Acrobat there is odd pausing on teh image bewteen mousing over it and the text callout that shold then display. Did I export or save incorrectly?

Thank you for both responses! I'm impressed with the fact that you're reading my post.
I'm new to tech matters with Adobe/PDF/Nitro tho I've been using them for several years.
The original file was created by an agency and given to independent contractor to use. I don't know which program they used to create the form. And I don't know what XFA or LiveCycle Designer means because I'm not technically sophisticated unfortunately.
I used Nitro 6 to populate the data and have a number of forms already filled out, which I periodically open and modify and resubmit. But Nitro 6 is acting sick, despite reinstalling several times. I'm attempting to see if it's worth transitioning to Adobe Acrobat, i.e., can I reopen the forms I've populated and continue to work with them. I like some of the Adobe features for other purposes (e.g., OCR).
Any help in determining how to open the form while keeping the data?

How do you create the 'cream pop-up info text boxes' that appear when you hover mouse over?

Hi people,
I really need to know how you create the 'cream pop-up info text boxes' that appear when you hover your mouse over an object on a webpage (and often in any program e.g. Photoshop) for more than a second. I need to know because the logo on my website is the navigation tool used to return to the homepage. It is always found in the top left so the user can always click it to return.
The only problem is im the only one who knows that when you click my logo, you return to the homepage. I need one of these 'cream info boxes' (forgive my lack of knowledge) to appear so the user will figure it out.
Thanks for taking the time to read my question...

Using your code it should look like this where title attribute is in red:
<div id="apDiv2"><a href="index.html"><img src="divs_dw/jtgd_logo_trans.png" alt="jtgd_logo" title="your description goes here" width="176" height="163" /></a></div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Creating a popup on mouse over in bar graph

Hi,
I want to create a popup using mouse over event on bar graph but I didn't find corresponding property in the property inspector. Is it possible to display a popup on mouse over in bar graph?
At present I am able to create a popup in the backing bean based on click event. I want to align it to the bar in the graph which was clicked. But now, it is being aligned to the bar graph as a whole(like above the graph , below the graph) when I use "RichPopup.PopupHints.HintTypes.HINT_ALIGN_ID, source". Is there a way to align it to the particular bar?
Any help is greatly appreciated
Thank you,
KK

Hi,
don't think you can align it to an area within a component. The align id property expects a component reference. Note that mouse over on a bar graph doesn't select the bar, which means that the data in the binding layer is not set to current (just in case that the data in the popup is meant to be dependent)
Frank

Creating an interactive CV: mouse over / roll over pop ups, embedded documents and videos

Hi everyone,
I am pretty new to Adobe Acrobat Pro and new to this forum (1st post here!). Greetings from Spain... and apologies for grammar mistakes and misleading explanations (in advance). I have been checking this forum and googling quite a bit, but I do not get to many conclusions (maybe I sleep few due to our baby!).
I want to create an interactive CV with the following characteristics:
1) CV in 1 page in a PDF document (no problem here!)
2) Hyperlinks in the text which open embedded files (pdf of others) hidden to the viewer but which are in the pdf document. Possible? (I want the recruiter to receive just one file). Even better if they could be open in another window (doubt it).
How could it be done? I try add documents and they are attached at the end, so the original pdf gets to have more pages, all viewable.
3) Furthermore, mouse over / roll over pop ups which show you a preview of the file you may open clicking the hyperlink, for a quick view of the content.
I think that this may be done, but using other programs, like InDesign. I just try to add a document, but it's sort of a link to a document in my computer. I may add pdf, pps files.
4) Even more, would it be possible to embed a video which would open in a new window? If not, I tried to add a link to youtube and there was a warning as "this program tries to open a window, if you trust the owner... " (similar safety message) and the very last thing I want the recruiter to have to decide whether to decide to watch it or not.
I know its a questions in its very first stages, but the big point is to know if/what it is possible to do, so that I search in the right direction.
If you have any idea or advice (even if not related to PDF pro, of course), just please let me know.
Thanks a lot in advance. I hope this thread may help others.
Cheers,
tebanseeker

Hi Dave,
Thanks a lot for the input.
(3) Right, I could not find either a way using just Acrobat Pro (I'm using XI). Sad thing that you confirm it... But it looks like you may do it using other programs on the PDF, but I don't know to use them. You may take a look at this:
https://www.youtube.com/watch?v=HEyJuT8SSME (popup rollovers using Illustrator)
https://www.youtube.com/watch?v=YOVRMVdZbVE (popup rollovers using InDesign)
(4) I think that embedding would make the file to big, so I may opt for the hyperlink to youtube option, even if I deeply dislike that message, although youtube is a reliable source for the viewer.
Any other input is very welcome. I am pretty illiterate in the field!
Have a nice weekend,
tebanseeker

Creating a Flash Mouse Over Effect

I want to create a flash mouse over effect that I can import into dreamweaver. Dreamweaver used to have a function to make this simple, but Adobe removed it. How do I create this in flash, and then define it in dreamweaver?

Why not just cut on a big white rectangle? Another way is to keyframe the Light Rays filter...
Patrick

I would like to create the same mouse over effect that is used on the home page of Industrial Light

I would like to create the same mouse over effect that is used on the home page of Industrial Light & Magic website. http://ilm.com
Could someone please let me know what the code or effect that is used. Thanks.

It appears there are two slideshows running in parallel where a mask that follows the mouse displays one of them. THe one you see in the moving mask is on top of the other.
If you were to search Google for a custom cursor tutorial you will probably end up with most of what you need for getting the mask to follow the mouse.

HOW I CREATE POPUP MENU ON MOUSE OVER

hello every body
my question is how to create popupmenu on mouse over on table column data in studio creator.
please help me
thanks

ok this examples runs great on image component, in button or hyperlynk dont work finee or i can find how, paste this code in the head of the jsp code:
<script type="text/javascript"><![CDATA[
var opt=0;
* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
//Contents for menu 1
var menu1=new Array()
menu1[0]='Information<\/a>'
menu1[1]='Del<\/a>'
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"><\/div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
return totaloffset;
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
return edgeoffset
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
return clickreturnvalue()
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
]]></script>
Next, paste this in css stylesheet:
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
#dropmenudiv a:hover{
/*hover background color*/
background-color: #faebeb
and in the image componen in event onClick paste this
dropdownmenu(this, event, menu1, '150px')
onMouseOut event paste this:
delayhidemenu()
this should works, and as u can see, u can get more examples like this in the DHTML page. I hope it helps
Plz tell me if this is what ur looking for, oor if u need help, post again
Beltazor

Mouse over / rollover

Can you do mouse overs or rollovers on iWeb? Where you drag the pointer over a link and the links enlarges or highlights.
Sully

You can't create those kind of rollovers IN iWeb. You'd have to create your graphics separately and then edit your files after publishing. iWeb only handles creating graphic rollovers when you use a non web safe font (it gets converted to a set of png's in the default text rollover colors). I've got an example of using text dingbats as rollovers here.
http://web.mac.com/makentosh/iWeb/tipsfromtheiceberg/Blog/416F8EE3-F511-47E8-84F E-80851728F54B.html
I've got another page here (along with a demo file for download) that displays how you can create full color rollovers using the demo version of eZedia QTI. It has it's own drawbacks in that you still have to edit your files after publishing for Windows browsers (to make it look better). Also, for IE specifically, if you use a background graphic, it can't be a .png or worrying things will happen.
http://web.mac.com/makentosh/iWeb/zample/abutton.html

How to get mouse over shape to display data in Visio 2013?

Hi Visio pros,
I am required to create a diagram of our servers rack setup and will be publishing to a Web page using Visio 2013.
The goal is to mouse over the server shape and have the data be displayed. I have followed arguably every solution on the internet. I am either doing it wrong, or it might be outdated information.
I'm hoping Paul Herber, or other Visio pros would be able to help me with this situation as I am on a tight schedule and have exhausted my resources.
Things I have tried:
user.visEquivTitle in ShapeSheet
http://visualsignals.typepad.co.uk/vislog/2012/02/no-mouseover-with-visequivtitle.html
and
prop.(data name) in the comments within the miscellaneous section of the ShapeSheet.

Hi Sir!
I am open to the possibility that I may have done something wrong as I am very new to Visio.
Here are the steps I followed:
http://visio.mvps.org/ShapeSheet/
Browser that I am using is Internet Explorer since I ran into problems with Google Chrome.
However, after more reading I noticed the User.visEquivTitle provides a tooltip. If it is what I think it is, which is a small yellow box displaying a string, my employer would not want that.
We're looking for something that will provide an aesthetic display of data after mouse over onto the shape.
Thank you very much for your help.

Creating mouse-overs in iWeb

Similar Messages

Maybe you are looking for