OnMouseOver

I have 2 javascripts I would like to use, but they both make
use of the
OnMouseOver behavior. I am having trouble in IE6.
The first script is a PVII horizontal menu, which uses the
behavior for
drop down menus. With both scripts enabled, the action of the
drop down
in IE6 is choppy, and it strobes when moving from item to
item.
Is this just the nature of the thing or is there a way around
this? The
second script is Easy PHP Calendar. I have had to turn off
the popups in
the calendar, but would love to turn them back on.
Any ideas?
Thanks,
Harvey

Ask the first on the PVII forums, please.
Not sure about the second.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"eclipsme" <[email protected]> wrote in message
news:ge6ttp$ss9$[email protected]..
>I have 2 javascripts I would like to use, but they both
make use of the
>OnMouseOver behavior. I am having trouble in IE6.
>
> The first script is a PVII horizontal menu, which uses
the behavior for
> drop down menus. With both scripts enabled, the action
of the drop down in
> IE6 is choppy, and it strobes when moving from item to
item.
>
> Is this just the nature of the thing or is there a way
around this? The
> second script is Easy PHP Calendar. I have had to turn
off the popups in
> the calendar, but would love to turn them back on.
>
> Any ideas?
>
> Thanks,
> Harvey

Similar Messages

Best App. to Make Buttons, etc. w/Different Looks for 'onmouseover' etc.

Hello,
I'm making a simple 6 page site using DW for a class. I want
the navagational buttons to have some flair. I can't code yet, but
am learning. I have soo many tools I don't know which to use.
Flash? PS and Image Ready? Ill. ? The site is my entire grade. The
class is on DW, which I can do, just wanted to have different
appearances for onmouseover, onmousedown and other.
Is Flash the best app. for this?
TIA

> Is Flash the best app. for this?
Not in the real world, no. The best app would be a graphics
editor, whether
it be Microsoft Paint, Photoshop Elements, Fireworks,
Photoshop, Xara, etc.
Make the button graphics in your graphics editor, and place
them on the page
in DW.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Lino 100" <[email protected]> wrote in
message
news:fbh18n$aul$[email protected]..
> Hello,
>
> I'm making a simple 6 page site using DW for a class. I
want the
> navagational
> buttons to have some flair. I can't code yet, but am
learning. I have soo
> many
> tools I don't know which to use. Flash? PS and Image
Ready? Ill. ? The
> site
> is my entire grade. The class is on DW, which I can do,
just wanted to
> have
> different appearances for onmouseover, onmousedown and
other.
>
> Is Flash the best app. for this?
>
> TIA
>

Show details from a Report in some items with OnMouseOver-Event

Hi,
I am partially successful.
I have a report where I show LAST_NAME and FIRST_NAME. If I move with the mouse over the report I want so see some details (salary and job) in display-only-items under this report.
Take a look in this screenshot:
Screenshot
This is working if the mouse is over the word of a last name, as example "King" Then I see the details for King. But I want to see also the details, if I am not exactly over the word "King", this have to work also for the whole row. How can I do this? Is there a event "OnMouseOverRow" for tables or like this?
Here is the select for the report:
select '<span onmouseover=details("' ||
          e.employee_id || '","' ||
          e.salary      || '","' ||
          e.job_id      || '");>' ||
          e.last_name || '</span>' as last_name,
       e.first_name
from oehr_employees eAnd this is the JavaScript:
function details(id, gehalt, job){
html_GetElement('P1_JOB').value = job;
$x('P1_JOB_DISPLAY').innerHTML = job;
html_GetElement('P1_GEHALT').value = gehalt;
$x('P1_GEHALT_DISPLAY').innerHTML = gehalt;
}Regards,
Mark
Edited by: pinnom on Nov 24, 2011 1:56 PM

bump
Thanks.

Why doesn't OnMouseOver work in IE10?

Dreamweaver CS3
I have this piece of code that displays tooltios on an image with a mouseover. It has not been modified in years and works about right in IE8 but doesn't want to work in IE10 (I don't know about IE9 or IE11).
This code is for just one of many areas on the image.
<p align="center">
   <img src="images/screen.gif" alt="PrintCapture Screen Image" width="658" height="626" border="0" usemap="#screenmap"/>
   <map name="screenmap" >
      <area shape="rect" coords="1,2,658,27" href="javascript:void(0);"
            onmouseover="return overlib('The title bar displays the file name of the displayed image.');" onmouseout="nd();"/>
   </map>
