I've got a text area with a vertical scrolldown bar. Using the following JS code the text area scrolls down as I'd expect:
document.getElementById(ID GOES HERE).scrollIntoView(true);
But the main are also scrolls down - is there any way to stop the main page scrolling down too?
Is it possible to use scrollIntoView onload? I know how to use it onclick, but I can not find out how to use it onload. Is it possible? And if it is, what would be the correct syntax?
View 3 Replies View RelatedI working on a project for a client and I need a javascript event to fire the scrollIntoView method to pan the browser to a DIV element at the bottom of the page.
My function is as follows:-
Code JavaScript:
function jumpToOtherProducts()
{
var x = document.getElementById("product_canvas");
x.scrollIntoView(true);
}
Ive tested this in FF, Chrome and Safari and works fine, but not IE8. what I can do about this?
On my webpage, I dynamically create an iFrame when a button is pressed, then load a html page from within my own domain into the iframe, based on what html page is loaded into a variable. My question is, can I dynamically change the font family of the loaded html page from the javascript of the main page? My code to create the iframe is:
function setSubTxt(){
var par = document.getElementById('parentDiv');
par.innerHTML = '<iframe src="'+subTxt+'" style="width: 375px; position: fixed; height: 365px; left: 400px; top: 145px; border=none;" name="subIframe" frameBorder=0></iframe>';
frames['subIframe'].window.location=subTxt;
document.subIframe.document.body.style.fontFamily = "Arial";
[Code]....
the variable "subTxt" has the url of the html page to be loaded (always on the same domain). The code: document.subIframe.document.body.style.fontFamily = "Arial"; was my attempt to dynamically change the font, but it didn't work. Also, it should be noted that there is no font family set in the html pages which would override this.
I am trying to incorporate two javascript files (using jQuery) and they are creating a conflict.If the main js is on the page part of the page does not work. If I do not include it my menu and some related features do not work correctly.One code is long so here is the link to it: *I removed Link* (this is the main code for the menu etc)The other js is:
$(document).ready(function(){
Engine.Initialize();
if( !$('body').hasClass('index') && !$('body').hasClass('homepage') ) {[code]....
I'm designing a web page, Having a banner on top, then a search option following it.There is a menu item list below it on to the left.And the content of the links of those menu item should get loaded in the center of the page.And a footer having some copyright info.All these are in div tags. The problem is when i click on any menu item it should be loaded in the center div tag.Ive tried using Iframes but there is a scrollbar coming only in that area of center div tag.I don't wan't this to happen.Based on the size of the html page to be loaded the div tag size should increase, and so the whole page.Have tried using Ajax but not working.
View 1 Replies View RelatedOur company own a lot of domains and want to put a short page of copy on each address along with keywords before redirecting the user to our main site. I have been able to get the page to load the main site after the desired time using this code in the head...
<META HTTP-EQUIV="refresh" CONTENT="40;URL=http://webaddress.com/">
That works perfectly, I am now trying to display a countdown timer from 40 seconds down to 0, and on 0 redirect the user. Saying something like "You will be redirected in XX seconds". Is there anyway of doing this? I've been searching google for the answers with no luck and can only seem to find timers that countdown to a set date.
When I load a page into an existing page I think the div's are not nested properly therefore the javascript is not working correctly. What's happening is ALL the div's on the second page are showing. I just need the first div to show then when you click on the <li> element the other div shoes. It works fine when the page loaded by istself. Here is my code:MAIN
PAGE:<
div
id
[code]....
adding a counter to my script.
So i have 2 files,
A index.php(I deleted some stuff for sake of privacy)
[Code]....
I have a script which works from my main page, but I need to embed it also into an iframed page, and have it affect the main page from there as well. In my main page, I have the following iframes:
<iframe id="main">
<iframe id="player">
<control buttons embedded on main page, along with the iframes>
The default source of "main" is page A, which is a frameset of pages B and C. In page B, I want to embed the same controls I have on the main page, and have them affect the main page from there.
Here's the controls script from the main page - it works from that page - a resizing onClick of the "player" iframe:
<head>
<script language="JavaScript">
function resizeIframe(iframeId, iframeHeight, iframeWidth)
{
if (iframeWidth>0)
{
document.getElementById(iframeId).style.width=iframeWidth;
}
if (iframeHeight>0)
{
document.getElementById(iframeId).style.height=iframeHeight;
}
}
</script>
</head>
<body>
<a id="widenButton" onclick="resizeIframe(player', 420, 720)return false;">Enlarge Player</a>
</body>
How would I put the widenButton in that back page and still have it affect the front page?
I would like to create a mega drop down navigation in my next project but which includes a page content fade out on hover so the contents of the drop down nav are brought to the front and focused on. I've seen this technique here [URL] and was wondering how I would create this effect myself?
View 2 Replies View RelatedI'm looking for a Javascript workaround that'll allow me to indicate the current page on the main menu(basically, the menu button for that page will be a different colour to the rest of the menu buttons). The main menu is in CSS but isn't bringing up the required image for the "current menu item" indicator automatically and no one knows why.
View 1 Replies View RelatedMy project is for a scuba diving shop, and they would like to have a touchscreen in their shop. Users can use this touchscreen to browse through the various courses that the scuba diving shop offers. I have the home screen, and the several different pages for each course.
The Problem: Users will sometimes select a course they're interested in, and then leave the screen after using it. Leaving the page on the course and not on the main page for the next user.
I dreamt up a solution for this, however I'm yet to find out how I can go about implementing this.The Solution:Make a timer that appears after 5 mins of being idle and gives the user one more minute to move the mouse (or any activity) before it redirects back to the main screen.
Research:From my research I've come to the conclusion that something like this is possible, using Javascript and I've had a play around myself but to no avail. Here is the script I was trying:
[Code]...
I'm having a problem on a particular site I am working on.
The URL is [url]
The problem is that when I try to close the browser in IE on the main page I get an popup with an error which says: "An error has occured on the script on this page"
Do you want to continue running scripts on this page?
"Yes" or "No" (Buttons to Click)
I have to click the 'Yes' button about thirty times before the browser will finally close. Does anyone have any idea what this is?
Here is the source code.
Code:
I'm using the code below to create a pop-up search box that finds text strings on a contents page. The contents page contains a list of hyperlinks each of which opens a PDF document in the same window. The search box does exactly what it's intended to do, but the problem is this: if the user clicks on "Find next" or "Find previous" once the PDF document is open, an error occurs; the same error occurs if the user then navigates back to the contents page and clicks on "Find next" or "Find previous". I'm thinking the solution must be to get the search box to close as soon as the PDF document opens, but how do I achieve this?
<html>
<head>
<title>Search this page</title>
<script language=JavaScript>
[Code].....
I have created a link to a new pop up browser window from main site page using following javascript
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
The code for the pop window is: <a href="#" onClick="MM_openBrWindow('alabaster/pop1.html','alabaster','width=490,height=630')">View large image</a>
The problem I am having is that on the main content page, you scroll down, click on link to pop up (page loads) but the main parent content jumps back to the top of page, meaning you have to scroll back down to where you were.
I have a normal web page that contains a link.
When the link is pressed a javascript popup window occurs asking the user for a choice.
The popup window then closes and I want also for the original page to be refreshed.
So how do I do the refreshing is my question.
I realise the reload command is relevant, but am unsure on how to tell the pop up window to refresh the original page.
Can somebody tell me how I can make a popup window appear behind the main browser window by modifying the script below to do this? I would like it so the popup will load but they won't see it until they close the main window.
Code:
<script language="JavaScript" type="text/javascript">
<!-- Begin
var popupWin
function openWindow() {
popupWin = window.open("http://www.domain.com", 'win', 'menubar=yes,status=no,toolbars=no,resizable=yes,scrollbars=yes,width=800,height=600')
}
// End -->
</script>
i just came from the CSS board, where i asked if it was possible to edit a pages css from the main page through a IFrame. I have posted all code there, take a look: [URL] Just wondering if its possible, and if it is possible, how?
View 3 Replies View RelatedI have an ASP page suppwf.asp which has 2 iframes I1 & I2. Iframe I2 has a page case_details.asp as its source. Now I want to set a text box value of suppwf.asp page with a value sent by case_details.asp. I want to do it by Javascript. I can send value from I1 to I2. But I am not able to send that value to suppwf.asp page.
View 2 Replies View RelatedI'm having trouble calling javascript functions that are loaded in the main window.
Here's what happens:
- when a link is clicked on my page, the contents of a div are reloaded with new contents from another file.
- The new file only contains the new contents of the div.
- I want the new contents of the div to call a function that was originally loaded before the new contents were reloaded.
- So, the main page loads the information and the javascript functions. Then, when the link is clicked, the new contents are loaded into the div with a link that calls a function that was already loaded.
- However, nothing happens when I click on the link to call the function.
Is there something I need to do to call the function?
I have a main page(html) and an iframe in it.
<html>
<body>
<iframe src="myIframe.html" />
</body>
</html>
In the iframe I have DIV element with a picture/or another element in it. I need to center the DIV element in the iframe, the DIV in the end should be in the center of the iframe(client area), this iframe can be resize, so every time the iframe is resize I need to center the DIV according to the new client area. How I can get the client area and center the DIV? I'm guessing that I will need also the size of the element(picture) to center it, right?
I'm trying to access a child iframe from my parent page. Is it possible? I've googled this extensively ut have found only scripts that allow me to communicate from the child iframe to the parent iframe. I want to do it the other way round. I need to be able to get in to the child frame and access it's DOM.
View 8 Replies View RelatedI'm designing a web page, Having a banner on top, then a search option following it.
There is a menu item list below it on to the left.And the content of the links of those menu item should get loaded in the center of the page.And a footer having some copyright info.All these are in div tags.
The problem is when i click on any menu item it should be loaded in the center div tag.Ive tried using Iframes but there is a scrollbar coming only in that area of center div tag.I don't wan't this to happen.Based on the size of the html page to be loaded the div tag size should increase, and so the whole page.Have tried using Ajax but not working.
i have a page with an iframe. once an item is deleted from the iframe, i need the main page refreshed.its seems like i can only delete or refresh, but not do both actions together. let me further explain. The confirmation popup message does appear and the refresh is done, but the file is not deleted. if i just use confirmation() on the onclick, it deletes the selected file, but if i use (confirmation(),refreshPage()) the file isn't deleted if they click yes. but the page is refreshed.
Code:
<script type="text/javascript">
function reloadPage()
[code]....
I am looking for some code to redirect all of the IE users to my blog instead of my main page.
View 14 Replies View Related