How to prevent large blank spaces on webpage when using Slide Behaviors?

I searched the forums for similar problems with applying the Slide Behaviour to elements through the DW CS5 interface and found a useful post titled "Problem with Applying Spry "Slide Effect" so now my slide effects works the way I want, except instead of sliding out a caption after clicking on an image, I slide out a list of text items when clicking on a section of text. This works, but there is a large gap when the webpage first loads. How can I remove/prevent this large white space from appearing?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Testing Document</title>

<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectSlide(targetElement, duration, from, to, toggle)
          Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
</script>
</head>
<body>
<p> </p>
<p> </p>
<style type="text/css">
#LOdiv{ visibility: hidden;}
#Countries{ visibility: hidden;}
</style>
<p> </p>
<p> </p>
<div id="ListOne" onclick="MM_effectSlide('LOdiv', 1000, '0%', '100%', true)">
<p><strong>Drop Down List One + show      </strong></p>
</div>
    <div id="LOdiv">
    <div>
      - Item A<br/>
      - Item B<br />
      - Item C<br />
      - Item D<br />
      - Item E<br />
      - Item F<br />
      - Item G<br />
      - Item H<br />
      - Item I</div>
</div>
</div>
<div id="ListTwo" onclick="MM_effectSlide('Countries', 1000, '0%', '100%', true)">
<p><strong >List Two + show </strong></p>
</div>
<div id="Countries">
          <div>
               - USA<br/>
      - Germany<br />
      - France<br />
      - Italy<br />
      - Japan<br />
      - China<br />
</div>
</div>
<span style=' width:990px; height:21px'><img width=990 height=21
src="image386.gif">
</span>
</body>
</html>

The link to the html code can be found at:
https://docs.google.com/leaf?id=0B_S-KEeOr-KhNzQwYzQ5MWQtNTVhYy00OTg1LWJjYTQtODIzOWUwM2ExM 2Yx&hl=en_US
but it needs to access the link SpryAssets/SpryEffects.js (from DW)
When you open it in a browser you will see a large gap between the two lines:
"Drop Down List One +show" and
"Drop Down List Two + show"
clicking the mouse on "Drop Down List One +show" causes a hidden element to drop down. re-clicking causes it to shrink, and thus removing the large blank space between. I don't know how to initially present the two lines without the large initial blank gap between them.
I tried previewing in Chrome, Firefox, and IE - all look the same.
Thanks.

Similar Messages

How to prevent creation of view object rows when using browser refresh butt

HI i have the following problem:
I have a creation form using a partial submition. The problem is that if i have entered some value by using autosubmit , this value will be setted as attribute in the ViewObject . After that if i click refresh button of the browser then the new Row of the view object will be created and i will have a pending row with setted attribute. So if execute commit then the both rows will be tried to commit. How can i prevent this?
Krasi

Hi,
If i've understood you have a invokeAction that create a new row, right? If yes put on condition that it invokeAction won't invoke if is a postback.
Let me know if i miss understand your doubt.
Best Regards

How to prevent the insertion of rollover code when using a template

Hi there
I am designing a site in Dreamweaver using templates. These templates use rollover images. The code that DW uses for the rollover I have abstracted out into a separate javascript file, which is linked to in the header. Further, I am using window.onload() to call the preloader instead of the <body> onload event. All this works fine.
The problem is that every time I make a change to the template, DW re-inserts the rollover code into the head of the HTML file, and reinserts the preloader code into the <body> tag.
Now, I have found a solution to the <body> tag problem by changing the preload flag from 1 to 0 in the link created; it seems that DW uses this flag as in indication of whether to insert the onload code into the boday tag. So that part is fixed.
But I can't find any way to keep DW from inserting the unecessary and redundant rollover code into the head of the generated HTML files. Is there a way I can prevent this from happening?
...Mike

Just don't externalize your js until the very last step before publishing.
You can let the dev team know about this here -
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

HT202879 Since opening an existing Pages doc, all the previously centred images and tables are now too far to the rights - leaving a large blank space to the left of each page. Any ideas reducing?

Since opening an existing Pages doc, all the previously centred images and tables are now too far to the rights - leaving a large blank space to the left of each page. Any ideas re fixing this? Problem remains even when I open an earlier version on the previous version of Pages

It has always been that the upgrade tries to be the "master" over the older version.
Anyway in Pages 09 you have probably the Comments field showing, making all contetn to move to the right.
Go to View menu > Hide Comments.

[svn:fx-trunk] 10545: Make DataGrid smarter about when and how to calculate the modulefactory for its renderers when using embedded fonts

