On a Parallax Scrolling Page, How can I start the scroll bar at the bottom on page load?

Hello,
I'm working on a parallax scrolling animated page in Edge Animate, and it's a timeline of life on Earth. But we wanted to start from the bottom, or "Origin of Life" and then scroll up while our 'tree of life' animates in as the user scrolls up. We definitely know it's not good web etiquette to start at the bottom, but our client is determined. I am more of an animator than a web designer, but I was wondering how one might do this using a bit of code? We are using EC.Parallax.setup(sym); from Edgecommons for the parallax function, which is basically just tying the timeline animations to the scrollbar. I've already got the animations setup to go the right way but we don't want visitors to have to scroll to the bottom first, as they'll then see everything animated in reverse! In my google searches I found something called an Iframe that you can use, and then a flurry of responses on how horrible Iframe is. Thanks for your help, we really appreciate it!

Hi, Vizkid-
You can find the height of the document and then use window.scroll in your initialization function to default your scrollbar to the bottom of the page.
http://stackoverflow.com/questions/1145850/how-to-get-height-of-entire-document-with-javas cript
Hope that helps,
-Elaine

Similar Messages

How can I start firefox with new tab instead of blank page?

Today I update firefox to 13.0. I like the new "new type". I want to konw how can I start firefox with new tab instead of blank page?
I don't want to change the homepage to about:newtab.
Sorry for my bad English.