</p>
For thoses of you that want to look at the web page, you can find it here (http://www.printcapture.com/details.html). Scroll down to the big image. Is there a setting in IE10 that needs to be enabled/disabled to show the tooltips? Thanks

You could change the first few lines of your document to make it HTML5, so from (in your template file, there will be the template comment right after the <html> tag, leave that where it is)...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
to
<!doctype html>
<html lang="en-us">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
Then clean up any remaining errors like I mentioned before.

OnMouseOver displays Tooltip from hidden column of classic report

What: The Goal:
Make easily available more information than fits on one line of the screen without using multiple fixed lines.
Background:
Classic report with 18 data items (columns) visible. Has Search box and user can choose number of rows displayed.
A couple data items can be long (20-30 characters) compared to the screen width. The right-most data item might run 100 characters.
Proposed Strategy:
1) Display the first n characters of the long item(s) on the report.
2) On onMouseOver display the entire item.
Proposed Approach:
1) For each column with long data, hold the entire value in a hidden item.
2) Display long (hidden) value in tooltip (bubble?/balloon?) upon onMouseOver of that value.
Note: This is not ToolTip/Help for a column but display of the long value for a specifc item in the row of a column.
Sought After Feature:
1) To reduce maintenance, would like to implement for multiple columns using a single common block of code.
Question:
Given other approaches you know, is this a good approach to achieve the goal? Alternative approaches?
Howard

