i have designed a page that uses a jquery script in a div in the middle of the page (below the logo and upper nav) Every time I click
on a button that is part of the script, the page jumps down to the top of that jquery div. I want the page to stay rooted to the top. I can't tell whether this is a problem with the css or the js script.[URL]
~ script css:
* { margin: 0; padding: 0; }
#page-wrap {
width: 822px;
[code]....
I believe I'm having an issue with the jQuery Cycle plugin. For the duration of the occurrence of a transition, the page appears to be "jumping" due to the fact that the site content is centered vertically and horizontally and the transition is making (inactive) scrollbars disappear entirely. I have not witnessed this personally in Safari/Firefox on Mac or Firefox/IE8 on Windows, but a colleague took a video of it happening on their machine with Firefox (Mac). Some see this problem, and others don't—I haven't been able to narrow it down. I also can't put overflow:hidden; on <body>, as I need the site to scroll if the browser window is too small.Here's the video, it's a 1.8 MB QuickTime file:[URL]
View 1 Replies View RelatedHave a drupal site and jquery update1.3. seems to avoid the posiblity to jump to anchor tags. In order to this I use this script for jumping on a page. I works..But how to I manage a jump, if the href is on a different page (not external!).Something like jump on pageload to an anchor.click on page node/5/products on link href: node/5/products/xyz/#anchor1 How do I manage this?
$(document).ready(function(){
$a[href*=#]").click(function(e){
$
[code]....
I have a very simple image rotator that brings in images then rotates through them using fadein/out.
You can see it going here: [URL]. If you scroll down to the bottom of the page then wait a few seconds the main image will rotate and the browser will jump up (almost as if it's going to an anchor).
The images are brought in to a 100% div and the images are specified to 100% width (not sure if this is related but I'd thought i'd let you know!).
The code I'm using is this:
function run_slides(id){
var curid;
var nextid;
curid=id;
[Code].....
I have this (nice) procedure to move a table row:
Code:
function MoveRow(tbl,i,j) {
tbl = document.getElementById(tbl);
[code].....
I am displaying a webpage from external domain in an iframe on my site. The webpage being shown in iframe has a header image that I would like to not appear when someone visits my site. Is it possible using Javascript or otherwise to have the iframe scrolled down by a certain pixels by default?
View 2 Replies View RelatedI need to jump to different pages based on user input in current form. I had tried using javascript to jump, it worked for a second or two, then it jump back to the calling form. Here are the methods I used:
url is the intented url, e.g. "form2.htm"
1. from form "form1":
document.forms["form1"].action = url;
[code].....
I want my page to jump to a different page based on data collected in the form input fields. I can jump to a new page alright, using the following javascript:[code]The problem is, I can see the new page was jumped to, but immediately it return back to the page that trigger the jump.
View 1 Replies View RelatedvBulletin uses a template system so I can't create a separate element for everything -- we have had several people ask for a "skip to the next post" feature and I'd like to implement that for them My first thought was to use anchor tags such as:
<a name="$post[postid]">
for each post and then to create a link for "Jump to Next Post" which would advance the user to the next instance of <a name="$post[postid]"> in which the postid obviously would've changed. With that I didn't know if there was a way that I could have javascript look for the next instance of this, or to pull the postid number and add 1 to it to find the next post on the page. I'm also not sure if it would need to be as complicated as reading where it was at and then adding one and directing person to that anchor point, which is why I thought maybe it could just look for the next instance of <a name="$post[postid]"> and refocus the screen on that.
It doesn't have to be an anchor, it can be a hidden input, whatever makes the JS be able to seek it as a point to move the page to. We do have some members that select a different number of posts per page than the default, so I'm guessing that the plus one might not be a great idea if they used a smaller number per page and then clicked the last one, whereas people with more per post wouldn't need to stop at the same point before it no longer let them. If there's a solution for that, that'd be great as well (such as once it hits the last element on the page, it no longer receives instruction, goes to the top of the page, or something).
When you click a link it jumps to an anchor point on the page and scrolls there smoothly. I was wondering how I get the same effect if I want the link to jump to another page? A normal anchor point on another page would set the href to, for instance, 'index.html#contact' but it won't work in this case as the javascript isn't reading the '#'.
<script type="text/javascript" src="jquery.js"></script>
<script>
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:void(0)" onClick="goToByScroll('contact')">Go to anchor 1</a></li>
</ul>
I've used the ScrollTo plugin for header images for each topic and I have created a menu to change the content in the div(s) that contain readable content with ajax, so it looks like different pages with headers using the one page.
everything works well, but on browser refresh the page jumps down after the menu and on to the header.
Would anyone know a script that would deactivate all anchor links in the page so that page onload the page loads as default index.html instead of index.html#some_anchor
using js to force a specific anchor call to jump after the page completely loads. The reason I am doing this is because the page I am linking to with anchors takes a long time to load and a standard browser anchor link sometimes does not work 100%. With that said, I would now like to make the script I wrote universal to get ANY anchor param in the url and jump to that spot on the page. Right now it's coded to just look for "#anchor". I want to re-code it so it will look for "#" + "anyAnchorName".
[Code].....
I'm having two problems with my code:
1. How do I make jumping to a certain place on the page using window.scroll more smooth and not just a direct jump?
2. Also, can I do a scroll by percents? I have a horizontally scrolling website that has a picture with a width of 300%. Obviously, anyone with a different sized monitor than I do will jump to the wrong place if I use pixels.
I'm trying to add a slideToggle to a paragraph in a Wordpress blog page. The following code works for triggering an alert, but when I replace the alert with the slideToggle, nothing happens.Here's the alert:
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#principles").mouseover(function() {
[code]....
Taken right off a jQuery API page, inserting my own id names .The "#principles" is the id of a span of text just above a paragraph with an id of "p=principles".
I found a way to do this in IE but is this possible to do in Firefox aswell? I mean when a user chooses to make it his default page by clicking on a link.
View 6 Replies View RelatedI have a hexagon of pictures displayed on an HTML page. I need these pictures to rotate counter clockwise every 3000 ms. I have the code below and have made some adjustments, but how would I modify the functions to get the pictures to move?
[Code]....
i am trying to make the page refresh with a simple button but don't know how ?
<form name="input" action="submit.php" method="get">
<input type="submit" value="Submit" />
</form>
that's what i got so far was gonna just make it submit the sql but i want it to refresh the page nowi have found a refresh button here is the code
<!-- ONE STEP TO INSTALL REFRESH BUTTON:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<div align="center">
<script LANGUAGE="Javascript">
<!-- This script and many more are available free online at -->[code]....
Im working on my final project for my DOM and DHTML class and we have to make a calculator site. I have it working (for the most part). I was wondering If there was a way to make it so whenever the form finishes executing that the page wont reload, right now I have an alert pop up and say the result but I would like to have it put the result back into the form so the user can use it for other calculations. I didn't know if there was an easy way to do this, or what I would have to use, were allowed to use Prototype and Ajax, but I dont know how to use Ajax all that well...
View 8 Replies View RelatedI am making a calculator, and it is not finnished yet, but the problem i am running into is when i run the script it gets rid of everything but what it writes.
<html>
It works fine but it does not open it gets rid of everything but the document.write text. I want it to keep the old information and right the new information.
What I need, Is the code for this: making a radio button (once activated with green dot inside it) link to a different page. That's about it. Pretty simple.
View 2 Replies View RelatedI've got a form which has a couple of inputs. The 1st is just a text input and the 2nd a textarea.
I have it so that when someone types into the 1st input some javascript causes a div elsewhere on the page to update with whatever's being typed.
html:
<div class="input text required">
<label for="CampaignTitle">Title</label>
<input name="data[Campaign][title]" type="text" maxlength="76" id="CampaignTitle" />
[Code].....
If you have a look at [URL].. and click on an image you will see what I mean.It's as if the image is converted to a div while animating.
View 1 Replies View RelatedI had help with the following script. But, it only works with specific ID, which I have to specify in the javascript code. If I wanted to have multiple sets of selection lists, I would have to duplicate the entire javascript block, which I do not want to do.
My question is, how can I make this script not have hardcoded IDs, and let those be declared where my onchange is? Is this possible? Code:
If I have form like this:
Code:
<input type="text" name=" i[0]"/>
<input type="text" name=" h[0] "/>
<input type="text" name=" i[1] "/>
<input type="text" name=" h[1] "/>
How to make two Arrays one: i[] and the second: h[], after clicking submit, but without reloading page?
I have a hidden iFrame (display:none) which I change the src attribute of to load new contents. When the iFrame has finished loading I make it visible again (display:inline). This works fine except for anchors. The iFrame will not jump to an anchor when finished loading if its hidden in FF.
View 2 Replies View RelatedI use the select menu script from [URL].. in Firefox all works fine. But when I use it in google chrome the focus off the site changes to the end of the site. My menu has 200 entrys. How can I provide the change of the focus?
View 2 Replies View Related