Help put links on the spry accordion graphics

I have a sidebar with a spry accordion. Each content area has a picture inside. I want users to be able to click on the image (after the accordion is opened to her) and a link to another page. But I can't find anyway to attach a link to the image inside the accordion. Help, please!

Thank you.

But I can't find anyway to attach a link to the image inside the accordion. Help, please!

Click on in the tag in Code view, and add the link using the property inspector.

Tags: Dreamweaver

Similar Questions

  • Impossible to create LINKS to the Spry menu bar?

    It is very a noob question. How associate you one of your drop down Menu bars Spry? It is said, 'Link' then space Box and a folder next to it (properties panel). But when I try to put a Web site address (NO LINK to a HTML FILE) it does go on the website I want? It was just my Web site and the site that I want to go. An example. www.Adobe.com/#www.Facebook.com... GHHRRRRR! Visit my website and move your mouse to teams and click on Squishy Docious (I.e.) and you will see (WWW.RYGUYLIVINLIFE.COM/#WWW.FACEBOOK.COM) on your navigation (http:// bar) and it happens every time I try and link other downs drop spry. Help, please.

    Hi ryanjaymes,

    Please hold your horses! You said "... She is wrong on the site that I want to". You think (or Miss) something like that? > http://hansgd.de/AdobTest/spryLink.php. It is made with Spry in DW Menu and you can link to a website with my example.

    My second sign leads you to the spry examples: http://labs.adobe.com/technologies/spry/samples/, where you can get most interesting inspirations.

    Hans-Günter

  • link to the spry or accorion tab does not

    I was in http://foundationphp.com/tutorials/spry_url_utils.php Mr.Powers (great suff incidentally!) and I tried using the code in the tutorial just as described to create the links to the default tabs or accordions on other pages but not having a chance. The link takes me to the page, but not the target tab or accordion - whatever the I try.

    Also, once I change the script at the bottom of the page code, it causes the tab or accordion panels to display as a continuation to the bottom of the page, not contained in the element. As if a div tag was left out or something.

    First, I copied SpryURLUtils.js from version 1.6 of Spry in the SpryAssets folder.

    (2 pages shown here work test pages in my site for linking Panel accordion).

    Here are the places and the code that I entered this page (www.wilsonchiropractic.net/Research/Copy_CurrentLit.html)

    a link to the bottom without opening panel accordion (H1N1...):

    At the end of the head section:

    <script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
    <script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
    

    Then at the end of the page inside script tags, I changed the variable identifier Accordion1:

    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.panel ? params.panel: 0});
    

    (it's the code that makes the whole Panel, accordion or tabs, continue out of the panel container).

    Finally, this is the link to the start page - ( http://www.wilsonchiropractic.net/LinkTest.html ):

    <a href="http://www.wilsonchiropractic.net/Research/Copy_CurrentLit.html?Panel=1#Addordion1">test link to research panel</a>
    

    There are a number of other links to tabs or other accordions, that I need to create. I guess if I can get this figured out coding, I can get to work.

    Help, please! Thank you!! -Jeff

    I have not looked at your page in detail, but the passage through the W3C validator reveals a large number of errors. You must correct these first before you start troubleshooting with SpryURLUtils.js.

    However, I have noticed two things:

    • Your link uses a Panel (with a capital P), but the script block in the page Panel (with a small P). JavaScript is case-sensitive, so it won't work.
    • You have linked to Addordion1, not Accordion1.
  • Problem with IE box put white behind the spry navigation bar

    IE is also distort menu nav bar boxes in a different random order as well as to a white box behind the spry navigation bar.

    All works fine in Chrome, Safari, and Firefox.

    Does anyone know how to solve these problems?

    The site is http://www.phonicsfaster.com

    I would really appreciate help.

    Thank you

    FM

    Do you want to say just do a div boxes style line as I want them to look in a row? What method would you use to make the color change and also enable it to have a direct link? In DW I usually use image swap behavior for a change on mouse over.

  • a link to the Spry tabs Panel

    Hello
    I need help connecting a tab in the Spry tabs Panel, the second tab in this Panel is "details", I want to create a link in the homepage to this tab, so clicking on the link will take you to the Board page where the second tab is opened and displayed. How can I do this?
    Thank you

    Check out this tutorial by David Powers, I used it a few days ago and it works perfectly.

    http://foundationphp.com/tutorials/spry_url_utils.php

  • How to change the links of the Spry Menu

    I have a Horizontal Spry Menu on my page and have some questions about the creation of the custom links:
    -I know how to add a link to my reports, Pages, etc. using the link properties
    -I also know how to open the link in a _blank page by using the target property box

    But

    -How can I change the link of the Menu in the code to open my new page in a new smaller window?
    (Currently, TicketSummaryAcct.cfm page opens fine, in a new window 'full')

    Here's the code currently found under this key Menu:
    ---------------------------------------------------------------------------------
    < li > < a href = "reports/TicketSummaryAcct.cfm" title = "click here to print the report by account number in PDF format" target = > _blank "> by Acct # Prompt < /a > < /li >"
    ---------------------------------------------------------------------------------

    Thank you
    jlig

    In the header of the Web page:

    in the "links" section:

    JavaScript:popUp('reports/TicketSummaryAcct.cfm')

    do not use a target attribute, because it will break the javascript code in my experience. If you use the pop - ups in more than 1 webpage, or even for good programming practices, make a page function.

    Name of the Web page: newWindow.js

    function popUp (URL) {}
    day = new Date();
    ID = day.getTime ();
    eval ("page" + id + "= window.open (URL, '" + id + "', 'toolbar = 0, scrollbars = 0, location = 0, statusbar = 0, menubar = 0, resizable = 0, width = 350, height = 300');'");
    }

    And then, in the webpage (s) that you need from the pop-up window for the header, add this:

  • How to combine the Spry Accordion with link pseudo classes?

    Hello

    I tried to get the text of the link I've included in the tabs Panel accordion to behave according to the behaviour of the accordion (in particular the hover state) but so far struggled to do. I hope I explained that well - does anyone know if it's possible to do? I can provide the code later if necessary.

    Essentially, when you hover over the text of the link it works as expected, but as soon as you place the cursor on it - while still having your mouse over the tab-text changes color (which is okay) but because you're still hovering above the current tab, only the background color is clashing with the color of the text. If you mouse then on the tab itself the background color changes and everything seems normal again. I am looking for a way to combine the features of both, namely to have the sequence of the text, but with the right css applied so that it looks correctly part of the accordion behavior.

    Help would be very appreciated.

    See you soon.

    If you change

    onclick = "MM_goToURL ('parent', ' audio / index.ht ml');" return document. MM_returnValue'> Audio

    TO

    Audio

    It works the way you want.

    Also have a look here http://backyardfurniture.com.au on the Help menu of the Accordion Panel.

    GRAMPS

  • Help with link to the home page

    Hello

    Can someone help me?

    I created a website and now I create a second folder / file. How can I link this second issue to the homepage in the first folder?

    Sorry for my English

    It is not quite clear whether my assumption that you are working with two. MUSE files is correct.

    However, if it is correct and that you develop both. MUSE of files and their download to host online location, so when even if you change the file names, the last download index.html file will overwrite the index.HTML of the first download.

    Something else to try is:

    • create a subdomain for the second site, it does not cost any extra.
    • Then download the second .muse to the subdomain site.

    If possible provide us with screenshots of what you're trying to reach, sometimes helps us to better understand what the problem is. You can insert them into the answers by clicking on the small camera above the text box icon.

    CARI

  • Help lines to place the text and graphics

    CS6 past a few days ago. In CS5, I liked the thin lines and arrows that pops up to tell me that I put something right center column, or just online with a block of text or graphics at his side, etc. He seemed to be the default in CS5 but not in CS6. I only know the name of these things if I could change my preferences or press a button to activate their ID CS6. Can someone show me the way?

    The toggle for Smart Guides is Cmd (Ctrl) u.

  • Modification of the Spry Accordion CSS rule

    Hello community,

    I inserted an accordion Spry menu in my paper and edited the file .css for the accordion. Now, he is:

    . {AccordionPanelContent}

    display: block! important;

    overflow: visible! important;

    height: auto! important;

    }

    This means that the change in height is not possible? The browser will display errors if I change that?

    Kind regards

    MC

    Hi MC,.

    It is possible to change the height of the accordion, the section of code that you included in your post is the rule for printing and located near the bottom of SpryAccordion.css, the rule on the screen is actually located on line 78 of file and new should read.

    . {AccordionPanelContent}
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: 200px;
    }

    I myself have successfully edited the accordion spry without any problem, one of my readings of rules, which in fact allows the content panel to grow with its content.  You can see it live here, http://www.eandhbaxendale.com/online-enquiries/trussed-rafter-enquiry/

    . {AccordionPanelContent}
    overflow: hidden;
    height: inherit;
    margin: 0px;
    padding: 0px;
    }

    Richard

  • Change Active (?) Link in the Spry menu bar

    I have inserted a bar menus horizontal spry in my page and have adjusted behaviors for link properties (l, v, h, & a). However, I would like the text of the button menu spry to a specific and constant color for the active page linked (destination). For example, the background color of the menu bar is grey dark (#282828) and the text is light gray (#D9D9D9). If I point and click on the 'About' button the text is orange (#D96E11). How could I go to keep the text of this orange color once the page 'About' is reached?

    I am a newbie to DW, so I am not able to follow and understand your answer here. You said, ' give the tag which represents the current page ID. Where and how can I achieve this? From there, ' and then create a new style for the ID rule ". Do you mean create a new CSS rule-> type of selector: class?

    New DW isn't a problem, but to use it successfully, you must understand the HTML and CSS. Judging from your questions, you're new to them, too. Again, this is not a problem, but your progress will be slow and painful until you master the basics of these two technologies.

    There are several ways to add an ID to a tag of , but the best way is to first create the style rule. The example I gave is an ID selector, not a class. Class selectors begin with a dot (period). ID selectors begin with the pound sign.

    Once you have created the style rule and saved your stylesheet, you can position your cursor within the binding to which you want to apply the code. Then right click in the tag in the selector tag at the bottom of the Document window, and then choose Set ID > here on the shortcut menu.

  • Please help put in place the second router Wireless extender

    Morning everyone,

    I bought a Linksys WRT 1900AC recently to replace my Linksys E2500. The wi - fi signal is much stronger, but he can barely do in my room. As such, I would use my old E2500 as a range extender. I have already run the ethernet cable (cat 6) from the router WRT 1900AC main to the E2500.

    After spending 2 days by reading the documents, I still have the problem to connect two routers. My understanding of routers and networks is limited.  I would appreciate your help.

    Here's what I want to accomplish:

    1 cable connection to the internet is through (E2500 PC); OR

    2. connecting to the Internet via wifi

    3. If possible, using the same SSID for both routers

    Please give me instructions step by step, if you can. My understanding on this subject is poor.  Thank you for your help.

    Noos.

    PS. If you have a easier and/or a better way to extend my range, I'd like to hear it.

    see if the instructions here helps. Follow configuring lan lan step by step and you should be able to do work. http: http://www.linksys.com/us/support-article?articleNum=132275/www.linksys.com/us/support-article...

  • How to put links to the reports by e-mail?

    We use ibots to schedule reports, then distribute them by e-mail.
    Is there some way, we can send the links instead of reports.
    The link that we see in the browser for a specific report should be sent by electronic mail instead of report.
    Users should be able to click on the link and then provide the credentials to connect. Then only, they should be able to see the reports.
    Can anyone suggest a way to do this.

    Thank you
    Swetha

    OK, how about a total different approach?

    You said that you needed your reports to run at a time specific (you gave the example of 09:00) with the data at that time. Links must be to the 'already-run' reports, not having only not reports to run when you click the links. Yes?

    If so, then think about this. Use your iBots to run at the scheduled time and file reports on a file server. How? Read this:

    http://oraclebizint.WordPress.com/2007/12/17/Oracle-BI-EE-101332-calling-Java-scripts-and-Java-classes-from-ibots/

    Now you can use your email application to send regular emails (when reports are run) to have users access to reports on the server at a given time. You can create a javascript script for each different place depending on who needs to see that report. In this way, the when users connect to the site, they see only the reports that they are supposed to see.

  • How to remove a tab in the menu accordion?

    I have a page that I created for my Web site, which offers a menu accordion on that.  Initially, I created the menu in Dreamweaver CS4 using the Spry Accordion Widget, then transferred this code to the page of the site.  The words in the menu, I use images for each dropdown tab menu.  I'm trying to remove the last tab in the menu, but every time I do my entire menu no longer functions and the tabs, when you click on it, is no longer fall down.

    http://www.tocico.org/?page=2015_workshop_test

    Above is the link to the page I'm working on.  The last tab of the menu called OCD (over the button register now) thought processes.  All I want to do is remove this tab, but when I do, everything on the menu no longer works.

    Please let me know if you need anything else from me.

    Nevermind, I was able to understand.  After that I had deleted lines 631-644 the code had changed for some reason any.

    CHANGED TO THIS:


    TO DO THIS:

    //

    []] >

    It turns out that I was just missing the code at the end.  Thanks for your help!

  • Default Spry Accordion Panel

    CONTEXT: I inserted a Spry Accordion with six different panels. Each Panel has its own set of links. Each link corresponds to a page in a long series of linked pages which together form a single document. Each panel of links represents a contiguous set of linked pages and a section of the document. In addition, I created a model for the entire document which includes the Spry Accordion just described.

    GOAL: create an editable region in the template that will allow me to control the default Panel for each page of the document.

    FAILURE of ATTEMPT: documentation Adobe to set the default for the Spry Accordion Panel suggests the following JavaScpript:

    < script type = "text/javascript" >
    var acc8 = new Spry.Widget.Accordion ("Accordion8", {defaultPanel: [someNumber]});
    < /script >

    where someNumber is an integer that is greater or equal to zero. When this code is entered into the model error.

    DISCUSSION: continued research in the JavaScript file that controls the accordion, I was able to find the function that controls the default Panel. It appears like this:

    Spry.Widget.Accordion = function (element, opts)
    {
    This.Element = this.getElement (element);
    this.defaultPanel = 0;
    this.hoverClass = "AccordionPanelTabHover";
    this.openClass = "AccordionPanelOpen";
    this.closedClass = "AccordionPanelClosed";
    this.focusedClass = "AccordionFocused;
    this.enableAnimation = true;
    this.enableKeyboardNavigation = true;
    this.currentPanel = null;
    This.Animator = null;
    this.hasFocus = null;
    This.Duration = 500;

    this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
    this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;

    this.useFixedPanelHeights = true;
    this.fixedPanelHeight = 0;

    Spry.Widget.Accordion.setOptions (, opts, true);

    Unfortunately, some browsers like Safari, style sheets in our
    page depends may not have been loaded at the time, we are called.
    This means that we must postpone attaching our behavior until after the
    OnLoad event is triggered, because some of our behaviors are based on dimensions
    specified in the CSS.

    If (Spry.Widget.Accordion.onloadDidFire)
    this.attachBehaviors ();
    on the other
    Spry.Widget.Accordion.loadQueue.push (this);
    };

    QUESTION: How can I access this feature of in my template to change the setting for this.defaultPanel?

    Quote:
    The main JavaScript file for the accordion can be controlled by a
    model, since he lives in a separate .js file.

    I do not use templates myself, but it looks like the correct way to approach
    the problem is the one used on your 'ATTEMPT failed. You can try it
    again and report message the exact error you get and at what stage. Maybe
    you get help on that.

    EXPRESSION OF GRATITUDE
    Thank you for your encouragement. Indeed, part of the solution to my problem was discovered through a reconsideration of my attempt failed. The other part came from the information provided me while helping another person with a related, but different problem. It turns out that the line of code in my failed ATTEMPT is automatically placed in the model when the SPRY accordion is inserted. Unaware of his presence and the right place I am he entered by mistake a second time. This triggers not only an error message, but it renders unusable, various other parts of my document.

    THE SOLUTION
    First step: find the line of code that is similar to that given by the following text:

    In my model, this code was found at the bottom of the HTML body tag.

    Second step: understand that the name of the variable 'acc8' and the name of the "Accordion8" parameter provided in the sample code above are arbitrary, and that the two are automatically defined when then a SPRY accordion is inserted. Important is that these names are likely to be different from what you see in the sample code above, and that you need and probably should not edit them in your document.

    Step 3: change the number in the name pair: value indicated as defaultPanel:2 to a number between 0 and one less than the number of panels that you create in your accordion. It is this number that allows you to determine the Panel that appears when the document is opened.

    Step four: Save and test in your favorite browser. Enjoy!

    CAUTION:
    This experience taught me a crucial lesson on the use of Dreamweaver. Dreamweaver has a mind of its own and can easily ruin you in seeking to correct your own mistakes for you. The solution is to save your document with a second copy before attempting any innovation that is not already integrated in the Dreamweaver program.

    FURTHER EXAMINATION:
    As I created a template to use with other documents, I will now try to make this area of my template editable, so that I can change the default setting of every other page that I create from my template. As I still do this, understand that the steps above, even if it is valid for a document template, may or may not be valid for pages created from the template. I hope they are and it will keep experimenting.

