Changing iframe window on multiple links in DW

Hi - hope someone can help me.  See the page below:
Multi Click Capability Mockup
There is going to be oil spills (shown on load), chemical, and ship on the above.  The map is an iframe.  I would like to have the viewer click on either chemical or the ship one at the bottom and when it does, the iframe changes from map1 to map2 or whatever.  I've looked around on forums and can't seem to find what it is I need code-wise to make that happen?  Can someone help or point me in the right direction to do this?
Thank you - the deaf guy

Here's an alternative: Paste this code in a page, and view in a browser..
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Quick, Little Show/Hide Script</title>
<style>
h1, h2, h3, h4, h5, h6 {
    text-align:center;
#main {
    background-color: lightgray;
    border: 1px solid;
    display: block;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 470px;
#two {
    display:none;
    background-color: tan;
    border: 1px solid;
    display: none;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 470px;
#three {
    display:none;
    background-color: lightpink;
    border: 1px solid;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 470px;
</style>
<script type="text/javascript">
    function turnoff(id)
    {document.getElementById(id).style.display = 'none';}
    function turnon(id)
    {document.getElementById(id).style.display = 'block';}
</script>
</head>
<body>
<a href="#" onclick="turnon('main'); turnoff('three'); turnoff('two');">Oil Spills</a> |
<a href="#" onclick="turnoff('main'); turnoff('three'); turnon('two');">Hazardous Waste</a> |
<a href="#" onclick="turnoff('main'); turnoff('two'); turnon('three');">Ship Groundings</a>
<div id="main"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d99362.47205895309!2d-77.014566549999 98!3d38.899348700000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7c6de5af6e4 5b%3A0xc2524522d4885d2a!2sWashington%2C+DC!5e0!3m2!1sen!2sus!4v1410447903820" width="470" height="300" frameborder="0" style="border:0"></iframe></div>
<div id="two"><h1>Hazardous Waste map</h1></div>
<div id="three"><h1>Ship Groundings map</h1></div>
</body>
</html>

Similar Messages

  • Change window that a link opens in after link already created

    Hello -
    I've put a ton of links in my pdf documents (just opening a document within the same directory), and had selected "open in same window." Turns out the client wants the documents to open in a new window.
    Is there any way to change this without creating all the links again? In the edit link options, it allows me to click on "edit" and only lets me browse for a new file (already selected the one I want). I don't see an option to change the window it opens in unless I redo the entire link, or select the document again that I want to open after selecting "edit."
    That will create so much more work because there are hundreds of documents that I'd have to find again. So, is there any way to change what window a file opens in after already creating the links?
    Thanks!

    Hello -
    I've put a ton of links in my pdf documents (just opening a document within the same directory), and had selected "open in same window." Turns out the client wants the documents to open in a new window.
    Is there any way to change this without creating all the links again? In the edit link options, it allows me to click on "edit" and only lets me browse for a new file (already selected the one I want). I don't see an option to change the window it opens in unless I redo the entire link, or select the document again that I want to open after selecting "edit."
    That will create so much more work because there are hundreds of documents that I'd have to find again. So, is there any way to change what window a file opens in after already creating the links?
    Thanks!

  • Why the hell you've now decided to change the order of the "Open link in a new window" and "Open link in a new tab" options on the link menu???????????????

    Why, oh why have you now decided to change the order of the link menu options? People were so used to it that I bet nobody even look at the menu, they just go for it as I do and many of my friends does!! Why change something that works so fine and has been since ever??

    I like the new arrangement because I open new tabs much more often than I open new windows. It makes much more sense than the old way.

  • Help changing image using multiple links

    Hello, I need help!
    How do I change a single image within a page, using multiple link words?
    I've seen this done all over, but can't figure this out! HELP!
    I am trying to have a single image, that will change as the different words are clicked on.
    This has got to be sooo simple!    
    I'm new to CS4.

    Four Level's Light box will do this:
    http://www.fourlevel.com/dreamweaver/extensions/lightbox/index.htm
    Kaosweaver has several Gallery extensions that may do what you need. (Search the Gallery)
    http://www.kaosweaver.com/extensions/index.php
    Project Seven's Image Gallery Magic works very well:
    http://www.projectseven.com/products/galleries/hgmagic/index.htm
    If you know how to work with code, JQuery Galleries are another option to consider:
    http://www.queness.com/post/222/10-jquery-photo-gallery-and-slider-plugins
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.com/blogspot.com

  • Changing Multiple Linked Type Layers

    Changing Multiple Linked Type Layers
    If you want to make the same change to more than one Type Layer at the same
    time, just link all of the Layers you want effected in the Layers palette,
    then hold the Shift key and make your changes to one of the Linked Layers.
    All of the Linked Layers will show the same change.

    Hi Jeff,
    I'm beginning to develop a strong dislike for this forum's new interface!!
    But that's not your fault.
    The tables below use a VLOOKUP formula to retrieve the prices from the Current Pricing, and an IF statement in E1 to determine which column the prices are fetched from.
    The added column isn't necessary; it was just simpler t do that than to go through the hassle of re-merging the single cell in Row 1. With a change of the cell reference in the VLOOKUP formula, the first formula can be placed anywhere convenient.
    In E1:
    =IF(LEFT(A1,1)="I",2,3)
    The result of this formula tells VLOOKUP to return the results from column 2 or 3 of the Current Pricing table, depending on the first letter of the text in A1 being an "I".
    In C3 and Filled Down:
    =IF(B>0,VLOOKUP(A,Current Pricing :: $A:$C,$E$1,FALSE),"")
    IF is used to return a null string unless there is a value greater than zero in column B.
    Looks for the item listed in Column A and returns the value from the row where that item is found and the column specified in E1.
    The error triangle in C9 is a "VLOOKUP cannot find.." error cause by the value '3” screws (25lb box)' not being found in column A of Current Pricing.
    The error triangle in D9 is "There is an error in C9".
    Regard,
    Barry
    PS: The line at the beginning?
    I had complete all but the last line of a previous version of this post, and was deleting the '3" screws..." bit which had pasted as a single cell unnamed table, when the software bumped me back to the previous thread in this community. Not the first time this has happened, and in this case, as in the ones before, there appeared to be no route back to my partly completed message. So it was start over time. (/rant)
    B

  • Multiple links in a pdf document

    i have a pdf document that is viewed online and has multiple links to it. I would like the customer to click the link and 2 things to happen. 1. a web page opens, and 2. a sepearte pdf opens so that when you close the pdf, the web page is the active document. I want this to all happen in  new tab in the browser theyre using. I dont know much about javascript but any help as to why i cant get the links to open properley or the documents opening in new windows instead of tabs would be greatley appreciated.

    Depending on what other text you might have, you could use the data list component.
    To get the text to have underlines, you will need to edit the repeated item. You can also adjust colors and fonts as well. The default rollover and selected states will probably not be the UI that want, so make sure you change those as well.
    Now for the interactivity, select the datalist, and use the interactions panel, choose "On Select", then "Go To Url", the trick is to make sure the "When a specific item is selected" is also set. Here are the basic settings to get your links working:
    Add new interactions for each item you want to be functional.

  • How can I change the length of multiple lines at the same time?

    This just seems like it should be a no-brainer, but obviously for me it isn't.  I'm trying to change the length of multiple lines, that are at different angles, at the same time, in CS4.  Basically, I design the face of dials used for airplane instrument gauges (like RPM, Torque, etc), and they have gradiation marks (lines) located all around, similar what a clock looks like with the hour and minute gradiation marks (lines).  Is there a way to select all the lines, that I know are the same length, and change it to a different length, that's accurate to the 1/100th of an inch?  It would just be like selecting multiple lines that have all the same stroke, then using the stroke box to change the stroke weight from .025in to .030in.
    I've used the transform box to change the 'height' of a line before, but the line has to be at 90 degrees (straight up and down), and that won't work for the lines that are at, say, a 45 degree angle.
    I hope i'm explaining this in a way that someone will understand. If not, I can sure try to clarify more, or insert the picture so you could see what i'm talking about.
    Thanks for any help you can give!

    OK, after fiddling around with everyone's ideas, I think I finally got it. I knew there had to be something with proportions between W and H, but couldn't figure out the math, until Jacob answered with:
    "If each line must be strecthed from the inner/outer end, you may select each and use the Transform palette, choosing the right Reference Point, multiplying by the proportion in W or H (1.75/1.5), and Ctrl/Cmd clicking."
    Now, I basically did everything above, (but I couldn't figure out what you were talking about with the Ctrl Clicking thing), except after figuring out the right proportion (which ends up being so small you guys would die if I told you the number; the numbers I gave earlier were just an example and much larger than what i'm really working with) I just clicked the little chain next to the W and H boxes to constrain the proportions. I then put the new number (multiplied proportion by whatever was in W) in the W box. The line lengthened perfectly toward the center of the dial, keeping the correct angle!
    And Harron-Thanks for the link to Teri's, It is going to help with some things I do, but most of the dials I design don't have equal distances between each gradiation mark, and the blueprints I work off of usually have exactly what distances that the grad. marks are supposed to be. So, after selecting one of my grad marks that is already at it's correct place, I then use the rotate tool and Alt-Clicking the very center of the dial, I can then put in exactly what distance I want the next grad. mark to be at, I hit copy (instead of OK) and there will be a new grad. mark exactly the correct distance from my original. Then if I want to have the 3rd grad. mark I just hit Ctrl-D and it will copy another mark to the next position. I don't know if you necessarily wanted to know all that, but i thought i'd explain why I like doing it that way.
    A BIG thanks to everyone! I'm really a AI newbie and am the only one at my company that knows how to use it, so I don't have anyone close to ask stupid questions to. So I appreciate all your help!

  • When closing 2 windows(with multiple tabs each), system restore does not properly restore the second window's tabs. Is this a bug in the new update/any ideas to fix?

    I regularly use 2 windows with multiple tabs each and session restore would work to get them all back, but after this latest update the second window does not restore properly, with the first tab not visible on top(only in drop down menu) and the add a tab button now on the left(instead of right). The add a tab button is not really concerning other than it indicates other problems with the tabs on tab of the 2nd window. Not having the 1st tab visible is frustrating, because I can not move it or as easily navigate. Also, the tabs on top of the 2nd window that are visible no longer have the "x" to close visible unless that tab is selected. I'm assuming this is a problem with the new release/update, since this is the first time I've ever encountered the problem, and I've shut down and restored Firefox a few times to make sure this was a recurring problem and not a one-time deal. Any ideas on how to fix would be welcome(other than perhaps cramming my tabs onto one window or sucking it up XD).

    Hi,
    You can try to '''Reset toolbars and controls:''' and '''Make Changes and Restart''' in the [https://support.mozilla.org/en-US/kb/Safe%20Mode Safe Mode] start screen.
    If the problem persists, please try a [https://support.mozilla.org/en-US/kb/Managing-profiles?s=profile&r=0&e=sph&as=s new profile]. You can later copy [https://support.mozilla.org/en-US/kb/Backing%20up%20your%20information?s=backup&r=1&e=sph&as=s needed data] from the old profile to this.
    [http://kb.mozillazine.org/Profile_folder_-_Firefox Firefox Profile Folder & Files]

  • Is it possible to change the page of a linked PDF without relinking?

    Is it possible to change the page of a linked PDF without relinking and going through the import options?
    I'm trying to import seveeral pages of the same PDF. The process would be quickest if I could import it once, then duplicate the image box a number of times, then just change the page number each image box is linking to.
    At the moment I'm having to relink (or place), then go through Import Options, then choose the page - it's a long process that feels like it should be quicker.
    Any ideas?
    Thanks

    The short answer is no, that's not possible, but it IS possible to import multiple pages at one time.
    My favorite script for this is from Scott Zanelli: InDesignSecrets » Blog Archive » Zanelli Releases MultiPageImporter for Importing both PDF and INDD Files, but there's also a sample script included with ID.

  • Multiple link of the same document

    1.I heard that when I buy a windows server, there comes also a free edition/foundation edition of sharepoint. Is it right?
    2. When I upload a document to the free edition of sharepoint, is there any position for me also to enter the metadata of the document to facilitate future searching of the document? Please show me some screenshots.
    3. Under ambiguous circumstances where a document can be put into two locations/folders, people suggest to set a multiple link to this document, so that when I click the link inside either one of the folders, I can get the same document. It means there is
    no need to upload the same document to both folders. It is not simply a normal shortcut which we usually come across in window explorer. Can Sharepoint do this?

    1. Yes, it's called SharePoint Foundation Server.
    2. Of course, this is a core functionality of SharePoint. See
    https://www.google.nl/search?q=sharepoint+document+library+metadata+screenshot&tbm=isch&tbo=u&source=univ&sa=X&ei=d9nIU6usNofGPNG6gPAF&ved=0CB8QsAQ&biw=1400&bih=748 for screenshots.
    3. No, although you can use the document id service to generate a permanent link and use that link in a metadata field to refer to the source doc. Not in the free version, though
    Kind regards,
    Margriet Bruggeman
    Lois & Clark IT Services
    web site: http://www.loisandclark.eu
    blog: http://www.sharepointdragons.com

  • Why is Firefox opening a separate browser window for each link instead of a new tab in the current browser window?

    Suddenly firefox has started opening a new, separate browser window for every link and thing I open. It used to just open a new tab in the current browser. I must have closed down 15 browsers when trying to get back to a previous web page - the back button doesn't work when each click leads to a new window opening! I went into options and my settings have not changed, they still say "open new tab" for links. This just started happening out of the blue today. What's up?

    Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    * Don't make any changes on the Safe mode start window.
    See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]
    If it does work in Safe-mode then disable all your extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    * Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
    * Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")

  • Change default Windows background during deployment

    I have a Windows deployment server up and running and deploying custom Windows 7&8 images which all work fine. I want to be able to change the default Windows background to a custom image during deployment so when a new user is created and logs in locally,
    my image is displayed rather than the default one. I know this can be done by changing an entry in the registry, but I would like some help in creating a script to do this during deployment and also where this script would have to be placed and how to run
    this. I am a noob at scripting and any help would be appreciated! ;)
    Thanks in advance

    I am using the process documented at the link below in my builds today with a lot of success. In addition to setting the background for every user, it will also allow for setting the colors and accents. Pretty good stuff from the guys at CoreTech.
    http://blog.coretech.dk/hra/change-default-windows-8-1-wallpaper-color-scheme-and-lock-screen-background/
    .bill
    Regards, Bill Moore @BMooreAtDell

  • Change Photoshop Elements 11 for windows into Phot now I don't have a windows PC anymore. Can change my windows serial number into a MAC/OS serial number? What do I have to do to get Elements 11(download) for OS an a serial number for Elements 11 for OS ?

    I have Photoshop Elements 11 (full version with Serial Number) for windows; now I don't have a windows PC anymore. Can change my windows serial number into a MAC/OS serial number? What do I have to do to get Elements 11(download) for OS an a serial number for Elements 11 ?

    You can download PSE 11 via the following linked web page:
    PSE 10, 11 - http://helpx.adobe.com/photoshop-elements/kb/photoshop-elements-10-11-downloads.html

  • I have a list a and want to use (CSR) Jslink to change the view but multiple fields

    I have a list but want to use CSR - jslink to change the view of multiple fields. Can a jslink have multiple fields to change. Looking at the samples
    here
    Would like to merge 2 or 3 script in one to do multiple things. Is this a best practice?
    Thanks in Advance
    Code snippet here below(tried this but not working for me.Sure im missing something): Trying to combine the prioritycolor and percentagecomplete together but not working
    // Create object that have the context information about the field that we want to change it's output render
    var fieldsContext= {};
    fieldsContext.Templates = {};
    fieldsContext.Templates.Fields = {
    // Apply the new rendering for Priority field on List View
    "Priority": { "View": priorityFiledTemplate },
    "PercentComplete": {
    "View": percentCompleteViewFiledTemplate,
    "DisplayForm": percentCompleteViewFiledTemplate,
    "NewForm": percentCompleteEditFiledTemplate,
    "EditForm": percentCompleteEditFiledTemplate
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(fieldsContext);
    // This function provides the rendering logic for list view
    function priorityFiledTemplate(ctx) {
    var priority = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];
    // Return html element with appropriate color based on priority value
    switch (priority) {
    case "(1) High":
    return "<span style='color :#f00'>" + priority + "</span>";
    break;
    case "(2) Normal":
    return "<span style='color :#ff6a00'>" + priority + "</span>";
    break;
    case "(3) Low":
    return "<span style='color :#cab023'>" + priority + "</span>";
    // This function provides the rendering logic for View and Display form
    function percentCompleteViewFiledTemplate(ctx) {
    var percentComplete = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];
    return "<div style='background-color: #e5e5e5; width: 100px; display:inline-block;'> \
    <div style='width: " + percentComplete.replace(/\s+/g, '') + "; background-color: #0094ff;'> \
    &nbsp;</div></div>&nbsp;" + percentComplete;
    // This function provides the rendering logic for New and Edit forms
    function percentCompleteEditFiledTemplate(ctx) {
    var formCtx = SPClientTemplates.Utility.GetFormContextForCurrentField(ctx);
    // Register a callback just before submit.
    formCtx.registerGetValueCallback(formCtx.fieldName, function () {
    return document.getElementById('inpPercentComplete').value;
    return "<input type='range' id='inpPercentComplete' name='inpPercentComplete' min='0' max='100' \
    oninput='outPercentComplete.value=inpPercentComplete.value' value='" + formCtx.fieldValue + "' /> \
    <output name='outPercentComplete' for='inpPercentComplete' >" + formCtx.fieldValue + "</output>%";

    Hi Patrick,
    It works in my test environment using your code.
    I suggest follow the steps as below:
    1. Save the following code as a js file (TaskListView.js) and upload it into the SiteAssets Document Library.
    2. Edit the list view page.
    3. Edit the list web part. Go to Miscellaneous -> JS Link.
    4. Add the following URL into the JS Link textbox.
    ~site/SiteAssets/TaskListView.js
    5. Click "OK" and save the page.
    If it still not works, please check whether active the Minimal Download Strategy feature in site feature or not.
    Best Regards
    Dennis Guo
    TechNet Community Support

  • Changing the bitrate of multiple songs

    Let's face it...who needs a 3:42 song to be 10.7 MB? I was wondering if there was a way for me to change the bitrate of multiple songs at one time to, say, 128 kbps?
    eMachines   Windows XP  

    First you need to change your import settings to the format and bitrate you want, for example, AAC 128kbps. Then go to the list if songs you want to change. Click on the first song in your list then while holding down the shift key click on the last one. This will highlight all in between. Go to the Advanced menu and click on Convert selection to AAC:
    How To Choose Import Settings
    How to convert a song to a different format

Maybe you are looking for