Alt (toolTip) help text in images

Hi all...

I m trying to do a ToolTip text tool, like ALT property, but, the problem is, this isn't Apex buttons... West a javascript calling buttons from I don't know where... the other development team do this way and just call the script on the page... called Painel control...

This is the code to display the buttons on the page... is the source of an HTML region

-----------------------------------------------------------------------
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

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_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>
<body onLoad="MM_preloadImages('&amp;PAINEL_CONTROLE.Admin1.png','&amp;PAINEL_CONTROLE.chamados1.png','&amp;PAINEL_CONTROLE.gerencial1.png')">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle">
<table width="100%" height="71" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="115" background="&PAINEL_CONTROLE.menu_principal_03.png" class="fundo">
          <div align="center">
          <table width="40%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center"><p><img src="&PAINEL_CONTROLE.Admin2.png" name="Image11" width="106" height="115" border="0"><br>
Administrator
</p></div>
</td>
<td>
<div align="center"><p><img src="&PAINEL_CONTROLE.chamados2.png" name="Image12" width="106" height="115" border="0"><br>
Service Desk
</p>
</div>
</td>
<td>
<div align="center"><p><img src="&PAINEL_CONTROLE.cliente2.png" name="Image13" width="106" height="115" border="0"><br>
Client
</p>
</div>
</td>
</tr>
</table>
               </div>
               </td>
</tr>
</table>
</td>
</tr>
</table>

-----------------------------------------

that script bring me 3 buttons: Administrator, Service Desk and Client....

i must do a tool tip for when the user put the mouse over that buttons to show a hint... but. i dont know how to do that in middle of that javascript....

can someone help??

Edited by: brugo on Oct 7, 2009 8:43 AM

Hello

OK - you could not too with a normal balloon such that it will be the title by the browser.

What you could do, however, is to add a SPAN tag within the A tag and use the CSS style to display it.

On your page, under header HTML attributes, add in the following:

