Replacement of images in another DIV - 2nd try

I have what I think, it's a simple problem. Unfortunately, it has ot about to be like pulling my own teeth.

I asked once and was reprimanded by the Police of Forum Protocol for sending by mistake without a question and an "incorrect format. Lets see if I can do it right this time.

I don't know how to use a remote site to load my page - never heard such a thing and don't know where to start and I think that most don't know - so the FAQ about who to clarify this question "correctly" cannot be done. And, there is no manual and other information on how to use the tools on this forum or edit and no way to delete (just remove it from the database of the forum - google knows where it can go) so just answer the question if you can.  There were 70 + people who read the other question, so I guess no one wants to answer, no one can answer, or there are lot of people out there looking for the same answer.

I have an unique index HTML page that is used as a manual of a user and for a small program help system.  It is not published on the web, but a series of files HTML PREMISES which take the reader local users.

When the user clicks the HELP button on the main GUI scripts it evokes their default browser and offers a series of flight path images (buttons) on the left in a Div (DIV 2 below), a header with a white button under the title in another Div (DIV 1 below) and a Div to swap content on an iframe with a document HTML (DIV 3 below).

Basically, when the user clicks on one of the images button in the turnaround section (DIV 2) - I would like to place an HTML file in the iframe AND swap the image in the header/title section. This is by exchanging files html correctly in the iframe, but I can't seem to get the image in the title div that you want to change.  I tried j-script (not very good at this), using various methods of assignment of the name and ID at all properties and using the target = "", tried to move the statements inside the < a > tags and outside the < a > tags, nothing seems to work. " It is a container on the page with an object, you should be able to resolve and change it.  Sorry to be a newb - can not become just that without question when stuck and no responses are on the forum with several hours of research.  Without answers, I can't learn.

PLEASE HELP WITH THIS...   HOW CAN YOU...

Replace the DIV1 image with the image of the button selected in DIV2... and change the content of the iframe?

<!- DIV 1 ->

< div id = "midpanel" >

< style p = "do-family:"Arial Black", Gadget, without serif;" font-size: 2.5em; "> < img alt ="Icon of the DJ' src = "assets/ICON pictures/EEIconSet148x48.png" style = "border: 0pt none;" "padding-left: 350px" / > manual < br / >

< img src = "Assets/screen objects/white 100x24.png yellow button" alt = "What shows in the image below" name = "CurrentText' width = '121' height = '29' id ="CurrentText"/ > < / p >

< / div >

<!-- ----------------------------------------------------------------------------------------- -- -->

<!- DIV 2 ->

< div id = "Divap1" >

< br / >

