How to add "Click to see more" inside the same page

Is there an easy way to "hide" some of the content in a page so that the reader can "Click here" to load the hidden content inside the page? I've tried Spry Accordion and Collapsible Panels but it seems like some browsers won't show this well. Any ideas? Anyone?
Thanks!
Hanna in Tahoe

You could look at the jquery framework to show and hide a div:
http://papermashup.com/simple-jquery-showhide-div/
You can do a google search for 'jquery show hide content' and you'll find quite a few other articles/tutorials on how to do this.

Similar Messages

How do I create a duplicate image inside the same page? Then how do I change the color of that image

how do I create a duplicate image inside the same page? Then how do I change the color of that image from black to red?

Hello there!
Here is one way to create a duplicate image and colorize it. As you can see below, I have one image right now, that I want to duplicate.
My layers panel looks like below.
To duplicate your image, click the downward arrow on the right side of your Layer Panel.
Select Duplicate Layer. This will duplicate the layer that the image is on.
Select "OK" to approve the duplication.
As you can now see in the Layers panel, the image is duplicated. The new layer is now at the top of the Layer panel.
Now to colorize your image, go to Window > Adjustments.
The Adjustments panel will now be opened. Select the Hue and Saturation icon as seen circled in red.
The Hue and Saturation propertied panel will be opened. I selected "Colorize", and adjusted the hue and saturation bar to achieve the level red in my photo.
As you can see below, the image is now red.
Now i want to make sure only ONE of my image layers is red. I moved the Hue and Saturation layer to only be on top of the bottom layer. The image on the top layer now will not be affected by the red.
Select the move tool, so I can now move the image layers so we can see both of them.
With each image layer selected, you can take the move tool and move the images. I moved mine on top of eachother and you can see my red layer (bottom) and the non red layer (top).
I hope that helps. i have also included helpful links.
Please post back with any questions,
Janelle

How do I combine text and photos on the same page in iPhoto using photobook

How do I combine text and photos on the same page in iPhoto using photobook?

You mean while creating a book in iPhoto? Click on the layout button while viewing a page and select the layout that includes both text and photos. Most themes will have those options.
OT

How do I type Hebrew and English on the same page

How do I type Hebrew and English on the same page in Indesign?

What version of InDesign are you using? And on what operating system? Switching keyboard ("input methods") is in your OS, not in InDesign. InDesign has had the capability to display right-to-left languages since CS4, but only the Middle East edition has the abilities to actually manipulate Hebrew text. If you're trying to do a bilingual, bidirectional document, you'll need the ME edition. If you are a CC subscriber, it comes with your subscription; if you are not, you'll need to buy another version of ID, or a plugin that will allow you to access those RTL features.

How to get a form to appear on the same page when a button is clicked?

Hi,
I have a report on a page with a create button. When a user clicks the create button, a form should appear on another region in the same page....how do i go about doing this?
I know how to do this if the form is on a different page, but i'd like the form to appear on the same page as the report and only when the button is clicked.
Thanks.

Hi,
I did the following, but it didnt work....
1) Created a hidden item on the page, and in the Default Value field, I set the value to N.
2) Created a button in the report with the following values under "Optional URL Redirect":
Target is a: Page in this application
Page: 4
Set these items: P1_SHOW_FORM
With these values: Y
3) Created a form of HTML text type with the following values under "Conditional Display":
Condition Type: Request=Expression 1
Expression 1: P1_SHOW_FORM='Y'
What have I done wrong or have i missed something?
Thanks.

How to create links to different files on the same page?

Good day to all again,
can someone please guide me through creating several links to different files on the same page. In other words, I am creating a photo page where my links are called Gallery 1, Gallery 2, etc... I would like to create links so when the User clicks on Gallery 1, they see Gallery 1 slide show in the frame; when the user then clicks Gallery 2, then they see Gallery 2 slide show in the window.
My slide show files are done and I am using GoLive CS2. I have no knowledge of JavaScript or ActionScript/Flash.
Any suggestions are highly appreciated.
Thank you
Alek

Hi Diana,
I'm a professional photographer and in the process of getting
my finished site published. I used Coffeecup Photo Gallery. You can
create multiple albums on the same page. Do a Google search for the
address. It's easy, inexpensive, and it works. I tried to do this
with the Photo Gallery in DW and FireWorks--but couldn't get it
right. CC uses Flash and Javascript.
Good Luck

Auto collapse a mobile accordion menu when clicking links to anchors on the same page