Maybe you are looking for

  • Extraction of table 1 d Index

    Hey all,. I am relatively new to the use of LabView and can not find a way to achieve this. I have 2 tables, guard A and table B. I have want to search specific of table B values by analyzing the table first and noting what places, index, they are. A

  • Lack of netfix.msi - cannot install 2572067 KB

    original title: install KB2572067 I need installation package 1043 netfix.msi where become? (I'm not able to install this critical update without it from the Windows Update site by hand, the website tells me) The update from the windows update servic

  • Alureon Rootkit bar me bad. HELP Please!

    Hello dear users of Windows. This is my first post here, because the problem is so serious that even I could not remove it (or I don't know I did). Problem:  I was infected by the famous Alureon rootkit. Reason: I think it has been updated for Window

  • invalid parameter

    just installed 1050 tried perfectly and according to the manual, then install a coupon printer message "invalid parameter" came, I uninstalled, reinstalled again, perfeclty, tried to install again, but unfortunately, the same message came, any ideas?

  • I can't get the printer installed "ready" online on my Mac, but shows as installed and ready

    Have used the cd to install HPPhotosmart printer wireless D110 on my Mac and everything seems fine, even to test print, but tab 'printing' do not illuminate or allow the use of change offline online mode, little matter what I tried including: Uninsta