"" < a href = "Manual/DJ may" target = "myIframe1" MM_swapImgRestore "onmouseover ="MM_swapImage ('Overviewbutton ',", ' Objects/overview1.png', 1 assets/screen)" onclick = "shownextpic (0)" >

< img src = "Assets/screen objects/geographique1 OFF.png" alt = "Preview button" name = "Overviewbutton" width = "100" height = "24" border = "0" id = "Overviewbutton" / >

<!-change-> CurrentText image with the preview image

< /a >

<!-several other image onmouseover buttons are here, but omitted->

< / div >

<!-- ----------------------------------------------------------------------------------------- -- -->

<!-select the menu item, load the html page in the iframe and replace the image in Midpanelpage2 with the image you have just clicked. ->

<!- DIV 3 ->

< div id = "Divap2" >

< iframe name = "myIframe1" id = "myIframe1" src = "Manual/Welcome to DJs.htm" height = "400" width = "650" allowtransparency = "true" frameborder = "0" >

< p > your browser does not work

compatible with IFRAMES, please upgrade to a modern browser that is.

< /p >

< / iframe >

< / div >

<!-- ----------------------------------------------------------------------------------------- -- -->

<!-change the 'CurrentText' image in the div id = id of the object "midpanelpage2" = "CurrentText" with the image of "Présentation" in the div id = 'Divap1' id = 'Overviewbutton' I can't seem to get the image referenced with "CurrentText' to go to the image referenced in Divap1 HOW DO YOU CHANGE?-->

LikeITis2 - GoodGuy trying to tell you that it is REALLY HARD to help you give without a site online to watch.

That being said, I'll give it a shot.

The Div 2 onClick statement is precisely where you want to focus your attention.

I'm not an expert of javascript, but here's a breakdown of top level of what must happen.

onClick calls the javascript function shownextpic()

Inside of the shownextpic() function you want to set the src of the 'CurrentText' image to the url of the image you want to replace it with.

You will need a line of code that looks something like this:

CurrentText.src = "localhost/path/to/image/file/newimage.jpg"

A lot of tutorials on the net to Exchange images using javascript.

Try here to get started.

~ codeDawg

Tags: Dreamweaver

Similar Questions

  • Replace a pic with another pic / replace one image with another

    Hello

    I created a symbol with a photo and text. I duplicate my symbol and now I'll like to replace my pic duplicated using a new peak. Perhaps, it's simple, but I can't find the way :-(

    Hello

    I created a symbol with an image and text. Symbol of my I duplicated, and now I'd like to replace the image of my new symbol by another. Maybe it's simple, but I have not found how to do :-(

    If you want 2 symbols with different images, you need to duplicate the symbol in the library and then swap the image on them.

    or you can change the image in the code with attr or css.

  • replace one image with another

    I have two images of the same radial venn diagram, created in Powerpoint. I caught the with Jing and create png: ILM_model and ILM_Mod1 (see images below).

    I want an image to blend into one another, so it seems that I am just pointing out the Center and support node. I tried simply fade on while the other fades in, but I get this weird distortion of red and yellow on the edges in the cross-fading. In addition, the image quality is deteriorated. I took a screenshot to show you.

    http://screencast.com/t/nygksaVXTJ

    ILM_model.pngILM_Mod1.png

    Check the quality setting on the slide/s where you have this diagram and the value of high quality.  Your screencast looks like you could use only the low quality (8 bits) at the present time.

  • How to replace one image with another

    I have a page that displays the results of a search for information about a club. One of the elements is the logo of the club. It is displayed by using the following code

    < img src = "<?" PHP echo $row_clubedit ["club_logo_url"];? ">" alt = "Logo of The Club" class = "logo" title = 'in the Club Logo">

    It works fine, except when no club has been selected, in which case it indicates the default polling point in a blue box.

    It would be nice if I could display the Logo of the Federation, to which all clubs belong, until a club is chosen.

    Y at - it a simple way to define a default image that would be replaced from a set of data.

    $row_clubedit ['club_logo_url'] contains the url in the log format http://www.Club.org/clublogo.PNG

    < img src = "<?" PHP echo ('federation_logo_url');? ">" alt = 'Logo of The Club' class = 'logo' title = ' The Club'c Logo ">

    The logic I guess would be

    If there is no such thing as club_logo_url

    then print the logo of the Federation,

    otherwise print the logo of the club.

    How you code that in php?

    I am only a beginner in PHP.

    "http://www.club.org/clublogo.png": $row_clubedit ['club_logo_url'];? "". ">" alt = "Logo of The Club" class = "logo" title = 'in the Club Logo">

    must be done

  • How to replace the image on click

    Could someone tell me the correct terminology so I can look for more help? Or a pointer to a tutorial would be even better!

    I want to be able to exchange an image by clicking on a link that replaces one image with another.  I am familiar with the image swap on working capital, which is the only tutorials I seem to be able to find.  I don't know what to look for in fact.

    Thank you very much

    In this case, you can use a few methods.

    Swap Image behavior:

    Select the first image, go to the behaviors panel and select 'picture swap.   Select the image you want to swap to.  Then, you choose whether the action will be mouseover or onclick.

    DW help files will probably give a more more F1 help (although (I can't say I never watched upward-, but did not open at present to verify :-))) DW

    Or you might look also show/hide behavior. You could have the 2nd image in a hidden div that is 'shown' on the triggering (onclick or mouseover) action.   Again, the help files should give you more information.

    I hope this helps.

    --

    Nadia

    Adobe® Expert community: Dreamweaver

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

    Unique templates CSS | Tutorials | SEO articles

    http://www.DreamweaverResources.com

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

    Book: Ultimate CSS reference

    http://www.SitePoint.com/launch/005dfd4/3/133

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

    http://Twitter.com/nadiap

  • By mistake I replaced a photo with another file. The miniature shows always the original photo - is anyway I can get the original of this thumbnail image?

    By mistake I replaced a photo with another file.  The thumbnail still shows the original image.  Is there anyway I can retrieve the original of this thumbnail image?

    When a file overwrites (replaces) another... the original is gone.

    This happens usually when the replacement file has the same file name
    as a file exists and that you answer Yes when the dialog box asks you if you
    replace file a file b.

    What are the exact steps you used when the file has been replaced and
    This software has been involved?

  • Trying to superimpose an image over another image

    Just installed Photoshop, I'm trying to superimpose an image over another image.

    I need 4 motorcycles all looked in a curve, and I just want to see the right edge of each bike, one behind the other.

    1st, I need to remove all solid colors, a drawing of each sketch is all I want.

    Then, I need to move the smaller bike in front of the 2nd bike, the 3rd, then the 4th...

    Try to make a logo for a T-Shirt to use at a motorcycle rally.

    Thanks in advance for the schooling of a neophyte... I can push bytes, but no image...

    John

    STAT by tracing a path around each bike image. Use the pen tool for maximum flexibility.

    Note: The pen tool can be quite difficult for beginners. But it is worth the time.

    Once you have the drawn contours of the pen you can put them in a new blank document. In the Trace Panel. Option/Alt click on the thumbnail of path (there should only be one). Edition > copy.

    Switch to the new document and publishing > paste. Double-click the thumbnail of the path and name of the path. Click in an empty area of the path Panel.

    Repeat with the other 3 paths of the remaining images.

    Create a new layer in the layers panel.

    Option/Alt click on the first path in the Trace Panel.

    Select the brush (B) tool to make edge hard about 5 pixels.

    In the Panel traced down, you will see a circle icon. Click it to stroke the path with brush that you just made.

    If it's the right size, then repeat with the other paths and don't forget, you create a new layer for each.

    If the size of the brush was not correct, cancel and set the size of the brush. Repeat the race.

    The aura features a transparent are interior makes it possible to fill.

    Command/Ctrl click on the appropriate path. Edit > fill... Select the desired fill color.

    With the bikes on layers, you can move layers independently for good order.

  • Vertically Center an image in a div

    I tried centering a selection of images in a "main content" div, their formats vary, some will be portraits and of other landscapes so margins and filling do not work.  I have a table of inches who do this using text alignment center and auto margins in my css, and it works very well.  I have centered the photo in a table cell unique to help align Center and vertical align middle in the 'main content' div but when I try this without the table using css (text align auto center and margins or text centering and vertical align middle) it is well centered horizontally, but vertically aligned to the top. Can you tell me why this is and how without table?  If you go to http://tinyurl.com/4g6vnkg you will find a page to view the source, if you then replace the file test.html by css/commercial3.css you also have the style sheet.     Thanks Chris

    Hello Chris,

    Here is a link I have, I have downloaded the page on my server. http://www.patrickjudson.com/example/example.html

    I also reworked the code, there are a few mistakes that I made. The removal of text must have a negative value.

    This method works for IE 6 upwards. Personally I do not make or support IE 5 and below.

    Example: text-indent:-10000px;

    This simple post the text out of sight, the text is there but just out of sight. Now, is there a way to display the text if images are disable or not available on a device, but is a little advanced.

    To answer your question: when you use links, you add a title, a tab index and access key for accessibility, if you wish. The user using assistive devices will get the title of the link. You can add a descriptive title for each link. The same applies if you add images to the div.

    I'm a little confused by your post?

    But whatever rocks your boat is cool also.

    Thereafter.

    mal25 wrote:

    Thank you Patrick who responded to the questionnaire,

    I've been playing with it all day, I was initially interested in the 'main content' div on the right, but I would like to come back later for inches.  If I understand correctly, you are unable to center an image in a div just like this but you can center in the cell of a table as I did in the table of an inch on the left and the big table single-celled simple on the right.  However, you can vertically Center an image only as an IMAGE of background directly in a div, correct?  Is this image & alt text visible to a search engine that the address field is in the brain?  ('visible' in contrast to spry where images stay in the folder)  You can see the change @ http://tinyurl.com/4elwfjb css has not changed, the single cell table has been removed and a style has been added to the head.

    This page has been generated from a model and there will be a lot, the only difference between them is this large image in the div on the right, I don't want to focus each image on each page, so the style would be written in the model but must remain editable. Each image would be responsible for the css palette in the head rather than in the div. of main content as I understand the law of that party, I have a few questions about the stacking of thumb.

    Chris

  • Floating Divs in Gallery of images not in Div

    I create a model property page that is nested in the main Web site template. In this model, I created a div in a div for the Image Gallery I will create. There is a main image and then 5 thumbnails below and all of this is centered.

    What seems to happen, is that if I'm floating all my miniature divs 'left', so they are all on the same line, then they are no longer in the image gallery of div. If I take on "float" attribute (as I did on the picture 1 for an example), he finally resides in the div tag, however, the another jump up to the next line, beneath him... stack on each other.

    I'm so confuse, even if I have commented at the end of each div, but I'm not sure what it takes here. Lack of validator on Web for HTML and CSS tools, but I get nothing. Help!

    Here is the link.

    Thank you!

    Samantha

    Hi Julie,.

    Try following:

    Add a clear after your thumbnails as below:



    And in your css add left float for all your thumbnails.

    . Profile #infoImageGallery #infoImageThumb1 {}

    float: left;
    Width: 95px;
    right margin: 5px;
    height: 63px;
    background-color: #00F;
    margin-bottom: 5px;

    }
    . Profile #infoImageGallery #infoImageThumb2 {}

    float: left;
    Width: 95px;
    right margin: 5px;
    height: 63px;
    background-color: #00F;

    }
    . Profile #infoImageGallery #infoImageThumb3 {}
    float: left;
    Width: 95px;
    right margin: 5px;
    height: 63px;
    background-color: #00F

    }
    . Profile #infoImageGallery #infoImageThumb4 {}
    float: left;
    Width: 95px;
    right margin: 5px;
    height: 63px;
    background-color: #00F;

    }
    . Profile #infoImageGallery #infoImageThumb5 {}
    float: left;
    Width: 95px;
    right margin: 5px;
    height: 63px;
    background-color: #00F;

    }

    Kind regards

    Vinay

  • Replacement of image change sensitive scale

    I am trying to replace an image that has its sensitive height and width properties. I place an image, by pressing ctrl-d and click the image loaded onto an image carrier. The image is placed and replacing the other image. The properties are always the same. However, when I go to a smaller breakpoint image is not behave more responsive.

    Scaling problem.jpg

    It works when I completely remove the other image and place the new image from scratch, but I don't want to do that, because it means I have to re - position the image even once for each breakpoint, which is a pain if you need to replace a lot of images...

    Hi Martin,

    Thanks for that bring to our attention. I have a solution for you: try to replace the image in the active panel instead of placing with Ctrl + D.

    1. Select the image you want to replace

    2. in the components Panel, find the image (it will be highlighted)

    3. right click on the asset to open the context menu

    4. Select "connect".

    5. Select the new image

    Using this method, the image should appear correct in all of breakpoints. I hope this helps!

    Anna

    EDIT:

    An easier alternative:

    1. Select the image you want to replace

    2. right-click to open the context menu

    3. Select 'Replace Image'

    4. Select the new image

  • Why my cc of photoshop crashes every time I have put one image on another?

    Whenever I have put one image on another, everything hangs... I use photoshop cc 2015 on a mac.

    its has started last night and get pretty boring lol

    Hey Jew,

    Please try and reset the Photoshop preferences to default

    Steps to follow:

    To re-create the Photoshop preferences files, start the application while pressing Ctrl + Alt + Shift (Windows) or command + Option + shift (Mac OS). Then, click Yes to the message, "Delete the Adobe Photoshop settings file?"

    Let us know if that helps.

    Kind regards

    ~ Mohit

  • Return and replace still Images

    Anyone else having issues with render and replace still images (rgb JPEG and png in my case)? I choose a predefined ProRes 422 and ask to place next to the original media new media. It allows me to click through to the guests, but in fact, nothing happens when I click on OK. It is said he goes through a process of conversion, but I always stayed with the still image in my calendar and any transcoded video file has been created.

    I would like to be able to transcode all still images in the video for reasons of stability and also to respect the timeline into something that I can better color. Any thoughts? Thank you!

    This article suggests it should be possible to do what I ask: https://helpx.adobe.com/premiere-pro/using/render-replace-effects-compositions.html

    MacPro mid-2010

    OS X 10.10.3

    Build first Pro 9.0.1 (36)

    In fact, aid doc seems to be incorrect and I called someone to fix this document. Still images (JPG, PNG, etc.) are not supported for rendering. What is happening is that the alembic is copied to the destination you set. Image sequences (numbered always imported with the sequence of images check box selected) are supported for rendering, although. Sorry for the confusion.

    You could try to export your images (make sure you set the Source range: Clip in and out) and then use Replace with Clip and replace images, but realize that this is not an ideal solution.

  • Replace the Image and add text - new edition of content of the javascript tools commands

    With the new content tools Adobe XI of edition, can someone please advise if there is javascript for the following commands:

    • Replace the Image
    • Add text

    Replace the Image

    I have a pdf document with an image that is manually replaced by content (it is a logo) of the editing tools.

    Add text

    The same pdf document has text added manually by the content of modification of the tools as well (it's the same text each time).

    Can someone advise please basic commands javascript I can use to help me get started, because the process described above is very tedious when done by hand and repeated several times a day?

    Script to add text via content editing tool method is the goal, I try to avoid adding a text field, the pdf will be flattened at the end of the process in this way.

    Advice and assistance will be most appreciated.

    Thank you.


    You can use a button to display an image and import an image as an icon of the button file programmatically. You will use the field.buttonImportIcon for this JavaScript method.

  • What is the way to place a background Image in a Div?

    I searched Google and Adobe forums for a while now, and although there are very valid solutions for similar problems I discovered that none of them fixed the problem that I am facing. I blame myself and get lost in this encoding sloppy mine, so part of my plan was to start my stylesheet from scratch.

    My question, what is the right way to add a background image in a div? I currently have the div albums following the css style "header", here's what I typed in this section:

    < style type = "text/css" >

    @import url("..) ("/ twoColLiqLtHdr.css");

    . Header {}

    Width: 1000px;

    height: 300px;

    background-image: url(Assets/HeaderTemplate.png);

    background-repeat: no-repeat;

    background-position: center;

    }

    The problem here is that the background image is not still appear. I would appreciate help, could someone inform me on how to do this so that I can implement images in div in the future without turning my coding in a bottom right mess?

    Thank you in advance.

    Try changing it to:

    background-image: url('Assets/HeaderTemplate.png');

    Also make sure you have the case appropriate for file names: for example

    Assets = active

    HeaderTemplate = headertemplate

    etc etc.

    Sometimes these things create problems.

    Good luck.

  • How to replace the image that contains clickable images?

    I use RoboHelp HTML 8. Some of my help topics have an image that contains several interactive images that allow the user to click to see, for example, the field or button definitions on objects on this image. In the past, I was able to grasp or to create a new image file and give it exactly the same name as the old image file (for example, ccm_assessment_shg.gif)-a new replacing the old. and when I saw the image in RoboHelp HTML, the new image contain still all image maps of the original image.

    However, now I see an image (.png) file in one of my subjects and I would like to replace it, but my old process 'replacement with the same name' does not seem to work. What is my problem? How can I do this in RoboHelp 8? Is the problem related to the file must be a gif instead of a png? (I must confess that it's been several months that I worked in RoboHelp, so I just forgot something. I can't find instructions on the use of image maps and self-help groups).

    Thanks a lot for all the good advice!

    Hello

    Exactly how you try to replace the image? I ask, because if you open the dialog box Image and work this way, you will probably lose the connection with the regions of image maps. My preferred method is to simply work completely behind RoboHelp back by replacing the image using Windows Explorer. RoboHelp should be none the wiser as long as the file name and location are the same.

    See you soon... Rick

    Useful and practical links

    Wish to RoboHelp form/Bug report form

    Begin to learn RoboHelp HTML 7, 8 or 9 in the day!

    Adobe Certified RoboHelp HTML Training

    SorcerStone blog

    RoboHelp EBooks

Maybe you are looking for