Well it took a while and you really made me work for this. :)
For the end result hover on the Job Ln Nm column.
http://apex.oracle.com/pls/apex/f?p=991202:1
I added some old code I had laying around. It adds a bubble that will stay up for 5 sec or until you click away or hover on another record.
What I would do at this point is just truncate (with a substr) the length of the Long Nm to something short. Use whatever indicator you want for the hover. Like for example these glasses <img src="#IMAGE_PREFIX#Fndview1.gif"> It's really up to you.
You'll see there's an AJAX Callback PLSQL where you can retreive and format the content of the popup to whatever you want. You could make it real pretty.
Here's what I did:
1. New ShowJob javascript procedure.
function ShowJob(pThis,pId){
     this.dTimeout;
     clearTimeout(this.dTimeout);
     this.dGet = dGet;
     this.dShow = dShow;
     this.dCancel = dCancel;
     var get = new htmldb_Get(null,$v('pFlowId'),'APPLICATION_PROCESS=FULL_LONG_NAME',$v('pFlowStepId'));
     this.dGet();
     return;
     function dGet(){
           this.dTimeout = setTimeout("this.dCancel()",6500);
          get.addParam('x01',pId);
           get.GetAsync(dShow);
     function dShow(){
           $x_Hide('rollover');
           if(p.readyState == 1){
           }else if(p.readyState == 2){
           }else if(p.readyState == 3){
           }else if(p.readyState == 4){
                 $x('rollover_content').innerHTML = p.responseText;
                 $x_Show('rollover');
            var l = findPosX(pThis)+pThis.offsetWidth+5;
                 var t = findPosY(pThis);
            $x_Style('rollover','left',l + 'px');
                 $x_Style('rollover','top',t + 'px');
// This math would center on the vertical
//                 $x_Style('rollover','left',findPosX(pThis)+pThis.offsetWidth+5);
//                 $x_Style('rollover','top',findPosY(pThis)-($x('rollover').offsetHeight/2)+($x(pThis).offsetHeight/2));
               document.onclick = function(e){
               dCheckClick(e);
           }else{return false;}
     function dCheckClick(e){
          var elem = html_GetTarget(e);
          try{
                    var lTable = $x_UpTill(elem,"DIV");
                    if(lTable.id!='rollover_content'){dCancel();}
                    else{}
          }catch(err){dCancel();}
     function dCancel(){
           $x_Hide('rollover');
          document.onclick = null;
           get = null;
}2. Rollover div on the page footer (div id="rollover"...). Of course this could be a region also.
<div id="rollover" style="display:none;color:black;background:#FFF;border:2px solid #369;width:290px;position:absolute;padding:4px;">
<div id="rollover_content"></div>
</div>
3. PLSQL AJAX Callback. : FULL_LONG_NAME
-- select your value with apex_application.g_x01
htp.p('You hover over ' || apex_application.g_x01 || '<br>');
htp.p('Here is the Full Long Name: XXXXXXX XXXXXXX XXXXXXX 1234565');4. Changed Long Nm column to be a link with the onmouseover call that calls the new procedure ShowJob. I made the assumption that with the NUM parameter you could fetch the full record of what you need.
onmouseover="ShowJob(this,#NUM#)"
That should be it.
Let me know what you think.
-Jorge
Edited by: jrimblas on Apr 22, 2013 1:05 PM: Added code to post for completion

How can I use the onmouseover event in this case?

Hello!
Sorry If it's a simple question... I'm a beginner in JSFs :P...
I need to do with a dataTable an effect.
In my old JSP file (Basically made with HTML), when I made a TABLE, I changed the class of all the rows. Like this:
<TABLE>
<TR onmouseover="this.className='OnStyle'" onmouseout="this.className='OffStyle'">
<TD>...</TD><TD></TD>
</TR>
</TABLE>All the row changes if the mouse was pointing at its.
How can i do this with a simple dataTable? I have only 2 colums and a few rows :(
Thanks a lot!

Apparently JSF does not provide as simple solution to this simple task as one would expect. I've been looking for a solution to it myself but not found an answer.

Different onMouseOver Event for each row of a report

Hi all,
See
http://htmldb.oracle.com/pls/otn/f?p=41861:1
As you can see in the demo, all employees of a department are shown when you click the detail link for a department. This is done with the help of AJAX technologie to avoid the submit of the page.
My question is: Is there a possibility to show the the employee report for the correct department when I move the mouse over the row of a department. In other words: what I am searching is a possiblity to define the behaviour of a certain row, so that code like
<tr onMouseOver="javascript:getEmps(1)">....</tr>
<tr onMouseOver="javascript:getEmps(2)">....</tr>
is generated.
Thank you in advance
Stephan

Hi,
for this you need to call the PLSQL function upon table rendering, which means that you need a field in the table referencing a managed bean. In the managed bean you can use #{row} and resolve it using a ValueExpression. #{row} gives you access to the current rendered row (this is why you need to do it when the table renders) and thus allows you to call getAttribute(name) to get the values of field 1 - 3. The search field value you should get through the bindings reference (assuming the search form uses ADF). Then you create an operation binding for the executeWithParameters and call operationBindingName.getParamsMap().put(argname, argvalue); on it.
Frank
Ps.: I am concerned about the performance you get and wonder if it isn't possible to create a transient attribute that executes the function and displays the results. As I understand, the search parameters are only to filter the result set, which you still can do

OnMouseOver Calendar Link Tooltip

Hi,
I would like to use the above on a calendar region so when a user hovers over the event for a day, they will see the text associated with the event as a tool tip. I have this working for a report column link which has the Link Attribute field to put something like onmouseover="ALERT_DETAIL(this, '#ALERTS_ID#')" . However, the URL link for a Calendar Text link does not have the Link Attribute field in the Calendar definition to accomplish this.
Is there some way of getting the functionality that works with report column links to work with calendar links?

In the Apex example application seccion I saw this functionality.
The apps containing this example is "Ask the expert".
Maybe if you analyze the apps...
http://www.oracle.com/technology/products/database/application_express/packaged_apps/packaged_apps.html#ASK
Hope this helps

Map Builder SVG onmouseover and onclick

Hi,
I'd like to know more about these functions in Map Builder.
I'd like to be able to change the color of a marker using onmouseover,
and select that marker by using onclick. Any info. would help.
Thanks,
Marlene

Hi Marlene,
these theme attributes (onmouseover and onclick) are to be used when you have an application with MapViewer that generates a SVG map. They define the method to call on your application script. MapBuilder does not generate SVG maps. You can fill these parameters with some name, and save the predefined theme. Then you need to develop an application code for SVG implementing these methods. After you deploy MapViewer kit, you should find on the MapViewer web page some demos including SVG.
Joao

Behaviors: change text color onMouseOver

I have a series of projects in a list on the left side of my webpage. They all have behaviors to where a image will swap onMouseOver. What would be the correct code to make the project name change color onMouseOver? The website is http://archconarchitecture.com/portfolio.html. I would also like to change the cursor to a hand.
Here is the code I have now..
#projectlist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #999;
    background-color: #000;
    height: 533px;
    width: 200px;
    overflow-y: scroll;
    text-align: center;
    font-weight: normal;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('Suzuki- New Braunfels.JPG','Blossom Storage- San Antonio, TX.jpg','Loop 360 Climatized Self Storage- Austin, TX.jpg','Frisco Storage- Frisco, TX.jpg','Potranco Storage- Bexar County, TX.jpg','Embarcadero Storage- Laredo, TX.jpg','A-AAAKey Storage- San Antonio, TX.jpg','Premier Storage Crestway- San Antonio, TX.jpg','Hill Country Climatized Storage- New Braunfels, TX.jpg','Eldridge Storage- Houston, TX.jpg','3009 Self Storage- Schertz, TX.jpg','Spring Climatized Storage- Spring, TX.jpg','World Gym-New Braunfels, TX.jpg','World Gym-San Marcos, TX.jpg','Suzuki-Dallas, TX.jpg','Suzuki-New Braunfels, TX.jpg','Toyota- Boerne, TX.jpg','Break Check- Corpus Christi, TX.jpg','A-AAAKey Annex- San Antonio, TX.jpg','Stor Self Storage- San Antonio, TX.jpg','Premier Storage DeZavala- San Antonio, TX.jpg','Premier Storage Rittiman- San Antonio, TX.jpg','Il Sogno Restaurant- San Antonio, TX.JPG','Sandbar Restaurant- San Antonio, TX.jpg','Break Check- New Braunfels, TX.jpg','A-AAAKey Storage- Aurora, Colorado.jpg')">
<div id="navBar"><a href="index.html">HOME</a> | <a href="about.html">ABOUT</a> | <a href="portfolio.html">PORTFOLIO</a> | <a href="references.html">REFERENCES</a> | <a href="contact.html"> CONTACT</a></div>
<div id="background">
    <div id="about">
      <h2 align="center"> </h2>
      <div id="projects">
        <table width="98%" border="0" cellpadding="0" cellspacing="5">
          <tr>
            <th width="23%" align="left" valign="top" scope="row"><div id="projectlist">
              <h3><u>PROJECTS</u></h3>
              <p onmouseover="MM_swapImage('main','','World Gym-San Marcos, TX.jpg',1)">World Gym<br /> -San Marcos, Texas</p>
              <p onmouseover="MM_swapImage('main','','World Gym-New Braunfels, TX.jpg',1)">World Gym<br /> -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Suzuki-Dallas, TX.jpg',1)">Suzuki<br />
              -Dallas, Texas</p>
              <p onmouseover="MM_swapImage('main','','Suzuki-New Braunfels, TX.jpg',1)">Suzuki<br /> -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Toyota- Boerne, TX.jpg',1)">Toyota of Boerne<br /> -Boerne, Texas</p>
              <p onmouseover="MM_swapImage('main','','Break Check- Corpus Christi, TX.jpg',1)">Break Check<br />
              -Corpus Christi, Texas</p>
              <p onmouseover="MM_swapImage('main','','Break Check- New Braunfels, TX.jpg',1)">Break Check<br />
              -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Spring Climatized Storage- Spring, TX.jpg',1)">Spring Climatized Storage<br />
              -Spring, Texas</p>
              <p onmouseover="MM_swapImage('main','','3009 Self Storage- Schertz, TX.jpg',1)">3009 Self Storage<br /> -Schertz, Texas</p>
              <p onmouseover="MM_swapImage('main','','A-AAAKey Annex- San Antonio, TX.jpg',1)">A-AAAKey Annex<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','A-AAAKey Storage- Aurora, Colorado.jpg',1)">A-AAAKey Storage<br />
              -Aurora, Colorado</p>
              <p onmouseover="MM_swapImage('main','','Premier Storage DeZavala- San Antonio, TX.jpg',1)">Premier Storage DeZavala<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Premier Storage Rittiman- San Antonio, TX.jpg',1)">Premier Storage Rittiman<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Eldridge Storage- Houston, TX.jpg',1)">Eldridge Storage<br /> -Houston, Texas</p>
              <p onmouseover="MM_swapImage('main','','Stor Self Storage- San Antonio, TX.jpg',1)">Stor Self Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Hill Country Climatized Storage- New Braunfels, TX.jpg',1)">Hill Country Climatized Storage<br />
                -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Il Sogno Restaurant- San Antonio, TX.JPG',1)">il Sogno Restaurant<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Sandbar Restaurant- San Antonio, TX.jpg',1)">Sandbar Restaurant<br /> -San Antonio, Texas</p>
              <p>Teka Molino Restaurant<br /> -San Antonio, Texas</p>
              <p>Palominos Mexican Grille<br /> -San Antonio ,Texas</p>
              <p>Wild West Nightclub<br /> -San Antonio, Texas</p>
              <p>Housing One Source<br /> -San Antonio, Texas</p>
              <p>Westin Fitness Center<br /> -San Antonio, Texas</p>
              <p> </p>
              <h3><u>ON THE BOARDS</u></h3>
              <p onmouseover="MM_swapImage('main','','Blossom Storage- San Antonio, TX.jpg',1)">Blossom Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Embarcadero Storage- Laredo, TX.jpg',1)">Embarcadero Storage<br /> -Laredo, Texas</p>
              <p onmouseover="MM_swapImage('main','','Loop 360 Climatized Self Storage- Austin, TX.jpg',1)">Loop 360 Climatized Storage<br /> -Austin, Texas</p>
              <p onmouseover="MM_swapImage('main','','A-AAAKey Storage- San Antonio, TX.jpg',1)">A-AAAKey Storage<br /> -San Antonio, Texas</p>
              <p>Stor Self Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Premier Storage Crestway- San Antonio, TX.jpg',1)">Premier Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Potranco Storage- Bexar County, TX.jpg',1)">Potranco Storage<br />
              -Bexar County, Texas</p>
              <p onmouseover="MM_swapImage('main','','Frisco Storage- Frisco, TX.jpg',1)">Frisco Storage<br />
              -Frisco, Texas
            </div></th>
            <td width="77%"><img src="World Gym-San Marcos, TX.jpg" alt="" name="main" width="671" height="518" border="8" id="main" /></td>
          </tr>
        </table>
      </div>
      <div id="ontheboards">
        <p> </p>
      </div>
    </div>
</div>
</body>
</html>
</div>
Thanks,

it didnt work..did I do it correctly??
Here's what I have..
#projectlist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #999;
    background-color: #000;
    height: 533px;
    width: 200px;
    overflow-y: scroll;
    text-align: center;
    font-weight: normal;
    cursor: crosshair;
a:hover {
    color: #FFF;
    text-decoration: none;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('Suzuki- New Braunfels.JPG','Blossom Storage- San Antonio, TX.jpg','Loop 360 Climatized Self Storage- Austin, TX.jpg','Frisco Storage- Frisco, TX.jpg','Potranco Storage- Bexar County, TX.jpg','Embarcadero Storage- Laredo, TX.jpg','A-AAAKey Storage- San Antonio, TX.jpg','Premier Storage Crestway- San Antonio, TX.jpg','Hill Country Climatized Storage- New Braunfels, TX.jpg','Eldridge Storage- Houston, TX.jpg','3009 Self Storage- Schertz, TX.jpg','Spring Climatized Storage- Spring, TX.jpg','World Gym-New Braunfels, TX.jpg','World Gym-San Marcos, TX.jpg','Suzuki-Dallas, TX.jpg','Suzuki-New Braunfels, TX.jpg','Toyota- Boerne, TX.jpg','Break Check- Corpus Christi, TX.jpg','A-AAAKey Annex- San Antonio, TX.jpg','Stor Self Storage- San Antonio, TX.jpg','Premier Storage DeZavala- San Antonio, TX.jpg','Premier Storage Rittiman- San Antonio, TX.jpg','Il Sogno Restaurant- San Antonio, TX.JPG','Sandbar Restaurant- San Antonio, TX.jpg','Break Check- New Braunfels, TX.jpg','A-AAAKey Storage- Aurora, Colorado.jpg')">
<div id="navBar"><a href="index.html">HOME</a> | <a href="about.html">ABOUT</a> | <a href="portfolio.html">PORTFOLIO</a> | <a href="references.html">REFERENCES</a> | <a href="contact.html"> CONTACT</a></div>
<div id="background">
    <div id="about">
      <h2 align="center"> </h2>
      <div id="projects">
        <table width="98%" border="0" cellpadding="0" cellspacing="5">
          <tr>
            <th width="23%" align="left" valign="top" scope="row"><div id="projectlist">
              <h3><u>PROJECTS</u></h3>
              <p onmouseover="MM_swapImage('main','','World Gym-San Marcos, TX.jpg',1)">World Gym<br /> -San Marcos, Texas</p>
              <p onmouseover="MM_swapImage('main','','World Gym-New Braunfels, TX.jpg',1)">World Gym<br /> -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Suzuki-Dallas, TX.jpg',1)">Suzuki<br />
              -Dallas, Texas</p>
              <p onmouseover="MM_swapImage('main','','Suzuki-New Braunfels, TX.jpg',1)">Suzuki<br /> -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Toyota- Boerne, TX.jpg',1)">Toyota of Boerne<br /> -Boerne, Texas</p>
              <p onmouseover="MM_swapImage('main','','Break Check- Corpus Christi, TX.jpg',1)">Break Check<br />
              -Corpus Christi, Texas</p>
              <p onmouseover="MM_swapImage('main','','Break Check- New Braunfels, TX.jpg',1)">Break Check<br />
              -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Spring Climatized Storage- Spring, TX.jpg',1)">Spring Climatized Storage<br />
              -Spring, Texas</p>
              <p onmouseover="MM_swapImage('main','','3009 Self Storage- Schertz, TX.jpg',1)">3009 Self Storage<br /> -Schertz, Texas</p>
              <p onmouseover="MM_swapImage('main','','A-AAAKey Annex- San Antonio, TX.jpg',1)">A-AAAKey Annex<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','A-AAAKey Storage- Aurora, Colorado.jpg',1)">A-AAAKey Storage<br />
              -Aurora, Colorado</p>
              <p onmouseover="MM_swapImage('main','','Premier Storage DeZavala- San Antonio, TX.jpg',1)">Premier Storage DeZavala<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Premier Storage Rittiman- San Antonio, TX.jpg',1)">Premier Storage Rittiman<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Eldridge Storage- Houston, TX.jpg',1)">Eldridge Storage<br /> -Houston, Texas</p>
              <p onmouseover="MM_swapImage('main','','Stor Self Storage- San Antonio, TX.jpg',1)">Stor Self Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Hill Country Climatized Storage- New Braunfels, TX.jpg',1)">Hill Country Climatized Storage<br />
                -New Braunfels, Texas</p>
              <p onmouseover="MM_swapImage('main','','Il Sogno Restaurant- San Antonio, TX.JPG',1)">il Sogno Restaurant<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Sandbar Restaurant- San Antonio, TX.jpg',1)">Sandbar Restaurant<br /> -San Antonio, Texas</p>
              <p>Teka Molino Restaurant<br /> -San Antonio, Texas</p>
              <p>Palominos Mexican Grille<br /> -San Antonio ,Texas</p>
              <p>Wild West Nightclub<br /> -San Antonio, Texas</p>
              <p>Housing One Source<br /> -San Antonio, Texas</p>
              <p>Westin Fitness Center<br /> -San Antonio, Texas</p>
              <p> </p>
              <h3><u>ON THE BOARDS</u></h3>
              <p onmouseover="MM_swapImage('main','','Blossom Storage- San Antonio, TX.jpg',1)">Blossom Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Embarcadero Storage- Laredo, TX.jpg',1)">Embarcadero Storage<br /> -Laredo, Texas</p>
              <p onmouseover="MM_swapImage('main','','Loop 360 Climatized Self Storage- Austin, TX.jpg',1)">Loop 360 Climatized Storage<br /> -Austin, Texas</p>
              <p onmouseover="MM_swapImage('main','','A-AAAKey Storage- San Antonio, TX.jpg',1)">A-AAAKey Storage<br /> -San Antonio, Texas</p>
              <p>Stor Self Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Premier Storage Crestway- San Antonio, TX.jpg',1)">Premier Storage<br /> -San Antonio, Texas</p>
              <p onmouseover="MM_swapImage('main','','Potranco Storage- Bexar County, TX.jpg',1)">Potranco Storage<br />
              -Bexar County, Texas</p>
              <p onmouseover="MM_swapImage('main','','Frisco Storage- Frisco, TX.jpg',1)">Frisco Storage<br />
              -Frisco, Texas
            </div></th>
            <td width="77%"><img src="World Gym-San Marcos, TX.jpg" alt="" name="main" width="671" height="518" border="8" id="main" /></td>
          </tr>
        </table>
      </div>
      <div id="ontheboards">
        <p> </p>
      </div>
    </div>
</div>
</body>
</html>
</div>

Javascript combining onmouseover & onclick

Hi all! I'm basically new to javascript & here's my problem: I've got a row of image thumbnails. As of now, when I do a rollover, the larger image displays in a different div & then onmouseout it goes away. That works fine, but I'd like to add an option to click on the thumbnail & have the larger image stay displayed, regardless of the onmouseout, until another thumbnail is rolledover. Any ideas, help, etc would be very much appreciated! Here are my .css, javascript, & html:
<style type="text/css">
#Style1 {
    position:absolute;
    visibility:hidden;
    border:solid 05px #000;
    background-color:#000;
    color:#999;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
#Style2 {
position:absolute;
visibility:hidden;
border:solid 5px #000;
background-color:#000;
    color:#999;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
#Style3 {
position:absolute;
visibility:hidden;
border:solid 5px #000;
background-color:#000;
    color:#999;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
</style>
<script type="text/javascript" >
<!--
function ShowPicture(id,Source) {
if (Source=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
else
if (Source=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
</script>
<div style="position:absolute; left:500px; top:150px;">
<a id="Style1"><img src="images/photos/image01.gif" />Image #01</a>
<a id="Style2"><img src="images/photos/image02.gif" />Image #02</a>
<a id="Style3"><img src="images/photos/image03.gif" />Image #03</a></div>
<div style="position:absolute; left:323px; top: 150px;">
<li><img src="images/photos/image01.gif" width="50" height="75" hspace="24" class="thumbnails" onMouseOver=" ShowPicture('Style1',1)" onMouseOut="ShowPicture('Style1',0)" /></li>
<li><img src="images/photos/image02.gif" width="50" height="75" hspace="24" class="thumbnails" onMouseOver=" ShowPicture('Style2',1)"onMouseOut="ShowPicture('Style2',0)"/></li>
<li><img src="images/photos/image03.gif" width="50" height="75" hspace="24" class="thumbnails" onMouseOver=" ShowPicture('Style3',1)" onMouseOut="ShowPicture('Style3',0)"/></li></div>
Thanks a lot! Any help is very much appreciated!!!

Hi
Use a separate event listener for the click event to display the the image, see - https://developer.mozilla.org/en/DOM/element.addEventListener.
However IE8 and below uses a none standard even listener called attatchEvent, (see - http://msdn.microsoft.com/en-us/library/ms536343%28v=vs.85%29.aspx ) so your code should look something similar to -
if(window.addEventListener)
            theObj.addEventListener("click", function(){alert("addEventListener");}, false);
        else if(window.attachEvent)
IE9+ does support the standard addEvenListener.
There is an excellent description of using the event model in - http://www.amazon.co.uk/JavaScript-Definitive-Guide-Guides/dp/0596805527/ref=dp_ob_title_b k, which is almost an essential if you wish to use JavaScript, even though the book is more a reference for JavaScript it does contain a few good tutorials and contains sections on the newer html5 features and ecmascript 5.
PZ.

Escaping in onmouseover attribut

Hi guys,
I'm using the attribute onmouseover of a commandLink. The JS - function looks like this:
do_something('#{MyBean.dao.info1}')The values from the Bean aren't escaped and it would be quite a big effort to change this. Is there any possiblity to do it in an other way?

Well, you didn't mention you was using it straight in a JSF component, I expected that this was a snippet of a <script> code.
OK, the approach as you posted here above should just work. Maybe the value is out of the scope somehow.
Don't you see any errors in the log? What does h:outputText value="#{MyBean.dao.info1}" at the same line say?

Issue with onmouseover when attempting to change bgcolor

I am setting up a skeleton jsp page to be used by my team which will consist of a header, left nav, and a footer.
The issue I am having is that on the left nav I want the menu items to change color based on an onmouseover or onmouseout event. I know the following will work:
<td height="20" bgcolor="#f2f2f2" onMouseOver='bgColor="#80d8d8"' onMouseOut='bgColor="#f2f2f2"'>
Credit Referrals
</td>
However, what I would like to do is not have to hardcode the bgcolor= parameter on each of my <td> statements. Instead, is there a way to use a style sheet so that I can simply refer the onmouseover/out events to the bgcolor in the style sheet?
Thanks...

try this out.
========================
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.navmenu {cursor: hand;
background-color: #e2e2e2;}
.navsub {cursor: hand;
background-color: #f2f2f2;}
.navdv {background-color: #808874;}
</style>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
Here is my code using the class .navmenu :
<div class="navmenu" id="mydiv" onmouseover="changecolor('mydiv','navsub')" onmouseout="changecolor('mydiv','navdv')">
<tr >
<td height="20">
<b>Queues</b>
</td>
</tr>
</div>
<BODY>
</BODY>
</HTML>

Implement the Java equivalent of onMouseOver JavaScript function

I am translating a web app written in JavaScript into Java applet. I am adding Line and Rectangle objects to the applets. How can I implement the Javascript equivalent of onMouseOver and onMouseOut functions to the objects in the applet?

Heres an example. The lines dont work though.
import javax.swing.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.util.ArrayList;
public class RolloverTest{
public static void main(String[] args){
     new RolloverTest();
public RolloverTest(){
     shapes = new ArrayList(5);
     Rectangle rect1 = new Rectangle(10, 10, 40, 40);
     shapes.add(new HotShape(rect1, mouseOff));
     Rectangle rect2 = new Rectangle(40, 70, 40, 40);
     shapes.add(new HotShape(rect2, mouseOff));
     Line2D line1 = new Line2D.Double(100, 100, 200, 200);
     shapes.add(new HotShape(line1, mouseOff));
     Line2D line2 = new Line2D.Double(10, 300, 300, 10);
     shapes.add(new HotShape(line2, mouseOff));
     Ellipse2D oval1 = new Ellipse2D.Double(300, 100, 60, 60);
     shapes.add(new HotShape(oval1, mouseOff));
     hotPiece = (HotShape)shapes.get(0);
     drawingBoard = new DrawingBoard(this);
     frame = new JFrame("Rollover Test");
     frame.setContentPane(drawingBoard);
     frame.setSize(500, 500);
     frame.setLocationRelativeTo(null);
     frame.setVisible(true);
public class DrawingBoard extends JPanel implements MouseMotionListener{
public DrawingBoard(RolloverTest rt){
     this.rt = rt;
     this.setBackground(Color.WHITE);
     this.addMouseMotionListener(this);
public void paintComponent(Graphics g){
     super.paintComponent(g);
     Graphics2D gfx = (Graphics2D)g;
     gfx.setStroke(new BasicStroke(5));
     for(int i = 0; i < rt.shapes.size(); i++){
     HotShape shape = (HotShape)rt.shapes.get(i);
     gfx.setColor(shape.color);
     gfx.draw(shape.shape);
public void mouseDragged(MouseEvent evt){}
public void mouseMoved(MouseEvent evt){
     for(int i = 0; i < rt.shapes.size(); i++){
     HotShape shape = (HotShape)rt.shapes.get(i);
     if(shape.shape.contains((double)evt.getX(), (double)evt.getY())){
     rt.hotPiece.color = rt.mouseOff;
     rt.hotPiece = shape;
     shape.color = rt.mouseOn;
     this.repaint();
     RolloverTest rt;
public class HotShape{
public HotShape(Shape shape, Color color){
     this.shape = shape;
     this.color = color;
     Shape shape;
     Color color;
     JFrame frame;
     DrawingBoard drawingBoard;
     ArrayList shapes;
     HotShape hotPiece;
     Color mouseOff = Color.BLUE;
     Color mouseOn = Color.RED;
}Message was edited by:
TuringPest
Even using a bigger Stroke the lines wont return true for contains(). So you will have to find a different approach for lines.

Why does "Open Browser Window" Behavior only give the option for "OnMouseOver"?

The title says it all. I want to use the OnClick behavior butit will not let me have that option. I can not figure it out, nor find anything on Google.
Any help would be appreciated.
Thanks,
Ryan.

Which one?
2014.0 (June of last year)
2014.1 (October last year)
2014.1.1 (most recent)
If you don't have the "latest" the general blanket statement of "update to the most recent" will probably be what you get from any customer support personnel you reach.
Personally, I haven't gone past 2014.0 yet, and probably won't for a while.
In my CC 2014.0, the OnMouseOver is the default, but when I click it in the Behavior Panel to choose other options, they're all there.

OnMouseOver

Similar Messages

Maybe you are looking for