text box controlled by image links

Not sure if this is the best design... Please inform how to better do the following on the same page html (see screenshot)

When I click on each of the left blue miniature link, the related text is displayed in the text box on the right side of the same page.

Please advise if we use JQuery/javascript to achieve this.

Screen Shot 2016-03-23 at 12.25.42 PM.png

You have not 'need' ajax to do this. You could do with the plain old javascript by applying a value property for the text box id to an onclick event. I slapped it together a little example for you based on HTML DOM Textarea value property




Text Area:

Click any square to change the contents of the text area.

best,

Shocker

Tags: Dreamweaver

Similar Questions

  • I can't click in a text box or click a link online. I can however in the toolbar. Any ideas please?

    For example, the text box in Google or link and menu buttons drop-down buttons in the Amazon. I can access google through the toolbar. Other user accounts on this computer appear to be good.

    The extension of the Yahoo! toolbar and the extension of Babylon have been reported because of this problem. Disable or uninstall the modules.

       * https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
    
  • How to place a text box on an image in a specified location?

    Hi all!

    I am an intermediate user of Dreamweaver and try to learn the CSS I created my Web site.

    My problem is that no matter what position specified I returned to the text box using the implementation of style, the results are far from what I'm looking for.

    I built my website using tables and want to place the text box on an image that is embedded in a cell.

    So, here's what I've done so far:

    CSS stylesheet:

    #abouttext {do-family: Arial, Helvetica, without serif;}     do-size: 16px;     make-style: normal;     make-weight: normal;     color: #FFF;     text-decoration: none;     background-color: #D0DF4A;     padding: 5px;     height: 260px;     Width: 180px;     overflow: hidden;     visibility: visible;     border: 1px solid #D9E46B;     right: auto;     bottom: auto;     z-index: 1;     resize: none;     position: absolute;     left: 331px;     top: 289px; } //below is the assigned div.

    < div id = "abouttext" >

    < p align = "center" > this text is enclosed in an < /p > box.gdsgsfgzfdgfg

    < / div >

    I know I'm missing something, and it's probably something to do with the investment. I don't get how to assign the up, down, left and right values.

    Could someone please explain?

    Thanks in advance!

    ~ THE

    Hello, I'm newer than you if do not have a go if it is nonsense - I tried!

    But I discovered this week that to make the absolute position of the work the containg div must have the relative value.

    I have a #container defined, div.  The #content div is then positioned compared to this div container using an absoulte position.  Move it around to adjust the position absolute - in my case I used left = 0 top = 0 to put it at the top left of the div container I used Panel click CSS styles on the div #content and there standing in live mode view - I can not yet write code.

    ?????

  • Rich Text Box like the image attached to this question

    Can I use wysiwyg text editor in Adobe LC ES2 period of Pdf Page design?

    I want to add a wysiwyg text editor in Adobe LC Es2 above the rich text box...

    concerning

    BK

    test.jpg

    Sorry, you misunderstood.

    As far as I know, you can have a predefined running rich text editor.

    There are two options.

    1. Create a number of buttons, each of them for a function of text enriched, for example 'fat', 'align left' etc. Although it is possible to script for the rich text features, the difficulty can be in getting these buttons to work for more than one field.
    2. An easier option is to set the rich text in the subject field > field tab. You can then indicate to the user that gives "CTRL + B" bold text, etc. Also if the field is set to rich text, then pressing "Control + E" (for editing) when the field has focus will bring up a floating editor. See below.

    I would recommend Option 1. Sorry Option 2

    Hope that helps,

    Niall

    Post edited by: Niall O'Donovan

  • o a menu item text box control dropdown

    Hello experts.

    I have a problem, please help me solve this.

    I have a drop down box with 5 points and a text box in my form.

    Capture.PNG

    5 points are:

    India

    AMERICA

    Japan

    Australia

    SINGAPUR

    When I select a specific country,

    then the capital of the country should get in TEXT AREA

    For example: If dropdownbox1.selecteditem = INDIA then

    TextBox1.Text = 'NEW DELHI '.

    * Box must be read only average i when a point selected correspondents city name in the text box, the user is not permitted to enter text in text manually box.

    Thank you.

    As the custom text field calculation script, use this code:

    var country = this.getField("dropdownbox1").valueAsString;
    if (country=="INDIA") event.value = "NEW DELHI";
    else if (country=="AMERICA") event.value = "WASHINGTON D.C.";
    // etc.
    else event.value = "";
    

    You can define the field read-only properties.

    PS. Be sure to check the option to validate the selected value of the field drop-down immediately (under its properties, Options tab).

  • The text box control

    Someone help me please complete the following task:
    How to set the text field (insert > form > text field) to make it longer or shorter?
    Amanda Nguyen

    Field mode example code:

    -Nancy O.
    ALT-Web Design & Publishing
    www.Alt-Web.com

    "supergrabbit" wrote in message
    News:gdj2b0$C7N$1@forums. Macromedia.com...
    > Please someone help me complete the following task:
    > How to set the text field (insert > form > text field) to make
    shorter or longer?
    > Amanda Nguyen

  • Adding images to a scrolling text box?

    I want to create a page to scroll on my Flash site to include texts, pictures, movies, maybe even. I see how to add a scroll bar but how to incorporate images into that? It uses a text box.

    You can use htmltext in the text box to embed images using the html image tag. Here is a link to html code available that you can use inside the Flash: TextField - QAnywhere® to Adobe ActionScript 3 (AS3)

    Yes, it's a limited set of tags.

  • Replace the text box with Image through breakpoints

    Hello

    I'm looking to replace the text boxes and icons with images and want to know if I can do this on several break points at the same time without having to go and manually change each breakpoint.

    My site is here: Movement of Boulder

    In the Services section of the wider breakpoint, you can see the images that I want, but if you minimize the browser window, you will see the images and the text that he was supposed to replace. Is it possible to replace all the text boxes with the images you want?

    Hello griffinb,

    If you delete a breakpoint text areas, they will be removed from all.

    After you have placed your image just right-click on it and select the option ' copy the style and position > to other breakpoints.

    Let me know if you have any problems getting there.

    Kind regards

    Ankush

  • Erratic text box near the border of an image

    Dear members,

    All the world has noticed this problem? Insert a framework anchored with an image (such as a jpeg file) to the inside and then insert a text box and enter text.  If you move the text box in the image, the text begins to jump around as he crosses the edge of the image and won't settle down until the text box is at least 1/8 inch away from the edge of the image.

    Is it possible to eliminate this problem? I tried to send the image back and sending the area of text to the front, but in vain.

    It is the framework 7.2 on Windows XP.

    Yours,

    Michael F

    ========

    What are the properties of evasive on the image?

    Graphics > evasive

  • How can I add a multiline text box to my playbook application

    Hello

    I am trying to add a multiline text entry field to my playbook application, but I don't know who supports multiline.
    So please can you me, how can I add a multiline input field.

    Thanks in advance

    There is a text box control in the library that you can use or be used as the basis for something else.

  • Unlock the position of the 'legends box' for each image in the slideshow

    Hi guys,.

    I have a slideshow that has 8 images with thumbnails for example. I want to move the caption (text box) for each image in the other location, but if I adjust the caption of an image and others, their legends are exactly in the same position as the caption for the first image.

    There must be a work around for this surely,

    I came across this post - help with captions in slide shows , but I do not understand what is needed to do this, if someone manages to do, could you please limit exactly what is needed to get the look. I tried to disable "change set" and that did not help either.

    I hope someone can help here, I really need to be located in different places for each image captions in the slide show.

    Thank you!

    You can use any composition in the form of a slide show and add the text block in the container, place the block of text in a different location for each container.

    Thank you

    Sanjit

  • #apDiv text box position problem

    Hello

    I am a teacher and amateur graphic designer, make a website for children who have learning difficulties. The page I'm trying is available here:

    http://www.John-Paul.TalkTalk.NET/index6.html#

    As you can see there are 'bigger text' and 'small' buttons at the top right of the page using CSS (this is my first shot at CSS). The page works as I want, but I can't place the text as I want it on the screen.

    What I am after is the text boxes under the images where the text gets bigger and smaller when the 'more large text' button is clicked, but at present the text in small characters is not positioned below each image, and large text moves down rather than being exactly where was the small text. I don't know how to move the text up (i.e. to change the space around the word 'University' for the word is plu top), or how to get the big text to focus on the very place where was the small text. I hope that makes sense.

    Finally, I would like to add a cookie to the site so that the preference for large or small text will be remembered. If you could point me in the right direction on how to do that I would be very grateful.

    Thanks for reading this. Any advice would be great.

    Best wishes

    John-Paul

    Would you be able to advise me on a cookie in this page so that the preferences of a user about the size of the text are stored?

    Of course, it's not hard

    Place this Javascript in your:

    
    

    Then change your HTML code:

    
    ...
    
    

    BTW, you should clean your HTML - is not a valid HTML5 document, as it is.

    --

    Kenneth Kawamoto

    http://www.materiaprima.co.UK/

  • How can I apply metadata to a text box?

    I want to create an action that will copy the legend of the meta data in a text box on the image.

    It's easy to do it manually by copying and pasting, but when I try to create an action it simply reproduces the caption for the first image.

    I need to extract the photo caption, I train.

    I can't help thinking that this should be very simple.

    I must be missing something.

    Any suggestions? I use CS4.

    Copy and paste the script in ExtendScript Toolkit this can be found...
    / Applications/utilities/Adobe utilities
    Save the script for...
    / Applications/Adobe Photoshop CS #/ presets/Scripts settings
    # the CS version
    If Photoshop was open close and restart so that it can pick up the new script.

    Now start to recode your new action, when you want the legend in the text field, file - script, select the script.

    I hope this helps.

  • How to resize text vs reflow in a text box?

    Hello

    Two of us at work are using Illustrator CS3. On my computer I can resize text boxes easily and the text redéroule to adapt. On the computer of my colleague, however, drag on the text box control points distorts the text and it is not redistributed. If it resets the character 100% width the can just go back to its original size.

    Any ideas on why this is happening and how to fix it?

    Thank you

    Graham,

    If you in the same way (right), your colleague may have corrupted preferences.

    Closing and pressing Ctrl + Alt + Shift / Cmd + Option + shift at startup can solve it.

    A further reset is, move the folder

    If no help, there may be interference from other applications, see in particular point 7 in other options

  • How to set up an editable text box that can be controlled by master pages

    I am designing a book. I created a master page to the first page of each chapter. I also need the text box content to be in a different size. So I tried including a blank text box in the master. That's when I met a problem - to place text, I have to manually replace the text box on the first page (Page of chapter) making a page element... the following pages have no problem however, as the son of text in the main text boxes. Now when I want to change the size or formatting of this text box, I can no longer use the master and have to manually apply to each chapter of this.

    Is there a better way to do it. I'm on a deadline, a quick response would be appreciated.

    Thanks in advance.

    -International

    After that you override the master element on the page, it retains aspects on the page of the document that you do not change. So, if you change the size or geometry of the image on the page of the document, change the master page will have no effect. If all you have to do is out of the text frame to fill it with the type, you can still control its size and position through the frame of the master page. If you do need to change size every time you release and add text, I am not aware so as to always be driven from the master page.

Maybe you are looking for