I have a page which uses <meta http-equiv="refresh" content="240">
The problem im having is if i am half way downthe page when it refreshes, the refresh takes me back to the top of the page is it possible for the browser to keep the scrollbar position on refresh so that i do not loose my position on the page?
Is there some possibility to put the horizontal scroll bar of the web browser into the center if the "width" of web page are bigger then the "width" of the web browser screen?
So I don't need to scroll to right if I open the page, but the horizontal scroll bar will be positioned in the center.
That code should do the same think like I when I take the scroll bar and put it in the center position, but this should be happen when I load the page automatically.
I have a <div> element which contains a chain of auto-popullating dropdown boxes that grows horizontally towards the right as more boxes are created. When enough are created, I have a scrollbar that forms so the boxes don't go of the page.
As the scrollbar appears, I would like it to default on the right side instead of the left side, that way members don't have to keep manually moving the scrollbar in order to see the next box.
i have an problem while setting scrollbar position for selecting any specified row in the table.
Actually scroll bar position depends upon the no. of row exists in the table.so how can i make specified row visible for the table.
Here's my problem: I need to present text in a scrolling textarea such
that a checkbox is not enabled until the user has scrolled to the very
last line of the text using the vertical scrollbar.
Been searching for some functions to get scrollbar position for a
textarea object but coming up empty.
I am currently using:
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
[Code]....
There are 2 options I could use but I don't know how to do it.
1. Using a get parameter to select the tab
2. Using the cookie plugin (not sure how that works)
I have a problem with my code. I implement different Tabs into a Microsoft Office SharePoint Server 2007 site (.aspx). Now everytime I select a tab and refresh the whole page, IE7 cannot remmember the last session and navigate automatically back to tab1.. Properly I need to set Cookies. Im a beginner in using cookies and coding javascript..
[CODE]
<%@ Page Language="C#" MasterPageFile="~masterurl/default.master" inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" meta:progid="SharePoint.WebPartPage.Document" %>
[Code]....
I would like to have the scroll box content to go to the same position that it had before the page is refreshed rather than go to the top of the scroll box content. In other words, if the user scrolls down, then refreshes the page, I want to scroll box content to come back to the same position after the refresh.
I assume this would be a javascript function to get a vertical scroll position. Hopefully one solution works for all major browsers.
I have 3 divs. I want distribution them random (when refresh the windows, three divs' position will be changed)
I think Math random() can solve this problem, but how to do that? [code]....
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
[Code]....
I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome
<script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";
[Code]...
I have this code in a page that appears in my iframe if requested from parent:
<script type="text/javascript">
parent.rrr();
</script>
The parent code is:
function rrr() {
javascript:location.reload(true);
}
So, the person clicks a link from the parent, it does a php process in a hidden iframe, which then tells the parent page to refresh. The only problem is that it puts Firefox in a constant loop of refreshing. IE and Chrome work fine. They refresh once and stop.
Though the src code opens the iframe like so: <iframe src="" style="display:none; height:1px;" name="hdplus" id="hdplus"></iframe> Firefox seems to refresh the page with the memory of the child page being in the iframe, constantly looping the child request to refresh the parent.
Why won't Firefox just accept that no page should load in the iframe, as stated in the code? I need to stop this loop, which means I need to get firefox to reset the iframe as it reloads the page.
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
View 1 Replies View RelatedHow to refresh DIV , without refresh entire page,Am having four DIV ,
DIV1,DIV2,DIV3,DIV4
I want to refresh only DIV! without affecting the DIV3,DIV4 ,
I have the below code:
<script type="text/javascript">
function loadQuickMessageCheck(File,ID){
var xmlhttp;
[code]....
I was trying to "pin" a menubar to the top of a site. It should allways stay on its absolute position. Especially when the user scrolls the page...
I did like this:
<div id="object1" style="position:absolute; visibility:left:50px;
top:50px"> MENU </div>
called from a timer:
document.object1.style.top=50;
OR
window.document.object1.style.top=50;
OR
document.object1.top=50;
OR
window.document.object1.top=50;
none of them worked...now what?
I'm trying to access the source of an HTML page with as few alterations
from the actual source (as in, that seen from the View Source option)
as I can. The method document.documentElement.innerHTML returns the
HTML source, but adds HEAD and other elements if they are absent from
the source, and takes out whitespace (i.e., line feeds, carriage
returns and tabs) within tags and between tags. The follow function:
function xhr() {
xhr = new XMLHttpRequest()
xhr.open("GET","test-page.html",true);
xhr.onreadystatechange = function() {
if (xhr.readyState==4) {
alert(xhr.responseText);
}
}
xhr.send(null)
}
doesn't add or alter any tags that are absent in the source, and does
not take out line feeds within tags; it does, however, still take out
all non-line-feed whitespace within tags and all whitespace in general
between tags.
It seems that preserving whitespace is all that I need, but I haven't
found a way to do that through my searches. So is there any way to get
the unaltered HTML source of a page without innerHTML or applets, like
a better version of the XMLHttpRequest object's responseText method?
I am using a pre-built javascript DatePicker. It uses window.open to display
the Calendar and works fine if the user clicks on a link for a specific
date. The proper textbox in the parent window form is populated and the
DatePicker closes.
The problem is when a user clicks on the parent window, the datepicker is
hidden behind the parent window. Beleieve it or not, this creates a real
problem for many users.
Is there any way to put up an alert to the user and then set focus back to
the datepicker if the user clicks on the parent window by mistake?
In the datepicker.js there is a reference to the window created:
ggwindow = window.open(..parameters)
So I tried something like ggwindow.onblur=dont_close_me() referring to a
function that displays an Alert and then sets focus back to the datepicker
window. I know that onblur is an event and not a property or method of the
Window object, but I have also seen mentioned that the onblur event can be
applied to the Window object.
During window creation I don't see a way to set the onblur event for the
created window.
I need to keep a log in a test application, so I'm using a textarea for that, and I'm appending text using the+= operator.Follows the trace function which fills the textarea:
window.trace = function(s) {
if ($('#enableLogCheckBox').attr("checked")) {
var logArea = $('#logArea')[0];
[code]....
I've noticed that if you declare a variable in one function, then call another function, the variables cannot be accessed in that function. Is there any way to get the value of a variable declared in a different function?
View 5 Replies View Related<pre>
<html>
<head>
<title>Snapitup Script</title>
<style type="text/css">
*{margin:0;padding:0;}
</style>
<script type="text/javascript">
/* script made by gmn17@hotmail.com © 2005 free to use */
/* keep this script credit intact,thanx, a script to show/hide */
/* any html in IE Safari and Firefox, if you wish to preload */
/* just put it in the target, stripped out table and eval */
/* statements from 2 scripts and combined them, then altered */
/* part of a www.shawnolson.net script took eval statement out */
function snapitup(target,statement){
string = 'theTarget = document.getElementById("'+target+'");'
if(theTarget != null){
theTarget.innerHTML = statement;
}
var el=document.getElementById(target);
var theTarget=document.getElementById(target);
if(el.style.display!="none"){
el.style.display="none";
}else{
el.style.display="";
theTarget.innerHTML = statement;
}
}
/* use this to preload content */
function hideShow(target){
theTarget = 'document.getElementById("'+target+'");'
var el=document.getElementById(target);
var theTarget=document.getElementById(target);
if(el.style.display!="none"){
el.style.display="none";
}else{
el.style.display="";
}
}
</script>
</head>
<body>
<a href="#null" onclick="snapitup('row22','<iframe src=http://www.yahoo.com width=100% height=500px frameborder=none style=border:0></iframe>')">Category 1</a><br>
<a href="javascript:void(0);" onclick="hideShow(ཝ')">Category 2</a><br>
<div id="33" width="100%" style="display:none;"><img src="tn_1_books.gif"></div>
<p id="row22" width="100%" style="display:none;"></p>
<a href="javascript:void(0);" onclick="snapitup('row11','<table id=nTable border=2 width=500 height=400 cellpadding=0 cellspacing=0><tr><td>Data One</td><td>Data Two</td><td>Data Three</td><td><a href=# class=button>More</a></td></tr></table>');">Category 3</a><br>
<div id="row11" width="100%" bgcolor="#b9b9b9" style="display:none;position:absolute;left:100px;top:100px;"></div>
</body>
</html>
</pre>
Ok first the bad, it will not work from a stylesheet, you have to use style="display:none" all over the place, I will try to fix that without adding more than 2 lines to the script somehow, I hope. you can not have line breaks in the innerHtml statements in your links(I think that's normal anyway). javascript:void(0); will not work for an iframe, you have to use #(or #null to keep from clicking up to the top of the page) for the hrefs, I don't know if that is a bad thing or not, there has to be something better than both of those options. now the good, if you do not have access to the head of a page, everything works from the body of a page. it is good for making ul/ol tags for a vertical menu without that complicated scripting having to differentiate ul/ol text and li links in those scripts for just a simple menu, the ecmascriptmenu is the only one that makes sense to me, hope he gets his server fixed. the script seems to work with or without a doctype in IE6 firefox and safari. people always wonder why I try to make these type of scripts, I usually maintain long lists of links so I like to provide small previews(iframes that do not load until clicked) for each link, the best part is that IE firefox and safari react to it flawlessly unlike most other types of scripting, one script had an eval statement that gave me tons of trouble taking it out and the other script I took out a server sql proprietary call to a rowid for a table and made almost any html element be a target(a p tag for instance).
here at :
i have developed an application that allows users to post code on their profile on various social networks, and activate the application by submitting data via an html form from within their profile. the application works fine.the form action is processed on my server the problem is that after they submit the form, the users are directed to my website and the display of the results are presented on my website - at hxxp/xxxxxxxx.com/process.php.
i am trying to keep the users on their profile on their social network. i tried unsuccessfully using targret="_self" and target="_blank" as part of the code they are posting on their profile I am trying to figure out a way that they will not be directed back to my website.
here is the way the code posted on the users profile on their social network looks like:
<form action="hxxp://xxxxxxxx.com/process.php" method="post" name="process" target="_self">
<textarea name="somename" id="somename" rows="5" cols="5">blah blah
I have a menu with a horizontal submenu. What I want is for the submenu to stay active if the mainmenu link is activated... This I got so far. Now what I cant figure out is how to make the active submenu hide when hovering over the other mainmenu links... And show again when not hovering...
Here is what I have tryid so far:
Code CSS:
#navbar {
top: 0;
left: 0;
[code]...
Now this allmost does the part except hidding the active submenu when hovering...
What I would like to achieve is that when a user goes back to the first page that his/her selection of the cities is still available. All items that have been selected are in the right hand box. This list is again empty when they return to this page via the "history.go(-1)" link.
The page is in dev status and in german, but it is very easy to understand, so it shouldn't be any problem for you guys. The javascript code can be seen in the source code on the first page. The left list is filled with a mySQL statement in the first place.
Of course I can to some PHP workaround by evaluating the submitted variables, but this would be much more work. I want to know if there is an easier approach? Code:
Is it possible to keep values in the status bar an then get them?
View 4 Replies View RelatedOn the iphone I can keep a object on the top of the page by using the following in a interval:
Code:
document.getElementById('object').style.top = window.pageYOffset+'px';
I cannot figure out how to keep it at the bottom (to replicate fixed positioning)