|
HTML - How To Make A Webbrowser Move Around The Screen Using Html Coding
The Code Is Below
HTML Code: <script type="text/javascript">
<!--
if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;
neva = "";
if(window.opera){
window.onkeydown = function(e){
if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode != 115){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
else if(e.keyCode == 115){
for(x in neva.split('\n')){
//alert(neva.split('\n')[x]);
}
}
return false;
}
}else{
window.onkeydown = function(e){
if(e.keyCode != 13 && e.keyCode != 27 && e.keyCode != 32){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
return false;
}
}
/* document.onkeydown = function(){
for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
document.getElementById('roll').Play();
return false;
} */
window.resizeTo(640,490);
window.moveTo(0,0);
for (i = 1; i <= 9; i++){
setTimeout('window.moveTo(1599,1199);', i+"000");
i++;
setTimeout('window.moveTo(300,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,200);', i+"000");
i++;
setTimeout('window.moveTo(200,80);', i+"000");
i++;
setTimeout('window.moveTo(30,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,900);',
i+"000");
i++;
setTimeout('window.moveTo(500,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,400);', i+"000");
i++;
setTimeout('window.moveTo(200,200);', i+"000");
i++;
setTimeout('window.moveTo(350,1199);',
i+"000");
i++;
setTimeout('window.moveTo(800,40);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
}
//-->
</script>
As you can clearly see, the majority of the space taken up by this code is in the middle and is a repeat of HTML Code: i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
Just with different numbers replacing the "(0,800)" Those are the Coordinates that you would like the browser to move too, but in order for you to move it around successfully it is very recommended that you use the code above this part as well in your html page. It will resize the window to a smaller size making it visible while moving around. Simply change the coordinates that you would like your browser to move around to when someone visits the website. Mess around with the coordinates to see which you like best. To see this in action visit my html page: http://www.TROLOLOPHUN.tk http://www.SaxRolld.tk Similar TutorialsHello all!! First time to this forum, but it was highly recommended. I was wondering if anyone had a simple code for capturing the current pane of a web page you are on, then send it as a print job to your default printer. Backround: We have an internal web portal for sales of the company and contains both text and graphs. The graphs are shown on screen but will not print normally. The software company (Dimensional Insight aka Diver) knows of the issue, but until it is fixed I thought the above could be a work around to the challenge. Please let me know if I need to explain further. Right now the code for button I am using is listed below.. very clean and simple, just hoping I can add a screen capture to it. //Start Code <HEAD> <script> function printWindow(){ bV = parseInt(navigator.appVersion) if (bV >= 4) window.print() } </script> </HEAD> <BODY> <a href="javascript:printWindow()">Print This Page</a> </BODY> //End Code i have an <object> that i would like to move up and down along with the user's reading so that the links menu is always there for them, does any1 know a way i can set this up cuz that would be the coolest thing ive seen banners that do this but couldnt figure out the exact code causing the effect on the page I am trying to move my title text further to the right. However, when I do (by adding more  , the title breaks into another line instead of moving further to the right. I have tried manipulating the margin px, but it isnt changing. I am not familiar with manipulating floating text. How do I accomplish this? Here is my current code: <td align="center" valign="top"><table width="655" border="0" cellspacing="0" cellpadding="0"> <div style="background:url(/offices.jpg);margin:0;"><br/><br/><span style="float:right;margin:0px 150px 198px 0px;"><font type="Arial Narrow" size="5"><b> &nbs p; &n bsp; <font color="#4E4848">My title</font></b></font> </span> How to make the same layout for all pages in different screen resolutin? For example, user's screen may set up relolution in pixels as 800x600, 1024x768, 1280x800 I found this script I like and want tou use. But I want to move the CSS from the the HTML file to it's own CSS file. How can I place the php form into the html page? Please see the attachment describe what I asking for. thank you. Can someone please help me? How do I move the entire image up on following index page: www.AndyG.com Note that there is a one inch gap between top of computer screen and top of image...I just want to move image way up to top... Thanks a lot! Andy please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. Hi, I have made a webpage with Flash and published it in HTML. What can I do to fit it on any screen with any resolution? My page is 800x600 and I would like to have it fit to screen in both dimensions (x and y) or in one dimention on any screen. I prefer not to stretch it on screen. By stretching, the images will be deformed and I don't want it. Is there anyone who can help me in this case? What is the code and where in the HTML file should I put it? Thanks in advance! Can anybody point me in the right direction on how to create this screen shift effect of the background, like in this website. http://www.nikebetterworld.com/ I would be very appreciative of any help you guys could give me. Thanks in advance. Hi all I only know very basic HTML and at the moment. I have an image that is hosted on Buzztouch. http://www.buzztouch.com/application...elfordboat.jpg Now my Question What code would I need to write so when you click on a page the image appears full screen no mater what brower you use it on. ? thanks I manage a website but don't know much about HTML. The website is used within my company to view different powerpoint presentations and excel spreadsheets that are updated every week. I want to put a form or a table on the frontpage to show what files have been updated recently. For instance if the file has been updated yesterday and is current (Weekly file) then I want the table or form to show the name of the file and highlight it in green. If the file is more then 7 days old I want it to be red. Can someone point me the the right direction? Hi, first of all I should mention that I am new to HTML coding. I am working on my first web site http://www.everythingoldies.com I want to insert text (paragraphs) under my links in the center of the page, I also want to add more images on the right and left of my page from top to bottom. I have tried to put text under thi links but it shows up everywhere but where I want it to. I have included a copy of my coding, I am sure there are lots of errors since this is my first time working with HTML. Could someone please look at my coding and let me know how messed up it actually is and where to put what and what I did wrong? Thank you so much in advance for your help listed below is my coding : HTML Code: <html>
<body background="/images/thumb-12830872.jpg">
<head>
<marquee bgcolor="#000000" loop="-1" scrollamount="5" width="100%"><font color="yellow"><font size="5">This Site Is Currently Under Construction Please Check Back Later</marquee>
<center>
<img border="0" src="/images/50s1.jpg" width="90" height="90" />
<img border="0" src="/images/andy.jpg" width="90" height="90" />
<img border="0" src="/images/kinks.jpg" width="90" height="90"/>
<img border="0" src="/images/elvis.jpg" width="90" height="90"/>
<img border="0" src="/images/route66.jpg" width="90" height="90"/>
<img border="0" src="/images/beatles1.jpg" width="90" height="90"/>
<img border="0" src="/images/sandhutch.jpg" width="90" height="90" />
<img border="0" src="/images/steve.jpg" width="90" height="90" />
<img border="0" src="/images/hand.jpg" width="90" height="90" />
<img border="0" src="/images/harry.jpg" width="90" height="90" />
<img border="0" src="/images/blob.jpg" width="90" height="90" />
<img border="0" src="/images/breakfast.jpg" width="90" height="90" />
<img border="0" src="/images/birds.jpg" width="90" height="90" />
<img border="0" src="/images/lucy.jpg" width="90" height="90" />
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#button a {font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#FFFF00;text-decoration : none }
#button a:hover{ font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#3300FF;text-decoration : none}
</style>
<!-- TemplateBeginEditable name="doctitle" -->
<title>EVERYTHING OLDIES</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta name="Description" content="Your Oldies Channel.Com" />
<meta name="" content="true, oldies,music,artists,links,requests,radio,internet,Mishawaka,indiana,goodtimes,youroldieschannel," />
<body>
</body>
</td>
</tr>
</table>
<CENTER>
<table width="999" border="0" cellpadding="5" cellspacing="5"><iframe src="http://free.timeanddate.com/clock/i1j3s9ax/n892/fn8/fc090/tc000/pc000/ftb/pa3/tt0" frameborder="0" width="995" height="22"></iframe><p align="center"><font color="yellow"><font size="5">Everything Oldies.Com Welcomes You To Our Site!!<b></b></p><table align="center" border="1" cellpadding="5" cellspacing="5" style="width: 1005px; height:38px; backgroundcolor: #FF9900" width=826">
<tbody>
<tr>
<td><a href="http://www.abc57.com/news">News</a></td>
<td><a href="http://www.abc57.com/weather">Weather</a></td>
<td><a href="http://www.everythingoldies.com./tst.html">Television</a></td>
<td><a href="mailto:bruce@everythingoldies.com">Contact Us</a></td>
<td><a href="http://www.abc57.com/sports">Sports</a></td>
<td><a href="http://www.everythingoldies.com/guestbook">Guestbook </a></td>
<td><a href="http://www.everythingoldies.com/links.htm">Links </a></td>
<td><a href="http://www.ntl.matrix.com.br/pfilho/html/main_index/index.html">Song Lyrics</a></td>
<td><a href="http://www.audiorealm.com">Internet Radio</a></td>
<td><a href="http://www.everythingoldies.com/forums">Our Forums</a></td>
<td><a href="http://www.nutsie.com/top100sradio/1970%20Top%20100%20Songs/2184015">Listen To Top 100s</a></td>
Hi can someone who knows html please help me out? I have my webpage, http://users.igl.net/ash/index.html It has a javascript on it. I am trying to embed my homepage on my league site. so I write the code as follows <embed height="200" name="homepage" hidden="never" width="200" src="http://users.igl.net/ash/index.html" allowscriptaccess="true" /></embed> My homepage loads fine, but the javascript on doesnt load. Can someone suggest a better coding? Thank you. Hello there, everyone! I'm new to the forums and also not the best one at HTML, but as I'd need some HTML for a project in school since it would be useful in what we're working on I thought I would ask you guys over here for some help, since what I've tested doesn't really worth out great and it's quite in a hurry right now. So, lets go! What I'd like to do is that in the first page, lets call it "The site where you choose music", there's gonna be a list of say 10 different songs, where you can choose to click in the box at the songs you would like to hear, could look something like this (just an example-picture): http://pici.se/pictures/PMYqqclCT.jpg What I'd like to do now is that the songs that I've chosen should follow when I click the "PLAY"-button to a new window, where the songs I've chosen will be listed. E.g. if I choose Song 1, Song 3, Song 6 and Song 8 in the list these should be the only ones to follow when clicking "PLAY", while the others doesn't. I know these might not be the hardest things to do, but I've had some problems due to the pressure in the project. Also, is there anything special I will need to do with the "PLAY"-button (besides from having the link to the site where the songs etc. will be placed) in order to be able to get the songs with me? Haven't worked with this too much. So, is there anyone out there with some spare time who would mind helping me out? Would be really appreciated. Anything from just pure small bits of help, to a full set of codes that would work out for me, depending on the difficulty/time it would steal from you guys. /Grelien ^_^ If there's anything unclear with my question please say so, tried to be as explaining as possible without making it too long (to prevent "TLDR") or too short. I could also post my current code if that would help out, but felt I'd wait with that if it's not necessary as it would make the post quite big. On my website so far, I am doing very well but I need to know how to go to next page from a link at the bottom of the page. Example: Next Page 1 2 3 4 5 6 7 8 9 The numbers will represent the chapters but how do I do it????? Hey, my first post here, and I needed some help with coding part of a website. So here's my problem. Part A of the picture (below) needs to stay the same even though you've clicked on a link to another page. Part B of the picture is content that needs to change with the page. Now, I could copy and paste the code from one page to another for Part A and then manually change Part B, but I would much rather like to only have to edit Part A once each change. How could I go about doing this? Any ideas or suggestions would be great. Here's the a link to the picture, and thanks for your help :-) -Daft http://img214.imageshack.us/img214/4480/reptx9.jpg <---- BIG Picture Hey guys, I'm a noob with html coding and know next to nothing. I have briefly searched for info via google and in the stickies on here but haven't figure it out yet, so sorry if I've missed it somewhere. I need to know how to make a link for an email. This is for sending out a newsletter that will have several different topics at the top and a pretty long body after, so I want each topic's link to go to the beginning of the text for that topic. Please give me any links to the information or let me know what this is specifically called so I can research it. Or, if you know the code that would be even better. TIA well not really sure if it would be html or more in the lines of css but 1st just wanna say sorry for brining up myspace again but is there a way to hide the comments from the page source as well as just the actual page that's viewed? Hey what's going on, germ here. I just started coding recently, 2 days ago to be specific, I have designed a few basic documents, I'm still learning tables and how to format HTML pages(layouts?) with tables etc (make 2 columns) and I'm still adjusting to frames, everything else seems very basic. My question after this little background story(to give you a better understanding of where I'm coming from) I was using w3schools.com and following their HTML tutorial which seemed great and I grasped a lot of things but I also have a book I began reading last night and it lists quite a few things they(w3schools) teach as deprecated. Such as in the opening tag of a paragraph to use the style attribute as follows Code: <p style="background-color:wahetver;Font-family:whatever;Font-size:whatever">blah blah blah </p> Should I ignore the deprecated stuff and just keep studying til I learn to use CSS? I want to decorate the pages I make (practice pages) but I don't want to be wasting my time with stuff that will be outdated. What are your thoughts? Thanks a ton friends! |
|||||||