I have a problem with the scrollbar. i want to stay in a certain point after click in a onclick event. this is not happened and my scroll bar goes on the top of my page. what i can do? code...
View 2 RepliesI am trying to make one small modification to a website. I just want to make an image that, when clicked, scrolls to a certain point.
This is the javascript that I think controls the scrolling:
var element_y;
var swiffy;
var cur_groupid;
[Code]....
How is made that toolbar on this site always stays on the botom of the page. (So, when we log in, on this site will appears toolbar. When we scroll down, this toolbar stay, it doesn't move anywhere, it stay on the bottom.)
View 2 Replies View RelatedI built this worksheet generator. When you generate a worksheet, it seems to work fine in IE8, but in firefox, it stays loading. The little loading icon never goes away. Also, when you look at the print preview, the problems don't appear on the first page, they appear on the second page.
My only guess as to why firefox stays loading forever when you generate a worksheet is maybe the onSubmit = false I put in the form?
Code:
<form name='answer' method='post' action='decimal_worksheet.html' onSubmit='return false;'>
I've attached the webpage as a text file.
I've got links on a website that takes the user to different parts of the same page (i.e, no reloading of the page)
I would like 2 things to happen when a link is clicked:
1) the url changes eg. from mysite.com/home to mysite.com/about when the about link is clicked.
2) when refreshing the page that it stays where it's at and not go back to the top of the page.
how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
View 6 Replies View RelatedI'm trying to write code where an ajax function, at a specified interval, calls php script to query a table and open a certian window according to the response(variable) received. After that, the ajax function will continue to call the same php script but will open another window only if the response or variable is different from the previous request(s). What kind of method should I use to achieve this?
View 7 Replies View RelatedDoes anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?
View 2 Replies View Relatedhow i can show an image in any point in my page?
View 1 Replies View RelatedWhen 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'm using a JQuery function to slide a div into and out of visibility, but every time I toggle, the browser resets my view to the top of the web page..What I want to happen is when you click to reveal the div, the page scrolls down and the div content is in full view. When I click again to re-hide the div, I want the page to scroll back up smoothly instead of just reverting to the top of the whole page...The page url is: http:[url]....Here's my code:
Code:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".content").hide();[code]......
I have a textarea and some buttons. The buttons apply functions to
the text the user selects, i.e. the good old "wrap with a tag"
thing we all have seen in 100 different editors.
Trouble is, when I click the button, the selected text gets
unselected. Select some text in the textbox and click -anywhere-
and the text unselects.
Using a css dropdown menu with javascript work-around for ie. Sorry to post yet again on this subject, but I couldn't find a solution in previous threads. My problem (in IE): I'm using the workaround as detailed in the "suckerfish" article [URL]. Works great to drop my menu down, but when I mouse out the menu remains. On checking back with the original article, they have the same problem so I tried adapting the mouseout line in different ways. Still can't figure it out. Here is my site: [URL]
Drop down menu only exists for the "producers directory".
this is the site : [URL]
this is the problem : The specific problem is that when you mouse over pictures i have a script to enlarge those pics, but my menu stays on top of those pictures! what do i need to do to fix this? If needed I will post the page html code...
I also have another problem which is with the flash movie on the home page which is only loading after i navigate way from the home page and then comeback to it...... Movie does not start on initial page load !
I'm trying to make a simple association test in which people have to fill in their own association to 2 stimuli (presented together), the association (a few words) is then written to the database (MySQL) and will be used for testing later on. I've got it to display everything I want but the association people should fill in is deleted every time and doesn't get written to the database, while the stimulus stays the same (doesn't go the next item where it should). I pasted the code for the task, and the process page here:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Exp Test 2</title>
<script language="javascript" type="text/javascript">
</script> .....
I'm totally new at JS, dojo or php and have to learn from trial and error, so I'm curious as to what mistakes I am making.
You should be able to replicate this on http://malsup.com/jquery/block/#pageGo to the page above and click on "Default Message" button and makesure you don't move the mouse cursor.You should see that the cursor remains a hourglass even after the pagecomes back, to get the correct cursor you have to move the mouse.
View 1 Replies View Relatedscroll may page to top like the one used on this page - http://www.pngised.net/ In the footer theres a link entitled 'bring me to the top' when selected scrolls the user to the top of the page, Iv been trying to find this technique but havent been successful.
View 2 Replies View Relatedpoint me in the direction of were I could get the code to scroll may page to top like the one used on this page - http:[url].....In the footer theres a link entitled 'bring me to the top' when selected scrolls the user to the top of the page, Iv been trying to find this technique but havent been successful.
View 2 Replies View RelatedI'm presently working on an existing web mapping site written in 'old' asp (not .net) using JavaScript on server side and JavaScript on client.
I'm more familiar with .net and vb, rusty with both 'old' asp and JavaScript so please forgive me if this question is too easy!
I need to set variables from web page tools, (e.g. a combo box) that have been coded in client JavaScript then save those variable back to the server as something like a session or application var. As when the page is refreshed (every time the map is paned for e.g.) I need the selected variable to stay and not have the user have to reset it every time.
I havent posted any code as I dont real know where to start!
I have no problem passing session vars from asp to the page but not collecting data from the page and saving back to server.
I have a floating div which I drag all over the page. If the page has
scrollbars and users drag the floating div to the very top, page
scrolls up too. The problem occurs at this moment. As page scrolls up,
the div gets detached from the mouse while dragging.
How can I keep the floating div to always stay attached to the mouse
during a dragging process and scrolling the page? Code:
I have created a div on one of my webpages, the child of another div ("header"). I have tried setting it to "fixed" through CSS but then it just disappears -- I'm guessing the reason it does this is BECAUSE it's a child of another div.If there's a CSS solution to this, great, but right now I'm thinking I'll have to rely on JavaScript.Anybody have an idea of how I'd get this div to scroll with the page, like a fixed div?
View 3 Replies View Relatedi use this script, and its working so far. except i want the element to stick to the bottom not the top..
[URL]
i already tried to rename some words to bottom, but this doesnt work (ie iebody.scrollTop to iebody.scrollBottom)
Is there a way to have an iframe but has scrolling but as soon as you click the down button once it go down a bit of the page it scrolls down straight down to 65pixels?
View 1 Replies View RelatedOn my website i have a sliding box, that houses an update from an ajax function. the idea is the box slides down the page as you scroll down. Now on some coputers the box stops so far off the bottom of the page, and on others it just keeps going off of the bottom of the page untill it is just the background and no website. Here is a link: [URL]
below is the javascript, what i am trying to get advice on is if there is a way that i can stop the box at the bottom of the page before it goes on to the white area. i have tried adjusting the css but nothing seemed to work and i am not an expert with javascript and hoped somebody my able to point me in the right direction.
[Code]....
The left hand layers make one right hand layer visible via onMouseOverIf one of the list boxes is clicked the drop-down list appears as per "select" function.it stays visible until any part of the window is clicked again. This makes clicking a bit more laborious when changing to the next listbox.BUT if the layer is switched (by hovering over a different onMouseOver position) the visible drop-down list remains visible until the window is clicked again.I can't see any attribute/parameter that will hide this list in JavaScript.I can set the selectedindex when the list is clicked eg
Code:
function sfm_goto(loc,obj5){ //v3.0
var obj10 = findObj(obj5);
[code]...
how do i scroll page when i get to a location ...
something like :
<body onLoad="sl()">
<script languge="javascript">
function sl(){
if (document.stopper.y>50)
{
window.scroll(0,100);
}
</script>
then always when the user try to scroll to (0,100) its will be scroll
him to (0,50) or something like