This is a very annoying thing. Every update from Firefox resets this config setting back to about:newtab. I changed '''''browser.newtab.url''''' in 12.x to '''''about:blank''''' and it resetted back in update 13.0 and now I have to do the same thing again in 13.0.1.
The drawback with about:newtab is Firefox opens up dataports for every URL that are linked and gets reopened for every lame 'newtab' you click on. Just use [http://technet.microsoft.com/en-us/sysinternals/bb897437.aspx Tcpview - data port viewer] and watch how many extra dataports that opens up from this crazy 'feature'.

How can I start a new paragraph within the same table cell?

In Numbers, when adding text within a table frame, how can I start a new line within the same frame (rather than advancing to the next cell)? I'd like to enter a mini-list of several items of various lengths of data.

While Wayne's answer solves your problem, another possibility is to uncheck the box at the bottom of the Table inspector for "Return key moves to next cell." If that is unchecked, the return key types a paragraph return within the cell (the same as Option Return with the box checked).
With that box unchecked, Shift Return types a soft return (new line without a paragraph break).

How can I use a pic from iPhoto as a background for a page, How can I use a pic as a background for a page

How can I use a pic from iPhoto as a background for a page, How can I use a pic as a background for a page

cd,
Insert the picture and position it as you desire
Make sure the picture is set to Floating in the Wrap Inspector
Arrange > Send Objects to Background
Regards,

How can I implement a status bar at the bottom of a resizable application?

Hello all,
I am a JavaFx newbie and I am implementing an application (a Sokoban game), with a menu at the top of the frame and a gaming area covering the rest of the frame. To support the game, I have to load images at certain positions in the gaming area.
The game also includes a level editor with another menubar and where images are set to other positions.
I implemented this in another view, swiching from the game mode to the level editor mode and vice versa is just done by setting the other view visible. Up to now this works, here the important statements building these details:
Group root = new Group();
gameView = new Group(); // for gaming mode
le_view = new Group()   // for level editor mode
MenuBar gameMenubar = new MenuBar();
Menu menuGame = new Menu(bundle.getString("MenuGame"));
... building the menu items and menues ...
gameView.getChildren().add(gameMenubar);
ImageView buildingView[][] = new ImageView[22][22];
for (nCol = 0; nCol < 22; nCol++) {
    for (nRow = 0; nRow < 22; nRow++) {
        buildingView[nCol][nRow] = new ImageView();
        buildingView[nCol][nRow].setX(nCol * 26 + 5);
        buildingView[nCol][nRow].setY(nRow * 26 + 40);
        gameView.getChildren().add(buildingView[nCol][nRow]);
gameView.setVisible(true);
root.getChildren().add(gameView);
... same stuff to build the le_view ...
le_View.setVisible(false);
root.getChildren().add(le_View);
Scene scene = new Scene(root, 800, 600, Color.CORNSILK); Now I want to introduce a status bar at the bottom of the frame, which of course has to follow the bottom of the frame, if it is resized. And of course the menu and the status bar should not grow vertically, if the height of the frame is increased.
The implementation seems to be easy with StackPane for the frame and one BorderPane for each mode.
For the first step I only tried implementing the game mode with only one BorderPane (just setting the menu, the gaming area and the status bar each into a HBox and setting these three HBoxes at the top, into the center and at the bottom). I also tried this via GridPane and via VBox; I always get any erroneous behaviour:
Either the menubar is visible, but the menus do not pop up the menu items, or the anchor point of the menu and of gaming area are set 100 pixels left of the left frame border and move into the frame when the frame width is increased, or the menu is set 20 pixels below the top of the frame, or HBox with the menu grows when the frame height is increased, so that the anchor point of the gaming area moves down.
Can you describe me a correct construction of such a frame? Thanks in advance.
Best regards
Gerhard

Hello Gerhard,
Glad the code helped, thanks for a fun layout exercise.
For the draft code I just pulled an icon off the internet over a http connection.
If you haven't done so already place any icons and graphics you need local to your project, so that resource lookups like:
Image img = new Image("http://www.julepstudios.com/images/close-icon.png");become
Image img = new Image("close-icon.png");then performance may improve.
Another possible reason for your performance problem could be that when you use a vbox, the vbox content can overflow the area of the borderpane center and might be sitting on top of the menu pane, making you unable to click the menu (which is what happens to me when I try that with the draft program with the vbox wrapping mod, then resize the scene to make it smaller). This was a trick which caught me and the reason that I used a Group originally rather than a vbox. I found a vbox still works but you need to tweak things a bit. The trick I saw was that the order in which you add stuff to the borderpane is important. The borderpane acts like a stack where the last thing added floats over the top of everything else if you size the scene small enough. For your project you want the menu on top always, so it always needs to be the last thing added to the borderpane, but when you swap in the level pane for the game pane, then back out again, the game pane can end up on top of the menu which makes the menu seem like you can't click it (only when the scene is sized small enough). It was quite a subtle bug which took me a little while to work out what was happening. For me the solution was to add just one vbox to the center of the border, and then swap the game pane and the level editor in and out of the vbox, that way the center of the layout always stayed behind the menu bar and the status bar.
I added some revisions to reflect the comments above and placed some comments in the code to note what was changed and why.
public class SampleGameLayoutRevised extends Application {
public static void main(String[] args) { Application.launch(args); }
public void start(Stage stage) throws Exception {
    final BorderPane gameLayout = new BorderPane();
    final Group gameView = new Group();
    final MenuBar gameMenubar = new MenuBar();
    final Menu gameMenu = new Menu("Mode");
    final VBox centerView = new VBox();
    centerView.setStyle("-fx-background-color: darkgreen"); // we set a background color on the center view to check if it overwrites the game menu.
    MenuItem playGameMenu = new MenuItem("Play Game");
    MenuItem levelEditMenu = new MenuItem("Edit Levels");
    gameMenu.getItems().add(playGameMenu);
    gameMenu.getItems().add(levelEditMenu);
    gameMenubar.getMenus().add(gameMenu);
    final StackPane levelEditView = new StackPane();
    levelEditView.getChildren().add(new Text("Level Editor"));
    ImageView buildingView[][] = new ImageView[22][22];
    Image img = new Image("http://www.julepstudios.com/images/close-icon.png"); // use of http here is just for example, instead use an image resource from your project files.
    for (int nCol = 0; nCol < 22; nCol++) {
      for (int nRow = 0; nRow < 22; nRow++) {
        ImageView imgView = new ImageView(img);
        imgView.setScaleX(0.5);
        imgView.setScaleY(0.5);
        buildingView[nCol][nRow] = imgView;
        buildingView[nCol][nRow].setX(nCol * 20 + 5);
        buildingView[nCol][nRow].setY(nRow * 20 + 40);
        gameView.getChildren().add(buildingView[nCol][nRow]);
    final VBox statusBar = new VBox();
    final Text statusText = new Text("Playing Game");
    statusBar.getChildren().add(statusText);
    statusBar.setStyle("-fx-background-color: cornsilk"); // we set a background color on the status bar,
                                                          // because we can't rely on the scene background color
                                                          // because, if the scene is sized small, the status bar will start to overlay the game view
                                                          // and if we don't explicitly set the statusBar background the center view will start
                                                          // to bleed through the transparent background of the statusBar.
    gameLayout.setCenter(centerView); // we add the centerview first and we never change it, instead we put it's changeable contents in a vbox and change out the vbox content.
    gameLayout.setBottom(statusBar);
    gameLayout.setTop(gameMenubar);   // note the game layout is the last thing added to the borderpane so it will always stay on top if the border pane is resized.
    playGameMenu.setOnAction(new EventHandler<ActionEvent>() {
      public void handle(ActionEvent event) {
        centerView.getChildren().clear(); // here we perform a centerview vbox content swap.
        centerView.getChildren().add(gameView);
        statusText.setText("Playing Game");
    levelEditMenu.setOnAction(new EventHandler<ActionEvent>() {
      public void handle(ActionEvent event) {
        centerView.getChildren().clear(); // here we perform a centerview vbox content swap.
        centerView.getChildren().add(levelEditView);
        statusText.setText("Editing Level");
    playGameMenu.fire();
    Scene scene = new Scene(gameLayout, 800, 600, Color.CORNSILK);
    stage.setScene(scene);
    stage.show();
}Other than that I am not sure of a reason for the slowdown you are seeing. In my experience JavaFX has been quick and responsive for the tasks I have been using it for. Admittedly, I just use if for a bunch of small trial projects, but I've never seen it unresponsive for a minute.
- John

How can I create a navigation bar in the template so I can change the down state of a button on a page made from the template in DW3?

We're creating pages from a template in DW3. The template includes a header, footer and a navigation bar. We've made the navigation bar an editable region so that we can change the down state of the buttons on pages where it is required. However, when we make a new page from the template and try to change the behaviors of the buttons in the navigation bar it will not allow us to make those changes.

Have you considered using CSS styled text/list menus instead of image rollovers. It isn't hard really and it's actually a much better choice for web accessibility and for search engines to find and follow your links. Here are some links to several CSS menu systems you can try:
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

On iCloud pages how can you put a header on only the first page and not the second page?

I'm trying the do a visual report and every time I put a header on the first page it goes to the next page and if I try to delete it on the second page it deletes on the first page too.

bump

How can I provide Horizontal tool bar at the bottom of the form?

Hi Friends,
I have form with 8 tab pages. I created a horizontal toolbar canvas with some navigational buttons. I want to put the horizontal toolbar at the bottom of the form which is common to all of my tab pages of that particular form.
How can I do that?
Thank You.
Gopinath Kona

Iam not very sure...but let me give it a try. As far as my knowledge goes, horizontal tool bar can be placed only the top side of the form.
For your requirement, u can probably try out placing the buttons on a stacked canvas and display the same for every tab page in your form...
HTH

How can I create a status bar at the bottom of a window ?

I would like to create a status bar at the bottom of my main window similiar to "Internet explorer" has. I thought of using a tool bar but I can't see how to keep it positioned at the bottom of the window when the window is resizable. Any other ideas on how to do this the bar only needs to contain a small amout of text and maybe an icon or two.

CVI doesn't have a status bar control on UI element like the one available in Visual Studio++. The best way to replicate this is most like through a string control that is resized and positioned to remain at the bottom of the window and colored to look appropriately. I have also seen the combination of a decoration and a text message used.
Best Regards,
Chris Matthews
Measurement Studio Support Manager

When using the LabVIEW Simulation Module, how can I start a frequency sweep with the Simulation Chirp signal generation VI at an arbitrary time after the simulation initial time?

I'm using the Simulation Loop on LV RT when interacting with some hardware (i.e. all I/O is happening in the Sim loop). I'm going to conduct a frequency sweep test on the hardware and want to use the Simulation Chirp function. However, there is no way (that I can see) to trigger the Chirp to start at some event (i.e. I click a boolean on the front panel and enter a case statement). The Chirp is tied to the global time of the Simulation loop and so are it's input parameters. Is there a way to make it relative to some time at which an event happens?

Craig,
Your solution will 'cut' the beginning of the signal and only show the signal afterwards.
To control when the chirp should start, the best option is to use the Chirp Pattern.vi ( in the Signal Generation palette) and use a Lookup table to control when to feed the time. The shipping example (in LabVIEW 2013) shows how to code using a lookup table.
C:\Program Files (x86)\National Instruments\LabVIEW 2013\examples\Control and Simulation\Simulation\Signal Generation\SimEx Chirp.vi
Then, to start from a toggled boolean, look at the example:
C:\Program Files (x86)\National Instruments\LabVIEW 2013\examples\Control and Simulation\Simulation\Signal Generation\SimEx Step.vi
and Here is the example in 2013 (in attachment):
Barp - Control and Simulation Group - LabVIEW R&D - National Instruments
Attachments:
SimEx Chirp with Delay.vi ‏241 KB

For the "new pages" how can I password protet a document without the inspector?

My new "upgrade" for pages doesn't have the old inspector? How do I create a password protection for my documents? Why has this been made so difficult?

Menu > File > Set Password…
Peter

How can I start an executable without specifying the directory?

I have downloaded the tor browser bundle and I would like to be able to start it with a command like "torbrowser" and not by specifying the full directory?

I don't think it is a good idea to put it in /usr/bin at all but if you must, isn't it safer to move it there, as Trilby suggested? And change the permissions appropriately? That doesn't strike me as especially wise but it seems better than symlinking to an executable in your home directory from /usr/bin.
One way to mitigate security threats is to limit the PATH root uses. So for an ordinary user, you might include /usr/local/bin or ~/bin. But for root, you wouldn't include these. This makes it a little bit harder to run something malicious as root inadvertently. If you start symlinking to executables in your home directory from /usr/bin, you defeat this. For example, I use this PATH for root:
/usr/bin:/usr/sbin:/bin:/sbin:/usr/bin/vendor_perl:/usr/bin/core_perl
So root can't even run stuff under /usr/local on my machine without explicitly giving the path. But if I symlinked from /usr/bin to stuff under ~/, there would be no point in the restriction.
EDIT: but I just realised sudo can... damn!
Last edited by cfr (2012-06-24 00:39:59)

How can I start install the design on FPGA

hi ,
i design a system on the labview 8.2 thats detect some parameter of the ECG signal , now i wnat to install the design on the FPGA kit
kown the input signal is real time ECG signal .
how can i start doing this ?
what the needed informaton to do that ?
thank you

Hi - I just want to clarify that National Instruments does not make any signal conditioning modules or other products that are designed for direct connection to a human subject (we don't design or certify to the required medical safety standards). Our products are often used in conjunction with amplifiers or signal conditioners that are designed for these applications that have outputs that are filtered, isolated, and amplified and are ready to be digitized by a DAQ board or other NI product.
If used on animals, these safety concerns are often not as big an issue, but you still need a specialized signal conditioner that has a relatively high gain and balanced differential inputs (with high common-mode rejection) to acquire a good, low-noise ECG signal. This is similar to a thermocouple type input module, but with more bandwidth than a typical thermocouple module and AC coupling.
Bottom line: you really need to use a specialized biosignal amplifier that has a single-ended analog output to connect to NI DAQ boards or FPGA boards.
Steve J.
National Instruments
Visit the NI Biomedical User Group at:
www.ni.com/biomedusers

HT201441 I forget my previous owner ID & password to my iPhone? How can i start it ?

I forget my previous owner ID & password to my iPhone? How can i start it ?

Welcome to the Apple community.
Unfortunately, unless you know the Apple ID, there is absolutely nothing that can be done, you cannot use or even sell your mobile device.

How can I publish my pdf catalogue as a book - flipping pages rather than scrolling pages?

How can I publish my pdf catalogue as a book - flipping pages rather than scrolling pages?

Hi andrewh13313189,
If you have Acrobat Pro, you can apply page transitions to your PDF. Please see: Adobe Acrobat X Pro * Add page transitions (these instructions also apply to Acrobat Pro XI).
Best,
Sara

On a Parallax Scrolling Page, How can I start the scroll bar at the bottom on page load?

Similar Messages

Maybe you are looking for