JavaScript - Auto Create New Page?

I want to design my website so that when a page loads javascript will smoothly animate it from a reference point to the top of the page. I visited an Apple store recently and was looking at the encased ipods next to the displayed product and the one next to the iphone has a mini site and after pressing the compare button at the bottom of the page I saw this animation. Below is a link to the video i recorded showing what I am trying to achieve. Any and all help will be appreciated. I have found other script that animate on page load but none of which does it from a reference point like the following video. I'm not sure how the page loads at that point either. If someone could help with that as well I would greatly appreciate it. Thanks in advance.

http://demetriusmcclain.elementfx.co...pageScroll.MOV

Most of the Javascript I see has some sort of time limit on page reload and is not really what I am trying to accomplish:
Code:

<meta http-equiv="Refresh"
  content="10; URL=http://coffeeandtealtd.com/buynow.html" />

I am trying to make our buy page reload after clicking the Paypal "continue shopping" button in Paypal Website Standards. The pop up Paypal shopping cart window closes after clicking the button but our buy page doesn't reload. It doesn't reload in Safari although it seems to be fine in FF and IE. I am new to javascript coding and am not quite sure how to make the page reload in this specific instance only. Any sug's??

I'm attaching my php test file but this is a JS problem. When I scroll down in the web page and the meta refresh hits, in Windows Safari and IE6/7/8 browsers, the web page re-positions back to the top. In Opera and FF the page refreshes but it stays where it is.

Can someone look at my test script and see why it is not working in IE and Win Safari? My goal is to have the web page not re-position to the top on the auto refresh.

Thanks...

i have this code included within a .php file on my website. I realised that my %age rules defining the width of my website page dont really work once i get to wider sizes so i want to use a fixed width page design using css code (only once wide enough) to achieve this. Please have a look at my code and tell me what im doing wrong i cant find anything wrong with my js. If js is anything like python i may need to change the output from a string to an integer or something along those lines. I can easily just doc.write the width but i cant get it to compare properly


Code:

<script type="text/javascript">
if (document.body.clientWidth > 1280)
{document.write('<link href="wdestyle.css" rel="stylesheet" type="text/css" />')};
else
{document.write('<link href="nrostyle.css" rel="stylesheet" type="text/css" />')};
</script>

Hello,

I want to create a page that allows the user to select 2 images as options, when they click one, a new page is dynamically loaded with a list of options they can choose again (like a sublevel of the image they clicked on). From there it will just continue moving down like a hierachy

Can someone help me with the basic script forthis to work so i can mess with it and edit it to my needs ^

Thank you in advance

he everyone please i want to know how to submit a form using ajax every 5 minutes without reloading page

i have a huge form for exams and i need to submit the form without the need to wait until pressing submit because the user may wait to think about the answer a very long time..


so i want to submit the form and at the same time i cant reload the page as it is in normal submit form..

so how i can submit form in the background without letting the user knows that the form is submitted???

I have a php file lets say file1.php, that printing a variable, its dynamic numbers output that already always increasing, like private message numbers that coming or others :

PHP Code:
<?php
echo $variable
?>



i want to put that variable output, in another files page title, lets say file2.php or file3.html,
in the front of the another files page titles, and auto refresh every x seconds, maybe like this :

Quote:
(1) - another text in the page title
after x seconds, get a private message
Quote:
(2) - another text in the page title
after another x seconds, get another private message
Quote:
(3) - another text in the page title




or its ok if just like this, only the variable, without the another text in the page title
Quote:
(1)




please share your knowledge to make it, maybe using javascript, jquery or others

I would like to create a link from one page to another.
Easy - I know. But I would like that link to to take me to a certain part of the other page, specifically towards the bottom of the page.

Is that possible to do? And if so, what are the different ways I can specify where in the page to go? (i.e. what are the parameters that I can play with)

Thanks!

Hi,

