make image change depending on what the words are clicked without reloading the page

So I got ideas for my web page laid out and I finally started to build it and got stuck in a field. I wanted to make two boxes side by side... a text and the other with only the large images that changes depending on what text in the other box is clicked. I wanted this to happen without the page loading in fact once again. I saw something similar to it on ensmp.fr below the navigation on the left. I don't know this is a kind of script that I'm not familiar with, but if anyone has any ideas on how to do this please let me know. Thank you.

Behavior of SetText of DW is a way to get there. By clicking on a word in
the text box to rewrite the HTML code in the area of the image to load a new image.
Perhaps more simply, this would also be very easy to do with Swap Image of DW
behavior. Click the text, and this image swaps into another image.

Do some homework by studying two of these behaviors and what you can do
with them.

--
Murray - ICQ 71997575
Adobe Community Expert
(If you * MUST * write me, don't don't LAUGH when you do!)
==================
http://www.projectseven.com/go - DW FAQs, tutorials & resources
http://www.dwfaq.com - DW FAQs, tutorials & resources
==================

"This is a test" wrote in message
News:g74ndu$SOH$1@forums. Macromedia.com...
> Then I got ideas for my web page laid out and I finally started
> construction
> It and got stuck in a field. I wanted to make two boxes next to each
> other...
> with the text and the other with only large images which changes according to
> what
> text in the other box is clicked. I wanted this to happen without
> the
> actually load the page again. I saw something similar to it on
> http://www.barackobama.com below the navigation on the left. I'm sure he
> implies some kind of script that I'm not familiar with, but if someone
> has it all
> ideas of how to go about doing this please let me know. Thank you.
>

Tags: Dreamweaver