Revision: 10545
Author:   [email protected]
Date:     2009-09-23 13:33:21 -0700 (Wed, 23 Sep 2009)
Log Message:
Make DataGrid smarter about when and how to calculate the modulefactory for its renderers when using embedded fonts
QE Notes: 2 Mustella tests fail:
components/DataGrid/DataGrid_HaloSkin/Properties/datagrid_properties_columns_halo datagrid_properties_columns_increase0to1_halo
components/DataGrid/DataGrid_SparkSkin/Properties/datagrid_properties_columns datagrid_properties_columns_increase0to1
These fixes get us to measure the embedded fonts correctly when going from 0 columns to a set of columns so rowHeight will be different (and better) in those scenarios
Doc Notes: None
Bugs: SDK-15241
Reviewer: Darrell
API Change: No
Is noteworthy for integration: No
tests: checkintests mustella/browser/DataGrid
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-15241
Modified Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/DataGrid.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/dataGridClasses/DataGridBase .as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/dataGridClasses/DataGridColu mn.as

Hi Matthias,
Sorry, if this reply seems like a products plug (which it is), but this is really how we solve this software engineering challenge at JKI...
At JKI, we create VI Packages (which are basically installers for LabVIEW instrument drivers and toolkits) of our reusable code (using the package building capabilities of VIPM Professional). We keep a VI Package Configuration file (that includes a copy of the actual packages) in each of our project folders (and check it into source code control just as we do for all our project files). We also use VIPM Enterprise to distribute new VI Packages over the network.
Also, as others have mentioned, we use the JKI TortoiseSVN Tool to make it easy to use TortoiseSVN directly from LabVIEW.
Please feel free to contact JKI if you have any specific questions about these products.
Thanks,
-Jim

How do I have my phone Make sound when using "Find my phone" app

How do I have my iPhone make sound when using "find my. Phon" app?

You can have the app send you an email when it is found, and you can set your email tone under settings-> sounds

How do I resolve "Error processing your request", when using Download link in My Orders (photoshop 5

How do I resolve "error processing your request" when using the download link in My Orders for photoshop 5

As Jeff already hinted at, try a different browser. Such issues almost always are local problems on your end. Something is either changing or blocking the HTTP headers used for forwarding (could be your router, a desktop firewall or other security tools) or a JavaScript is not running/ being blocked.
Mylenium

How to add interface to customlize MXML Component when use Flex Builder 3?

How to add interface to customlize MXML Component when use
Flex Builder 3?

David,
I don't believe you can add the interface via the creation
dialog in FlexBuilder 3. You can always manually add the
"implements" property to your MXML Component root tag. Something
like this: <mx:VBox implements="com.mycorp.IMyInterface">
If you want autogeneration of the interface, then create an
ActionScript class with that interface and then copy the generated
functions and setter/getters into the script block of your MXML
component.

How to turn OFF trackpad on MacBook Air when using Magic Trackpad

How to turn OFF trackpad on MacBook Air when using Magic Trackpad. Anyone have a clue on how to do this?

Do you get more than one trackpad in system preferences? If not, which trackpad does it show in the "movie" in Preferences?

How do I create columns in my text when using pages?

How do I create columns in my text when using pages?

Presuming you are using Pages 5.2.2:
select the text > choose the number of columns in the Format > Layout sidebar
Peter

How do i get passed the billing step when using my apple id to download apps

how do i get passed the billing step when using my apple id to download apps on my ipod touch

DId you enter a valid payment method?

How do I get blank spaces out of my Ipod's music library?

When I go to my music on my Ipod, it has a bunch of blank spaces at the top and then when I scroll down is my music. How do I get these blank spots out?

When you click these, do they open a song?
Also, you can try the swipe-to-delete method that works on normal songs, they may simply be songs with no id3 tags so they show up blank.
Correction: Just remembered, in 5.1.1 (not sure about 6.x), songs with no id3 tags show the filename. So I'm not sure why it's blank.

How to add extra blank space in xml

I open the xml file in notepad I get this
<XXON_EXT_BANK_ACCOUNT_NAME>創名聯合會計師事務所 </XXON_EXT_BANK_ACCOUNT_NAME>
But when I open the xml file in html format the blank space is gone.
How can I add extra blank space in xml?

Hi
Why do you need the extra space for?
This difference in display that you see between your browser and notepad/notepad++
will not affect your generated report.
Bogdan

How can I remove blank space after month value while selecting to_char(sysdate)

select to_char(sysdate,'dd-month-yyyy') from dual;
when I give this query, I'm getting a blank space after the month value. How can I trim that?

Or else try this one
select to_char(sysdate,'dd-fmmonth-yyyy') from dual;
Best of luck.

How to remove extra blank spaces from log file.

i have created a log file which contain the logs of a program. the logs are getting created fine for the first execution of the program but from the second time the log file is getting blank space's after every character.
i have used the code to append the text in log files few examples :
'Clean up process started....' >> $log
File name :'+ $files +'Time-Stamp: '+ $endtime +'Search complete.' >> $log
.i want to remove the extra spaces after each character but not all the spaces from the file. Thanks in advance.

hi mjolinor
add-content is used to insert text it does not append text at the file .i used >> to append the text on log file ..
from
Get-Help ADd-Content
Synopsis
Appends content, such as words or data, to a file.
[string](0..33|%{[char][int](46+("686552495351636652556262185355647068516270555358646562655775 0645570").substring(($_*2),2))})-replace " "

How to prevent large blank spaces on webpage when using Slide Behaviors?

Similar Messages

Maybe you are looking for