I have an .aspx page which the author claims to be an RSS feed (http://gcn.com/rss-feeds/state-local.aspx). It is simply a list of links with a description for each. I am trying to embed these links into an RSS feed on my own page. I am using code from http://www.mioplanet.com/rsc/newsticker_javascript.htm to create the scrolling ticker. Do I need to do something to convert the .aspx page to an RSS feed? Please help. Thanks.

Hi all,

am trying to create a page which will automatically scroll to the bottom, then go back to the top and start again.

im very new to javascript and have done my best to peice together bits of scripts that do simular things the code below is what ive managed to come up with, it sort of works but am sure is full of mistakes

Code:

<SCRIPT type='text/javascript'>


var CurrentScroll=0;
var maxDisplacement=0;

function pageReset() {
CurrentScroll=0;
window.scrollTo(0,0);
}

function pageScroll() {

window.scrollTo(0,10000000);

if( typeof self.pageYOffset!='undefined' ){
maxDisplacement=self.pageYOffset;
}
if( document.compatMode && document.compatMode != 'BackCompat' ){
maxDisplacement=document.documentElement.scrollTop ;
}
if( document.body && typeof(document.body.scrollTop)!='undefined' ){
maxDisplacement=document.body.scrollTop;
window.scrollTo(0,0);
}

while(CurrentScroll <= maxDisplacement){
    	window.scrollBy(0,1); // horizontal and vertical scroll increments
    	scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds

CurrentScroll = (CurrentScroll + 1);
}

if(CurrentScroll == maxDisplacement){
pageReset();
}
    	
}


</SCRIPT>

if anyone can help it would be greatly appreciated

thanks in advance

Scoob

I've been told by many reliable sources that getting people to 'like' your site on Facebook is a great way of increasing your site traffic and getting a site ranked higher on Google and other search engines.

However, it is hard work to get it implemented correctly. What you want is to have each page individually 'liked' rather than the site as a whole. To do that can take a lot of time-consuming fiddling around.

We've created a simple piece of Javascript that allows you to create a custom 'like' button on each page of your site. Because we've had some help from other members with some bits and pieces of Javascript coding, it only seems fair to share something in return.

Prerequisites
You will need to get a Facebook Application ID from Facebook themselves. This is a unique Application ID for your domain. The easiest way to get one of these is to go to http://developers.facebook.com/docs/.../plugins/like/ and enter the details for your domain. Then click on 'GET CODE' and copy the 15 digit number from #appId. You then paste this into the Javascript as shown below.

Adding the Facebook 'like' button to each page - changes to HTML
In the <head> section of your HTML, add the following piece of code:

Code:

<script type="text/javascript" src="SocialMedia.js"></script>
<script type="text/javascript">
	
	FacebookSetup('Your page title goes here', 'image-to-show-on-Facebook.jpg');
	
</script>

At the point on the page where you actually want the 'Like' button to appear, you then add the following piece of code:

Code:

<script type="text/javascript">

	FacebookLike();

</script>

The JavaScript
Now create a JavaScript file called SocialMedia.js:

Code:

var facebookAppID = "xxxxxxxxxx"

function FacebookSetup(title, image)
{
 	var url=window.location.host + window.location.pathname;
 	document.write("<meta property='og:title' content='" + title + "' />");
	document.write("<meta property='og:type' content='article' />");
	document.write("<meta property='og:url' content='" + url + "' />");
	document.write("<meta property='og:image' content='" + hostname + "/images/" + image + "' />");
	document.write("<meta property='og:site_name' content='" + sitename + "' />");
	document.write("<meta property='fb:admins' content='" + facebookAppID + "' />");
}

function FacebookLike()
{
	var facebook="http://www.facebook.com/plugins/like.php?href=" + url + "&amp;layout=standard&amp;show_faces=false&amp;width=250&amp;action=like&amp;font&amp;colorscheme=light&amp;height=35";
		
	document.write("<iframe src=" + facebook + " scrolling=no height=35 frameborder=0 style=border:none; overflow:hidden; width:250px; height:35px; allowTransparency=true></iframe>");
}

Change the value in the variable facebookAppId on line one to your Application ID (as explained in the prerequisites section above).

What happens once you've implemented this?
Once you've implemented this, you should see a LIKE button on your page. If you are a Facebook user and have cookies set to always log you in, you'll find that when you click on this LIKE button, a link to your page will appear on your Facebook page, along with a thumbnail photograph as specified by you when you called FacebookSetup in your HTML code.

Other people who follow you on Facebook will then also have the link to your site appearing on their News Feed.

If you are not logged in when you click on the LIKE button, you will be prompted to log on to Facebook before the information appears on your News Feed.

What are the benefits of using JavaScript to do this, rather than writing the HTML code for each page?
Many sites have created a blanket site-wide 'LIKE' button and embedded it into their HTML. Whilst this is easy, it is limiting - the LIKE button always has the same title, the same picture and sends you to the same page on your website.

Of course, it is possible to write custom HTML for each page, but this can soon get messy and then becomes more difficult to maintain.

As an alternative, this JavaScript is simple and tidy.

The code makes it simple to create unique Facebook 'likes' for each page, with custom text and custom images. It also keeps your HTML tidy, thereby making it easy to maintain in the future.

Hope this helps, folks.

I want to use javasript to create a new html page named from a text field in a form. Then I want to use javasript to copy all of the form fields to the new html page that was created using javascripting. I am creating a user are using a Javascript password login. With most of them the page is the user name or password. So this is why I am looking to do this. I use web 1000 a free host and they will only let me use javascripting. Any info or help would be great thank you

Hello, I'm on a RPG game and they have a automatic logout timer to stop people from using bots to play, the only problem with it is, if someone lets the timer run out, it won't let the user log back in for a time (This time could be anywhere from 5 minutes to 3 hours from what other members have told me)

Now java isn't my strong point (But I'm learning ^_^) and I'm not 100% sure if this error is related to java or some other code format. Using the develop tool in Safari I was able to find the code, and its telling me thats its java, I'm sorry if this is in the wrong place if its not Java after all.