I'm building a mobile site, with the accordion widget containing the a menu widget, pinned to the top (i added custom css to pin it to the top).
its a single page site, so all the links are to anchors in the same page.
how can I make the accordion close when clicking the links in the menu?

You can try the suggestion mentioned here :
http://stackoverflow.com/questions/21649839/make-accordion-close-on-second-click-jquery
http://stackoverflow.com/questions/9260068/collapse-jquery-accordion-on-click
Thanks,
Sanjit

How to set item values when redirecting to the same page.

I just created a redirect button that I want to redirect to the same page and set the 2 page items on the page to the same value they had before the redirect.
But I can't write:
Set These Items: P1_Permit_Number,P1_Fishing_Year
With These Values: &P1_Permit_Number.,&P1_Fishing_Year.
Because there are no values in the session state, since a submit has not been done.
So how do I do this?
I know how to get the values stored in the items, e.g., $v('P1_PERMIT_NUMBER')
but where do I place that command? It's not allowed under "With These Values"
And I don't really want to make this a submit button and create a process that says:
P1_PERMIT_NUMBER := $v('P1_PERMIT_NUMBER') because that would complicate the page too much -- I already have other processes and branches on the pages whose conditions would have to be modified so that they don't run during this scenario.
Thanks.

Thanks Gary and Andy. I rewrote the function according to above instructions:
function redirectToURL()
var permitNumber = document.getElementById('P1_Permit_Number');
var fishingYear = document.getElementById('P1_Fishing_Year');
var url = 'f?p=&APP_ID.:1:&APP_SESSION.::::P1_Permit_Number,P1_Fishing_Year:' + permitNumber +',' + fishingYear;
window.location.href = url;
But when I entered a value for permit number and fishing year and redirected, the word "null" appeared in the Permit page item, instead of the permit number that I had entered.
Remember that I am not submitting here. So if the syntax you showed me, i.e. getElementById('P1_Permit_Number'), searches for the item's session state, then it will be wrong, since there is no session state value for the items at this point. Perhaps that is the reason I got the null?
If so, what can I do?

How can I jump to certain region on the same page?

Hi,
I want to jump to certain region on the same page.
1) Let say I have 5 regions on page 15 and I have to able to redirect from region 1 to region 5 with out scrolling.
2) I have to able to branch from page 2 to page 15 ==> region 4.
How can I do it?
I thank you for any help in advance.

I can get this to work but the page is submitted, either when I use a button with URL link or from a link on a display only text field.
Is this how it is supposed to work? I thought it was supposed to work just on the browser so it is fast.
IGNORE THIS!
=============================
I resolved it easily by modifying the URL from f?p=blah blah to #LINK_NAME
Message was edited by:
user530800

I'm unable to expand stories in Facebook when I click on 'see more'at the end of the story.I click but it doesn't open the rest of the story.Why?

In Facebook, stories that are to long for display in current window are followed by the 'see more' tab.When I click see more in Firefox It doesn't open the remainder of the story,However It does work when I use this feature in IE,Must be a Firefox issue,How can I fix this problem I would rather use Firefox as my Internet Browser.

Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
*Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

How do I make dreamweaver links open on the same page?

Hi all,
I've created a site that has div tags for Header, navbar, main content, and footer. I am using a sprybar menu and I want the content of the hyperlink to display in the main content area. I know this was previously accomplished with frames and I could select the target as the main frame, but I hear that is bad practice or is becoming more obsolete with CSS. I have some intermediate knowledge with CSS. Does anyone know how I can accomplish this? I am using Dreamweaver 6

One page websites aren't really a good idea as far as search engine optimization goes. It's better to have multiple pages with the same design that your menu moves to when clicked.
That being said, you could do what you're talking about using javascript to change the display css of content <div> tags where, to start, there is a general info <div> and when one of the menu items is clicked, that <div> has its display property set to none, while another has it's display:none changed to display:block (so it appears). Each link would turn off all of the containers that aren't specific to the link itself, while turning on that one container that is.
I use a script like this normally...
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Quick, Little Show/Hide Script</title>
<style>
#one, #two {
    display:none;