Similar Questions

  • Image change main header when the page is reloaded?

    Anyone know how to make the main site change my header image whenever the page is refreshed? I really don't want to make this header when back you a slide show of images, just a new image of image here or refresh the page.

    Thank you!

    The only way that muse may call a new image when updating is integrated in a slideshow widget.

  • Smartphones blackBerry background image changes after connection to the blackberry Manager

    I am a new owner of blackberry curve 8330, and I'm still trying to get all the options work correctly.  A small problem I have is that my background image changes to the original image, the phone came with once I plug it to the blackberry manager to synchronize.  I guess that there is a setting I'm missing.  Can anyone help?

    I think I solved it... Is your Photo in the background in your "Device" memory or your press card?  If in the support card, once you sync, he returned to the screen of origin for your theme.

    I went in the media, opened the photos, parades in my current photo card and while in the photo, I hit the menu, and he has a line of "move". Click on it and you will see Media Card and below will be the memory of the device. Click on the memory of the device and it will be moved here. Now, click on the photo and set it as the background of your screen.

    Now, when you synchronize, it will NOT be moved.  It worked for me, I would like to know if this is the solution for you.

    Godd luck!

  • Image quality is placed in the page Fund degraded, unable to change

    I'm trying to put a big picture in an office page and whenever I place, Muse will be resize smaller than the original image.  The image is quite large (640 x 3500) and assuming this has something to do with it, but I'm pretty frustrated by that and need to know if there is a maximum height of the image?    I can resize the image to the size, I need it to be, but it degrades the resolution considerably.   As I type this, I realize account I might want to try to cut the image into smaller parts and try placing them in this way, but it would be nice to know if there is a maximum height of the image in the Muse, I should be aware of.

    Any help would be appreciated!

    See you soon,.

    Steve

    Select the image in the active panel. Right + click. Select the option 'Import of larger size'.

    To avoid bloating file Muse limit images 2048 pixels in each dimension when they are initially imported. If you are in need of more data, you can force the Muse to pull in large format by resizing the image to the dimensions required in Muse and then use the option 'Import of larger size'.

  • make images to NOT appear when the recordset field is contained

    On one of the pages of my site, I've learned in recent news, but I want only the last report shot if the image in tbNews field contains text. If there is no picture so I want to just 3 images (these may be hard-coded) to display.


    DynamicImage is drawn from the field of the image of tbNews. Image1 and image2, image3 are the images I want displayed if the image in tbNews field is empty. If the image field contains text then I don't want Image1 and image2, image3 to display.

    CODE *.
    "" < div id = 'Vidéo' > < img src = "" uploaded_images/files/news / < cfoutput > #rsLatestNews.image # < / cfoutput > "alt ="Latest news"name ="DynamicImage"id ="DynamicImage"> < /a > < img src =" images/dvdNoFlash.jpg "alt ="other pictures"name ="image1"width ="87"height ="92"="image1"id / > < img src =" images/dvdNoFlash.jpg"alt ="other pictures"name ="image2"width ="87"height = id ="92""image2"/ > < img src =" images/dvdNoFlash.jpg "alt ="other pictures"name ="3"width ="87"height = ID "92" = "3" / > < / div >

    RECORDSET:
    < cfquery name = "rsLatestNews" datasource = "DSNGrid" >
    SELECT *.
    OF tbNews
    ORDER BY newsDate DESC

    the structure of tbNews
    newsID
    newsDate
    newsSubject
    newsStory
    image

    IM Hope how to find,

    Does anyone know how?

    Hello

    Don't worry about this, I used another piece of code and it works correctly. But thanks for your help.

    I used ... .

    Thank you

  • Shortcut on the desktop to the web page "forgets" what the page was about the size.

    I have several shortcuts to web pages in my taskbar. When I created them, the window open to a fairly large size. I see no way to know the shortcut to open the window enlarged, but the size is adequate.

    However, I needed to see several windows at the same time, so I resized to fit four on the desktop. Now, whenever I open one of these shortcuts, it goes to this small size. I can't find any way to bring them to a larger size. I opened, resized them and they closed the way I want to watch, but it makes no difference. The smaller size seems to be remembered.

    Is it possible to get the largest size?

    Right-click on the icon shortcut to IE next to the Start button, select Properties, change from "normal" to "maximized". Now open it.
    Now make a right click any link on the page, choose open in a new fenΩtre... do not maximize it. Instead, use the mouse to resize it to what you want it to be.
    Now close the FIRST window that you opened, and then close it you just resized.

    Reopen IE of the icon of the shortcut again and all the windows in the future will be the size you have chosen and created.

    I hope this helps.

    Good luck!

    Lorien - MCSA/MCSE/network + / has + - if this post solves your problem, please click the 'Mark as answer' or 'Useful' button at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • Can someone tell me if there is a way that I can put a webpage to load a new image whenever a visitor refreshes the page?

    I pray that I can find a way to do it without losing my mind/writing and troubleshooting of javascript. I would like to have three images per page main Department on the below website link, but I don't want to show them all at once. I want a new image is displayed whenever a visitor visits or refreshes the page. Does anyone have any idea if I can do this in Dreamweaver and how? Please help if you can.

    Here is the link: http://www.graphicmechanic.com/DEKALBCOUNTY/parks-and-recreation/index.html

    See the words in large print 'Parks and Recreation '. My goal is to have the next clown/face paint picture of him change, to something else, every time it loads. I would like to know if my explanation is confusing if you please.

    Please do a search on the Forum for 'random image '.

    You will find previous discussions of 200 +.

  • With the help of Windows to the top. -J' changed my settings on the page to backup several times, and now when I try to back up my computer it keeps default.

    TODAY, I CHANGED MY SETTINGS ON THE BACKUP OF THE PAGE WITH THE HELP OF WINDOWS BACK UP TO SEVERAL TIMES AND NOW WHEN I TRY TO BACK UP MY COMPUTER AGAIN, HE GUARD DEFAULT.
    I HAVE WINDOWS VISTA PREMIUM 64 BIT.
    I WOULD APPRECIATE YOUR RESPONSE

    Hello

    1. do you receive any error messages?
    2. what exactly happens when you try to backup data?
    3 have. what settings you changed?

    Please answer these questions. This will help us assist you better.

    Try to perform the clean boot.

    Refer; http://support.Microsoft.com/kb/929135

    Thanks and greetings
    Umesh P - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.
    [If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message.] [Marking a post as answer, or relatively useful, you help others find the answer more quickly.]

  • issue with &lt; a href onclick logical to change another div on the page

    I have a div in a < a href delivering a javascript onclick function that makes changes to the other two div on the page.  It follows a "learn more... less... show kind of logic where when the page loads the div called lowerContent appears and the text of div href is show less...»  When they click on this div, a lowerContent div is hiddern and the text of the button is changed to learn more...

    As a newbie to CSS, I have every piece working on his own great works, but when I put all together, it doesn't work.  Loading the page with the lower div displayed and the text to show less...  When you click on one < a href, it works, the lower div is hidden, and the text is changed to learn more...  But, when click on a time (or any number of times) the lower div does not appear (although all other cahnges are working properly.

    I reduced the code for the below which is a minimum and I hope that some experts CSS can help me?

    Thank you very much

    Jay

    <! doctype html >

    < html >

    < head >

    < meta charset = "utf-8" >

    dffsdf < title > Document < /title >

    < style type = "text/css" >

    {#myContent}

    height: 380px;

    Width: 400 PX;

    margin-right: auto;

    left margin: auto;

    border: 2px solid #5F2A2A;

    do-size: 18px;

    }

    {#myButton}

    background-color: red;

    float: right;

    height: 28px;

    Width: 122px;

    right margin: 15px;

    top of the margin: 15px

    left margin: auto;

    border: 0px solid # 38 931;

    }

    : hover {#myButton}

    background-color: gray;

    float: right;

    height: 28px;

    Width: 122px;

    right margin: 15px;

    top of the margin: 15px

    left margin: auto;

    border: 0px solid # 38 931;

    }

    {#lowerContent}

    display: auto;

    height: 100px;

    Width: 300px;

    margin-right: auto;

    top of the margin: auto;

    left margin: auto;

    border: 2px solid # 38 931;

    }

    < / style >

    < script type = "text/javascript" >

    function changeDisplay() {}

    var s = document.getElementById("myButton").innerHTML;

    If (s == "learn more...) ») {}

    document.getElementById("myButton").innerHTML = "Show less..." » ;

    document.getElementById("myContent").style.height = "480px";

    document.getElementById("lowerContent").style.height = "190px;

    document.getElementById("lowerContent").hidden = "true";

    } else {//s will match show less...}

    document.getElementById("myButton").innerHTML = "learn more...". » ;

    document.getElementById("myContent").style.height = '380px ';

    document.getElementById("lowerContent").style.height = '100px ';

    document.getElementById("lowerContent").hidden = "false";

    }

    }

    < /script >

    < / head >

    < body >

    < div id = "myContent" >

    < ul >

    < li > This is line a < /li >

    < li > This is line two < /li >

    < li > it's third line < /li >

    < li > it's four line < an id = "myHref" href = "#" onclick = "changeDisplay (); ">

    < div id = "myButton" > view less... < / div >

    < /a >

    < /li >

    < /ul >

    < div id = "lowerContent" > content line a lower < / div >

    < / div >

    < / body >

    < / html >

    My sample works.  Try to use the code in my JSFiddle example above.

    Nancy O.

  • Images of a button in the pages of the ADF

    Hello

    We have 2 buttons created on the Page when the page is automatically generated from a human task.

    The labels on the buttons are 'Insert' and 'delete '.
    We need + (in green) instead of inserting it.
    and X (in red) instead of delete.

    The functionality of the buttons must be identical, but simply to the user, it must be visible in the '+' and 'X' instead of 'Insert' and 'delete '.

    Thanks in Adv...

    Hello

    Create the sign + (in green) and X (red color) and place it in public_html

    You can set the property to the icon of the Button OK. And empty the Text property.

    Note:-If you need standard images oracle, let me know your mail, will share.

    See you soon,.
    GYAN

  • How image frame high move of the page.

    If suppose the page contain only a picture of image.that movement to the top of the pages page.other will be skip.i have tried.the below code does not.

    =====================

    var myDocument = app.activeDocument;

    var myPages = myDocument.pages;

    for (p = 0; p < myPages.length; ++ p)

    {

    myGraphics var is myPages [p] .allGraphics;.

    var myPageWidth = myDocument.documentPreferences.pageWidth;

    if(myGraphics.Length==1)

    {

    for (j = 0; j < myGraphics.length; j ++)

    {

    If (.side myPages [p] is PageSideOptions.leftHand)

    {

    var myX2 is myPages [p].marginPreferences.left;.

    var myX1 is myPages [p].marginPreferences.right;.

    }

    on the other

    {

    var myX1 is myPages [p].marginPreferences.left;.

    var myX2 is myPages [p].marginPreferences.right;.

    }

    var myY1 is myPages [p].marginPreferences.top;.

    myX2 var = myPageWidth - myX2;

    var myImageheight = myGraphics [j].parent.geometricBounds [2] - myGraphics [j].parent.geometricBound s [0];

    var myY2 = myY1 + myImageheight;

    IMAGEFRAME move top of page

    myGraphics [j] .geometricBounds = [myX1, myY2, myY1, myX2];

    }

    }

    }

    ================

    Thank you.

    Post edited by: karthiIndesign

    I found the solution.

    var myDocument=app.activeDocument;
    var myPages=myDocument.pages;
    for(p=0;p {
            var myGraphics=myPages[p].allGraphics;
            var myPageWidth=myDocument.documentPreferences.pageWidth;
            if(myGraphics.length==1)
            {
                var myX2, myX1, myY1, myY2;
                for(j=0;j             {
                    if(myPages[p].side == PageSideOptions.leftHand)
                    {
                        myX2 = myPages[p].marginPreferences.left;
                        myX1 = myPages[p].marginPreferences.right;
                    }
                    else
                    {
                        myX1 = myPages[p].marginPreferences.left;
                        myX2 = myPages[p].marginPreferences.right;
                    }
                    myY1 = myPages[p].marginPreferences.top;
                    myX2 = myPageWidth - myX2;   
                    var myImageheight=myGraphics[j].parent.geometricBounds[2]-               myGraphics[j].parent.geometricBounds[0];
                    myY2=myY1+myImageheight;

    var mygraphicmove is myGraphics [j].parent.duplicate ([myY1, myX1]);.

    myGraphics [j].parent.remove ();

    mygraphicmove.textWrapPreferences.textWrapMode = TextWrapModes.BOUNDING_BOX_TEXT_WRAP;


               }
           }
    }

    Thank you.

  • What is the best way to make big changes of color for items that are already selected?

    CS4 on Mac. I want to do some color changes. So many options! It is posed, for the items in question, they are already a good, saved section that describes also the colors, the new colors I want to use are recorded to the color chart. And one of the changes is a little extreme - satuaration, hue and brightness. In these circumstances, what technique of color change would try first?

    If you mark a specific point in the image and the shade with the color sampler tool, you can use the curves to match the values. Unfortunately, with a reference to singlepoint, as RGB color changes it can also change the tonal scale and local contrast and can even change color in the image. The best solution, especially if one of your samples consist of a significant change in the value is color LAB where color and tonal scale are handled in separate channels.

  • Background image, change of color of the object/type

    I retouched an image that I then placed in CC Id as part of the background. Unfortunately, the type and the items that were on top of this image are corrupted. The text looks like it's more "BOLD" and transparent colored box of 50% is much darker where they overlap the picture. This problem appears if I make a PDF print. Anyone know what is happening here, and how I can solve it?  Thanks in advance!

    In InDesign, choose the [Black] swatch is automatically set to overprinting. It is defined in the preferences > appearance of black. Uncheck the option or create your own black shade to K100.

  • ReCAPTCHA image appears not to, what the?

    I have the host through Godaddy and got public and private keys is entered, but when I post the live site the picture box is empty, and thusly, no one can enter the picture for verification and contact me.  Maybe his work station, here's my link please check to see if it works on your browser and offers advice, has soon.

    Contact ME - the traveler of the Prairie

    Hello

    Can you please take a look at this topic, and see if that helps

    reCaptcha code image is not displayed

    Let me know if you have any question.

  • How to make a point to remember once the page is changed?

    Hello

    For my school project I am trying to create a product slide / move on Adobe Flash CS4 with Action Script 3.0.

    I have three keyframes:

    -The first to top to drag and drop on the model

    -The second has skirts/pants to slip and fall on the model

    -The third has shoes for drag and drop on the model

    But once the upper part was drag and droped and the next button is selected showing skirts/pants, the upper part which was dragged and dropped on the model is no longer displayed.

    Does anyone know what code I have to add to get each item of clothing remember once he was dragged and drop on the model, is visible on the following pages?

    Thank you very much

    expand the layer that includes your tops to your 3rd frame.  in box 2, assign the visible property of all peaks except false drag on your model.  Similarly for your skirts/pants.

    or you could probably apply the drop listener function e.currentTarget.parent.addChild (e.currentTarget) when something is dropped on the model.

Maybe you are looking for

  • BB10 - blackberry.invoke.invoke - set up an application to receive the data passed

    Hello because there is not any application on the Alpha of Dev BB10 I wanted to create a few test-app to do similar things. Is there documentation on how to set an application to receive and process the 'data' past object with the code according to f

  • Gigabyte of R2 Alienware area 51 GTX 980 TI G1

    HELO everyone Ive wanted to change my GPU of a SLI GTX of 970 to a GIGABYT SLI GTX 980 TI G1. Ive been hearing rumors about area 51 R2 motherboard is not compatible, or something? Im not an expert in this so if someone could give me some advice on if

  • BlackBerry smartphones cannot text in an # 888

    New to the forum. Have new 8350i through SoutherLinc. I have an 888 number for my business. I've had it for years. The people of southernlinc tell me that I can't receive text on the phone. I can send but not receive. They say that I have a regular n

  • HP PSC 1610 ALL-IN-ONE(HOW DO I CHECK THE INK LEVELS)

    HP PSC 1610 ALL-IN-ONE(HOW DO I CHECK THE INK LEVELS)

  • Use dialogue "palette."

    I try to use the "palette" dialog, but when I run the script' dialog box opened and closed immediately, I tried to use #targetengine, but I want to close the script binary and binary file reads #targetengine.What can I do?