I'm wondering if looking over this code, someone might be able to find the problem or might have any tips to make it work better. (Note; I'm not the admin or owner of the RPG, but the owner hasnt done anything about it mainly cause they are to lazy I think?? or might not know how to fix it.

PHP Code:
    var c_reloadwidth3=200
    var countDownTime3=countDownInterval3+1;
    
    function countDown3(){
        countDownTime3--;
        if (countDownTime3 <=0){
            countDownTime3=countDownInterval3;
            clearTimeout(counter3)
            window.location.reload()
            return
        }
         
        if (document.all) //if IE 4+
            document.all.countDownText3.innerText = Math.floor(countDownTime3 / 60)+":"+(countDownTime3 % 60)+" ";
        else if (document.getElementById) //else if NS6+
            document.getElementById("countDownText3").innerHTML= Math.floor(countDownTime3 / 60)+":"+(countDownTime3 % 60)+" "
        else if (document.layers){
            document.c_reload.document.c_reload3.document.write('<b id="countDownText3">'+countDownTime3+' </b>')
            document.c_reload.document.c_reload3.document.close()
        }
        counter3=setTimeout("countDown3()", 1000);
    }
    
    function startit3(){
        if (document.all||document.getElementById)
            document.write('<b id="countDownText3">'+countDownTime3+' </b>')
            countDown3()
    } 


For all I know it could be another script causing it to do it, but this is a start to help try and fix the problem.

Thank you to anyone who helps.

- zerobeat, Jack.

anyone can help me??

Code:

var milisec=0
document.d.d2.value='0'

function display(){
  if (milisec>=9){
     location.replace('javascript:chresp(1,0)');   
//   i want to doing auto click to this link -> javascript:chresp(1,0)
  }
  else
    milisec+=1
    document.d.d2.value=milisec
    setTimeout("display()",1000)
  }
display()

I need help adding an auto scrolling feature (such as this http://www.brownielocks.com/autoscroll1.html) to an object on my website (see www.mymcgillmisa.com)
I've tried (with no results) to get it to scroll, but maybe some experienced coders can help

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title></title></head><body><div style="width:320px; height:360px; overflow:auto;">
<p style="font: 13pt/20pt Garamond, Georgia, serif;color:#191919;">

<b> NEWS AND ANNOUNCEMENTS</b>
</p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

<b>WELCOME BACK </b></p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

MISA has big plans for you this year, so stay tuned and check back here often.
We plan on keeping you as up to date as possible with events relevant to you
this year.</p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

<b>MISA Rep Selection 09</b></p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

<b>3</b> representatives will be chosen by the executive council for each year
(U1, U2, &amp; U3) , if you are interested in applying please check your McGill
e-mail or <a href="http://www.sendspace.com/file/60yyn4">click here</a> for
information.</p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

<b>Intramural Sports Teams</b></p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

The possible teams a  Basketball, Ball Hockey, Dodgeball, Flag Football, Ice
Hockey, Outdoor Soccer, Ultimate, &amp; Volleyball. Teams will be formed based on
the number of people interested. Please send an email from your McGill email to
<a href="mailto:mimmsports@gmail.com">mimmsports@gmail.com</a> with a subject
header of the sport (s) you wish to play. All requests must be sent in by Friday
September 11th to be considered.</p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

<b>ROYAL FLUSH:</b></p>
<p style="color:#191919; font-style:normal; font-variant:normal; line-height:20pt; font-size:13pt; font-family:Garamond, Georgia, serif">

Casino night fundraiser for the Crohn's and Colitis Foundation of Canada at Suco
on St-Laurent on <b>Sept 11 @ 9PM </b>&nbsp;feat. DJ Alexei Sopin, Burlesque and
Sexy Bollywood dancers, poker, blackjack, roulette, and prizes! Cocktail Dress
Code. <a href="http://www.royalflush.yolasite.com">www.royalflush.yolasite.com</a>
(20$)</p>
</div></body></html>

Any help would be appreciated
thanks