<style type="text/css">
a.linkMenu{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.linkMenu:hover{z-index:25; background-color:#ff0}

a.linkMenuspan{display: none}

a.linkMenu:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-20px; left:20px; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
</style>

and then update the indicator has to include an INTERVAL that your ToolTip:

<a .... class="linkMenu"><IMG ... ><span>Your tooltip goes here</span></a>

Because the ToolTip is now based on the content of a SPAN tag, you can style it how you like and if you add in all the other tags that you need

This is based on an example here: [http://hungred.com/2009/07/31/how-to/tutorial-simple-cross-browser-tooltip-css/] I've used myself

Andy

Tags: Database

Similar Questions

  • Help text alt/Hover in Muse

    I'm building a site for people with disabilities, and I need to add Alt text to my buttons. Muse of support suggested using a ToolTip, but I don't know if it's the best way to go about this situation? Does anyone know how to add alt/flight stationary text in rectangles that have areas of text above them and who have been transformed into a button in Muse and then used as a hyperlink? What would be the best way to go about this process because I need to add alt text to all of the site once as I understand it... I know not how to images but no text anyone know the code to insert and where to insert it?

    Hello

    It seems you are trying to apply the alt text to the image filled in a box.

    It can be applied to images that are placed directly in Muse.

    Please try this and tell me if worked.

    Kind regards

    Ankush

  • RH 8: Help text/images/photos lack all idents and aligned to the left

    Peter and all,

    We use RoboHelp (HR) for many versions.   With the last 8 HR, all our help text, pictures and table titles are left-aligned because all the dashes for lists and multiple lists are missing.   The earlier version that we have updated since was HR 6.   Is there a setting in HR we need set?

    This problem has been seen after JavaHelp appeared in Robohelp.    We tried setting the stylesheet Default.css, RBH_style.css and also MSWorddoc1.css.   Each style sheet, we have generated with game we this left alignment problem.

    Thank you in advance,

    Eric

    Verify that the case of the styles in the topics list exactly matches the case in CSS.

    See www.grainge.org for creating tips and RoboHelp

    @petergrainge

  • Fill the text with Image

    Hello

    I'm using Photoshop CS4

    I am filling a text with an image

    I go to the beach of Select / colors and select ok

    But the error message come saying - WARNING: no pixels were selected?

    What I want to do is just select the text I typed?

    Can someone help me out here?

    Thank you

    Phillip

    Type the text in large bold letters.

    Open the image file and drag it to the text file

    Hold the Alt key and click in the layers panel to the border between the layers of text and image.

    Bingo!

    As you can see that the image can be moved around with the tool moving until it looks good.

  • HP ENVY 7640: Jobs of text with images - printer cancels

    When I print a text with images document the printer stop printing and cancels the print job when it starts to print any image.

    Help

    Hey @sudiegal!

    Thanks for posting on the HP Forums!

    I would be happy to provide you with some suggestions that may fix the problem.  I see that the printer cancels jobs when you add a photo to you text document.  The first thing I suggest is to remove the printer by resetting the printing system.  After removing the printer add printer and then try printing the document again.

    To reset the printing system:

    1. click on the Apple in the top left of the computer icon

    2. click on System Preferences

    3. click on printers and Scanners

    4 press and hold 'Ctrl' on the keyboard and click with the mouse in the space below the printer

    5. click on reset the drop-down list printing system

    6. we may request for Mac ID and color wheel for a while until the printer is deleted

    To re-add the printer:

    1. click on the Apple in the top left of the computer icon

    2. click on System Preferences

    3. click on printers and Scanners

    4. click on the plus sign (+) icon in the list of printers

    5 Select your printer

    6. choose HP ENVY 7640 series in the drop-down list next to 'use' or 'print using '.

    7. click on add

    If please, after back and let me know if it works for you!

  • Why used to text or images appear on features

    Ok. So I'm on a windows 7 4 GB of RAM is a laptop Compaq Presario CQ57. I use this app features to make videos. I capture images from the screen and will work very well. But once that I add text or images to the timeline, it will play or once the screenshot starts to approach close to the text / image he drags to the top and stop just before he gets there. If I start the video with the text, which is my main goal, the game screen will remain grey. the music is still playing and the bar always moves. Whats going on! HLP PLZ!

    Hi Martin,

    Thanks for the reply.

    As the problem persists since the day where you have installed the application, features support can help you better: http://www.ezvid.com/contact#2

    I hope this helps.

  • How can I me "help text" to export to PDF (on PC)?

    I have created a form and entered the help text for each field.  However, I can't text 'help' to transfer to the PDF form.  I use Acrobat Pro XI on a PC.

    I suggest that you create only the fields in Acrobat. FormsCentral is dead, quite well. It might be good for the layout of the form, but the fields must be added only in Acrobat. You can add the ToolTip text that appears when the user hovers over the field in Acrobat, under properties - general tab.

  • Help text for the dynamic elements

    Hi all

    I created a few dynamic elements using utility APEX_ITEM. Can provide us the help text to these elements in a pop-up window or APEX how do in-house?

    This requirement is feasible?

    Thank you

    Sunil Bhatia

    Oh,.

    I solved my question itself. For all those interested in this, we can do it like this:

    "onmouseover =" toolTip_enable (event, this, "this is a bubble"a tooltip")" ' ' in APEX_ITEM. Argument p_attributes TEXT of

    APEX_ITEM. (TEXT)

    p_idx in NUMBERS

    p_value IN VARCHAR2 DEFAULT NULL,

    p_size in NUMBERS by DEFAULT NULL,

    p_maxlength in NUMBERS by DEFAULT NULL,

    p_attributes IN VARCHAR2 DEFAULT NULL,

    p_item_id IN VARCHAR2 DEFAULT NULL,

    p_item_label IN VARCHAR2 DEFAULT NULL)

  • Text on image block

    Hello

    I have a PDF file that contains a number of blocks of text with image mono color beneath them.

    I changed the color of the image and pasted in Acrobat Pro, but the image is now on top of blocks of text.

    Is there a way of changing the order of items on my page?

    Thanks in advance,

    Stefan

    Hi stefan.braem,

    You must go to tools-> content of edition-> change the text and Images - > select this particular text / Image container-> right click on the container and select "organize" and you can then choose "Send backward". (These steps are valid for the latest version of Acrobat Ver 11.0.10)

    Hope that helps

    Please come back if you have any other questions or need help on this question.

    Kind regards

    Rahul

  • Oppacity question - instead of building slowly, it immediately passes over the text and images.

    Hello

    Having trouble with the oppacity on my projects. As you can see on the screenshot, I clicked clearly something because any text or images that I'm trying to add to my project and the oppacity value to 0% - then build more than a few seconds at 100%, will not do that. Yet the previous items that I've added will be.

    Y at - it something that I have to click to stop the new text and images to change oppacity immediately. I want to build up over time - I can see that the extra keyframe is different also. Help is greatly appreciated.

    Thanks - Scott.opacity.png

    Hello

    Yes - if you enable the automatic Transition next to the button (red Chrono) self-image-key mode, then you will get the default transitions whenever you create two keyframes that have different values.

    Or well, to immediately solve the problem in your screenshot, just select two keyframes and then right click and choose Create Transition from the context menu. Who's going to do.

    HTH,

    Joe

  • How to add the help text to the tabular columns?

    I have some tabular forms. I want to add help to the header of the column.
    APEX allows you to add page elements helping, but I don't see the option for the tabular columns. No idea/solution workaround?

    Thank you

    Hello

    I have a sample how to add Help ToolTip to the header of the report
    http://ActioNet.homelinux.NET/HTMLDB/lspdemo?p=63

    Mouse over the title, and see you help text.
    See this post for instructions
    Add help text

    PS: I think you can do better solution for example using dynamic action

    Kind regards
    Jari

    http://dbswh.webhop.NET/dbswh/f?p=blog:Home:0

  • How to save a document to format rich text and images in PDF format manually?

    How to save a document to format rich text and images in PDF format manually?

    Thank you!

    Most applications give the possibility to export or print in PDF format.

    What app did you use to create the document?

  • I need to transfer my history of the text and images from my old iPhone to my new iPhone, but have already moved all other data to my new phone via iTunes and spent time to organize.  How do I reset this transfer without any?

    I need to transfer my history of the text and images from my old iPhone to my new iPhone, but have already moved all other data to my new phone via iTunes and spent time to organize.  How do I reset this transfer without any?  I transfer a 5s to itself.

    For your photos, try importing them to your computer and their synchronization then back to the SE.

    Import photos and videos from your iPhone, iPad or iPod touch - Apple Support

    For your texts, they moved with the backup restore?

  • Print text or Image is skewed or Crooked [c01627044]

    RE: Printed text or Image is skewed or Crooked[c01627044]

    3 steps checklist is perfect here, but a little more #4 would be good to add. #4 is that when the rear door of the paper feed rollers is not completely locked in place too what is causing this, symptom "printed text or Image is distorted or twisted' arise and is most likely the problem of what happens.

    It is a simple but effective remedy which is one of those OMG it was right under my nose the whole time.

    Thanks for the suggestion, you are right - check fit of the rear panel or duplexer must be one of the first things to check for problems of lag.  The page does not have a link to the report to the webmaster but I send your suggestion on.

  • Create the help text for the column tabular APEX region

    Hi guys,.

    Please see the screen - shot below.

    I have to do two things:

    1. this "5000" value is passed in the URL, for example P_41_TOTAL_LEAD_VALUE and I want to display in the currency format, i.e. 5 000.
    If the value is 60000, it should be displayed as 60 000.

    2. I am required to display the help text for column of tabular form - expected quarterly value, how to proceed with that?

    Thanks in advance

    Arpit

    Capture.JPG

    Hi David,

    I have not tried to use the Format mask, however there is no change in the display format.

    Even I tried in a different format, nothing happens.

    Try the steps given, which will solve your problem

    1. create a hidden item I say P41_LEAD_VALUE

    Protected value: No.

    Pass the URL value on this element hidden instead of P_41_TOTAL_LEAD_VALUE.

    2 create a calculation on the point P_41_TOTAL_LEAD_VALUE

    Type: SQL Expression

    Point calculation: after region (s)

    Calculation: TO_CHAR (: P41_LEAD_VALUE, '999G999G999G999G999G999G990')

    Hope this helps you,

    Kind regards

    Jitendra

Maybe you are looking for