Text highlights of an Image list box

Hi all

I have an image of a map of circuit board with many components.  I want to help people find these components by having a list of text to the right of the image, and then if you click or hover over the text, the component is highlighted in the image of the printed circuit board.

Another way to put it: I have a map of the United States with an alphabetical list of States to the right.  When you click or hover over a name of States, the State is highlighted on the image.

What is important to note, it's that I'm not hovering over the image.  I am using string people locate something on the image by an alphabetical list that will focus on something on an image so they can find it.

How can I do this?  CS6 product even begin by.  I guess that dreamweaver?  Can I do this with a CSS instead of JS?

Thank you!

Mike

This image is basically this except with a few components more (about 100).

http://www.hairballaudio.com/blog/wp-content/uploads/2014/07/Elements_PCB.jpg

In fact, I found exactly what I want to do here:

Demonstration of boundList feature - JSFiddle

It looks like I can create the image plane in Dreamwever then control, and make a list with the script.

Mike

Tags: Dreamweaver

Similar Questions

  • How can I get rid of the background color when you use the list box?

    And, I lost my toolbar at the top of my screen in Acrobat and cannot find a way to get it back! Help!

    F8 to toggle the toolbar and you can not change the highlight color of a list box.

  • How to display text programmatically in the drop-down list box?

    Is it possible to display text programmatically in a drop-down list box.  I would like to display the word "Select" in the drop-down list box each time my program starts.  As it is now, drop-down list displays the last channel that has been selected the last time that the program is running.

    Thanks in advance.

    In fact, after actually reading your post...

  • transform of text file content in a drop-down list box

    Hi people,

    I have a file text filled with orders. and I would like to transform this text file in a drop-down list box ring, how can I do?

    text file attached.

    Lee

    Is not no matter what extract lines. Which is just dumping the contents of the file directly on the ring. Which can be accomplished by simply doing this:

  • Selection in the drop-down list box determines the text to display in another box - ideas?

    Hello, my name is Zac.  I spent a lot of time trying to figure this one out for myself, but I couldn't find what I needed.  A few threads looked promising, but I realized that they only apply to the LiveCycle.  Many other threads link to discussion 2006 Thom Parker on this subject, but it is very advanced and I feel that what I need is not as complex as the solution he proposes.  I've never used Adobe Acrobat until a few weeks ago, but with the help of Bernd Alheit and George Johnson I managed to create a document with fly-out help windows and scrolling lists and radio buttons which dictate the choice.  It's great and it works.  The last thing I have to do is to create a text box (or some kind of box) which will display a pre-written block of text based on the user choice in another area (a drop-down list box).  Like this:

    image for forums 2.PNG

    I wish, it is also easy to create because it draw a picture of him!  If the user selects "Algebra 1", for example, a specific description display below.  There are a lot of courses and descriptions, and the descriptions are long enough (as shown).  It is not necessary for the user to make changes to the description - in fact, which would be terrible.  But I would like to be able to copy text from it and paste the text in another area of text on the same page.

    Thank you very much, all those who have ideas please share them! Again wild guesses. I learn from all this.

    -Zac

    This involves using a script. If you want to write the code yourself read this tutorial:

    https://acrobatusers.com/tutorials/change_another_field

    If you don't feel like messing around with the code, you can use this tool that I developed to easily set up with the help of an input file:

    Scripts custom Adobe: Acrobat - fill the drop-down list

  • How can I make multiple selections in a list box fill a different text box?

    I have about 100 items in a list box.  However I should never select up to 10 items at a time.  So, since it would fill pages that the entire issue of items to see which are selected at a glance, I'd like o keep the small list box, and I select the elements they have appear in a different text box...

    I have Acrobat Standard XI, is this possible and if so, how?

    Thank you

    You can use this code as the custom text field calculation script, but it will update as soon as you leave the list box:

    var v = this.getField("List Box1").value;
    if (typeof v=="string") event.value = v;
    else event.value = v.join(", ");
    
  • How to do an image have several clickable camp arrives with a box next to the image with a text. as I click on a bone in an image a box comes up next to the image with which are the OS.

    How to do an image have several clickable camp arrives with a box next to the image with a text. as I click on a bone in an image a box comes up next to the image with which are the OS. I have cs6

    This article has very clear steps & description of what you're trying to accomplish:

    http://Demosthenes.info/blog/537/enhancing-Imagemaps-with-CSS3-popups#wheelset

  • A drop-down list box, two text boxes

    Hi all, I feel a bit silly to ask what she should be very simple, right? I have the a combo, the solution box a text down pat. For example when the user select name of the staff member in the drop down menu, it fills the phone number of this person in Textbox1.

    I would like to add to this so that when a user selects (and here I use false details) "Bob," he filled before his phone number in Textbox1 and "[email protected]" in Textbox2 simultaneously. Simply impossible to find the solution of anywhere.

    So far, I have used the code next (on the net) in the scripts of strike of the custom from the drop-down list box, but how I lay on it?

    (function () {}

    Do nothing if it is committed
    If (event.willCommit) return;

    Set up a table to hold the various paragraphs of the text
    var aQuotes = [];

    Fill the table with the text of paragraph
    aQuotes [0] = "bob phone"
    aQuotes [1] = 'sarah phone'
    aQuotes [2] = "phone linda".
    aQuotes [3] = "phone jerry."
    aQuotes [4] = "phone of mary".
    aQuotes [5] = 'phone jessie. "

    Get the selected item, which is the value of exports of the selected drop-down list box item
    var point = event.changeEx

    Display the text corresponding to the selected item in the text field
    getField("ITC_Phone").value is aQuotes [point];.

    })();

    Bravo guys.

    Like this:

    Custom script from typo to the drop-down list box (dropdown)

    (function () {}

    Do nothing if it is committed

    If (event.willCommit) return;

    Set up a table to hold the various paragraphs of the text

    var aQuotes = [];

    Complete the tables table of telephone and e-mail addresses

    aQuotes [0] = ['phone of bob', "[email protected]" ""];

    aQuotes [1] = ["sarah phone", "[email protected]" ""];

    aQuotes [2] = ["phone linda", "[email protected]" ""];

    aQuotes [3] = ['phone jerry', "[email protected]" ""];

    aQuotes [4] = ['phone mary', "[email protected]" ""];

    aQuotes [5] = ["phone jessie", "[email protected]" ""];

    Get the selected item, which is the value of exports of the selected drop-down list box item

    var point = event.changeEx;

    Display the text corresponding to the selected item in the text field

    getField("ITC_Phone").value = aQuotes [item] [0];

    getField("ITC_Email").value = aQuotes [item] [1];

    })();

    This code assumes that the value of exports of the items in drop-down list box is 0, 1, 2, 3...

    If there is much more that the aQuotes table should really be defiined in a JavaScript file at the level of the document if you are concerned about performance and maintainability.

  • Multi Selection in a list box on a text box

    So, I want to be able to make multiple selections in the list box and export it to the text box. Right now I have a Script running on the cal of the text box

    Event.Value = getField("LISTBOX").valueAsString;

    Who is able to make a choice, but I can not find someone who can take two selecitons and put in a box of text with commas for something. Is there a way to do this?

    -Zach

    Use this code:

    var v = getField("LISTBOX").value;

    If (typeof v ==' objects ' ")

    Event.Value = v.join (",");

    else v = event.value;

    Remember, however, that the value in the text field will update as soon as you leave the list box.

  • rawValue of list box, text box

    Hi all

    Is someone can you please tell me how to get the rawValue of a selected item in a list box in a numeric field?

    I have a button that pushes the entry selected in a text field. I would use the same button to fill the corresponding numeric value of the selected item even in a numeric field.

    Country.rawValue

    =

    Countries.getDisplayItem (Countries.selectedIndex);

    That's what I have to get the data displayed.

    What would be the script for the rawValue fo the selcted Index?

    Thank you very much

    Larissa

    Instead of the getDisplayItem() method, you use getSaveItem()

    Country.rawValue = country. getSaveItem (Countries.selectedIndex);

    Nith

  • How to use the drop-down list box to fill in a text box

    I'm a beginner when it comes to Java Script.  I have seen a lot of different discussions, look at a lot of articles "helping" Acrobat 9 and Java Script, but only to be left confused and dazed.  I hope someone can tell me how to write a script that fills a text box that sits on my form with the value of exports of the selection in the combo box...

    Thank you

    If you want that the read-only text box, simply set with the following custom calculate script:

    Set this field to the value of the drop-down list box

    Event.Value = getField("combo1").value;

    but replace "combo1' with the actual name of the combo box field.

    If you want something else, post again with more information.

  • Fill in a text box based on the list box selection?

    I'm relatively new to using scripts in forms.  So I hope that someone can help me here.

    I have a list box called 'Name', which uses the user selects a name.  I have a text box called "DOB", I need to be filled in automatically with the date of birth of the corresponding name that has been selected.

    I tried to adapt some scripts to fit my needs here, but nothing helps.  Although it seems like it should be pretty easy.  Any ideas?  Thanks in advance for the answers.

    ' 1. fill the list box with the name of "and place the date of birth in the option 'value exprot '.

    2. for action 'on blurr"add the following script:

    this.getField('DOB').value = event.value;

    When you tab or the mouse out of the list box, the value displayed in the field "DOB".

  • Fill the text box with mulitple selctions of list box

    Hello

    I am new to LiveCycle and searched the forums for an answer on how to complete multiple selections in a list box to a text field.

    I added to the field calculate the text field the following: TextField14.rawValue = ListBox1.rawValue

    Is there a way I can change this so that the items of the listbox to enter the text so that the values appear side by side (California, Connecticut, New York), instead of up and down?

    Joe

    I would use the JS code following in the "exit" from the list box event

    var

    ListValue = this.rawValue;

    ListValue

    = replaceAll (ListValue, "\n", ",");

    TextField1.rawValue

    = ListValue;

    function

    replaceAll (oldStr, findStr, repStr) {}

    var srchNdx = 0; srchNdx keep track where in the line

    of oldStr we seek.

    var newStr = ""; newStr will contain the altered version of the oldStr.

    While (oldStr.indexOf (findStr, srchNdx)! = - 1).

    As long as there are strings, replace this loop

    will run.

    {

    newStr

    += oldStr.substring (srchNdx, oldStr.indexOf (findStr, srchNdx));

    Put all of the unchanged text of a findStr to

    the next findStr in newStr.

    newStr

    += repStr;

    Instead of putting the old rope, put in the

    new string instead.

    srchNdx

    = (oldStr.indexOf(findStr,srchNdx) + findStr.length);

    Now jump to the next segment of text up to the next findStr.

    }

    newStr

    += oldStr.substring (srchNdx, oldStr.length);

    Put everything that is left in newStr.

    return newStr;

    }

    Good luck

  • I placed the text (no fill) over a picture box in InDesign, but when it prints the text has a white background, blocking the image.

    I placed the text (no fill) over a picture box in InDesign and it looks great on the screen. However, when I print the document, the text has a fill of white United behind him. Any suggestions as to what is happening?

    Thanks Peter.

    It seems that I had an outer glow effect turned on so that the 'text' (and not the object) and causing the text to be printed with a white background. Still don't understand why this would happen, but at least we have thought of it.

  • DROP-DOWN LIST BOX STRING

    Hi all

    The string that is displayed in the drop-down list box is on the left side, is there a method to move it to the Center.

    without spaces before the string in the edit points.

    The image is attached below

    Hello Shrekt,

    set the focus on your drop-down list box (click on it) and then change its text properties.

Maybe you are looking for

  • IT BECOMES DIFFICULT TO SEE THE INTERFACE ON A HIGH REX SCREEN FONTS

    The applications that I am running on a Dell 27 "monitor all the text of the view menu which is a nuisance to read.  Change the screen resolution makes a blurry image - (and did the useless upgrade) I am told by the developers, that it is an OS probl

  • Cannot access tower routerlogin

    Hi guys,. I can't enter routerlogin I tried to use the reset button on the router and have tried to do what I could find on the netgear support and I have not found any that I can use. Its just say DNS address is not found and I tried to look at the

  • Satellite A200 - cannot adjust the brightness of F6/F7

    Hello world First of all, excuse me for my English ;) So, I am owner of an A200 and I install my own copy of Windows XP because I don't like Vista (like many...). Under Vista, my FN - F6 or FN + F7 strives to set the brightness, but NOT XP. Can I use

  • Image overlay

    Hi all I want to insert a graphic control on top a video image acquired by a camera.  Is it possible to put a picture in the plot of the graph area? Thanks in advance for advice. Santorro

  • Directory of mobile errors

    Is there an easy way for the various facilities in LabView to display the error file even if they use a particular project? It seems that whenever I update the definitions of custom in labview/user.lib/errors error message, I have to copy this change