</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>
<div id="one">some text</div>
<div id="two">some other text</div>
<div id="three">yet more text</div>
<a href="#" onclick="turnoff('two'); turnoff('three'); turnon('one');">One</a> | <a href="#" onclick="turnoff('one'); turnoff('three'); turnon('two');">Two</a> | <a href="#" onclick="turnoff('one'); turnoff('two'); turnon('three');">Three</a>
</body>
</html>
In the above example, divs one and two are turned off by default in the css. Div three shows when the page is loaded. The javascript tells a chosen id to change its display css to block or none depending on the function called in the onclick of a link. The link for "One" uses turnon('one') and turnoff('two') and turnoff('three') so, when it's clicked, two and three are set to display:none and one is set to display:block no matter what they were at to begin with.

Dreamweaver Crashing when clicking any function not on the same page - related files disabled

Whenever I click a PHP function that wasn't defined on the same file the entire application immediatly crashes. I've only found people mentioning crashing when dynamically-related files cannot be found, so I disabled that feature in the preferences. The application is still crashing. What other features do I need to disable to get dreamweaver to actually run and not try to take over my application.

floleft wrote:
I don't utilize quite a few of the features that dreamweaver offers. I mainly use dreamweaver for FTP and code highlighting. I use the code tab 100%. All I'm doing is writing PHP in code view. If I click anywhere on the same line of the PHP function that isn't defined within the same ".php" file, the entire application crashes. I'm not sure what FF is. Firefox? Why would it matter what version of firefox I have?
Because of this error I'm back to using notepad. I never expected dreamweaver to crash when using it as a text editor with code highlighting.
Sorry that last part was a typo. I think that I was thinking at first that it was crashing with a preview not in code view and I was thinking about browsers.
What version of PHP is this that you are programming for? And what I meant to say was what version of Dreamweaver and what OS? And have you made sure all extensions are disabled and all updates are installed?

When I open up a new tab on firefox, the bar shows that the tab is there, but when I click on it, it is the same page as what I have before. When I try to change the page on the "new tab" the original tab changes. Why does this happen and how do I fix it?

This problem is even occuring as I type this information. I tried to click a "show details" button and it didn't work. The tab "opened" but I couldn't get the page to switch to the tab after clicking on it.

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
* Don't make any changes on the Safe mode start window.
* https://support.mozilla.com/kb/Safe+Mode
If it does work in Safe-mode then disable all 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")
In Firefox 4 you can use one of these to start in <u>[[Safe mode]]</u>:
* Help > Restart with Add-ons Disabled
* Hold down the Shift key while double clicking the Firefox desktop shortcut (Windows)
* https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

How to go to a particular field of the same page by clicking the radio button.

Hello All ,
           I am working on a form which is designed by some one else . There is a Page - 8 . And there is a question at the first which is in another subform.
           At the end there are several radio buttons . If some one is clicked as yes then the focus should be on Question which is present at the beginning of the form.
My code goes like this .
if(TopmostSubform.Sub_Form_Section.Page8.RadioButtonList[0].Q9_EnterAnotherProgramRegEntSt ate[0].this.rawValue ==true)
xfa.host.setFocus(' TopmostSubform.Sub_Form_Section.Page8.Table.Row[1].Cell[1].Q9_ProgramNm');
Form hierarchy for Q9 _ProgramNm is -- TopmostSubform.Sub_Form_Section.Page8.Table.Row[1].Cell[1].Q9_ProgramNm
Form hierarchy for radio button is -- TopmostSubform.Sub_Form_Section.Page8.RadioButtonList[0].Q9_EnterAnotherProgramRegEntStat e[0]
The event should be click event on JavaScript.
Please someone help !!!!

Hi
In the second screen, for field empno, set the attribute Output only as X and set group1 for empname as 'INP'.
In PBO of second screen, write this code.
loop at screen.
case screen-group1.
   when 'INP'.
     if sy-ucomm = 'DISP' . "sy-ucomm value when you click display
       screen-input = '0'.
       modify screen.
   endif.
endcase.
endloop.
regards
Navneet
Message was edited by:
        Navneet Saraogi

How can I use two tabular forms on the same page.

I have create one tabular form in page and try to create second tabular form so
it gives below error.
1 error has occurred Updatable SQL Query already exists on page XXXXX.
You can only add one updatable SQL query per page. Select a different page.

I can get this to work but the page is submitted, either when I use a button with URL link or from a link on a display only text field.
Is this how it is supposed to work? I thought it was supposed to work just on the browser so it is fast.
IGNORE THIS!
=============================
I resolved it easily by modifying the URL from f?p=blah blah to #LINK_NAME
Message was edited by:
user530800

How to add "Click to see more" inside the same page

Similar Messages

Maybe you are looking for