Hi
My moveIt function is not working anmd I do not know why, can anyone help me - <html>
-
<head>
-
<!--
-
New Perspectives on JavaScript
-
Tutorial 4
-
Case Problem 2
-
-
The Chamberlain Civic Center
-
Author: Jodie St. John
-
Date: March 4, 2009
-
-
Filename: ccc.htm
-
Supporting files: back.jpg, ccc.gif, ccc.js, styles.css
-
-->
-
<title>This Month at the Chamberlain Civic Center</title>
-
<link href="styles.css" rel="stylesheet" type="text/css" />
-
<script type="text/javascript" src="ccc.js"></script>
-
<script type="text/javascript">
-
function Marquee() {
-
t1 = setInterval("moveIt('Text1')", 130);
-
t2 = setInterval("moveIt('Text2')", 130);
-
t3 = setInterval("moveIt('Text3')", 130);
-
t4 = setInterval("moveIt('Text4')", 130);
-
t5 = setInterval("moveIt('Text5')", 130);
-
t6 = setInterval("moveIt('Text6')", 130);
-
}
-
-
function Stop() {
-
alert ("stopping");
-
-
clearInterval(t1);
-
clearInterval(t2);
-
clearInterval(t3);
-
clearInterval(t4);
-
clearInterval(t5);
-
clearInterval(t6);
-
-
alert("Stop");
-
-
}
-
-
function moveIt(id) {
-
alert("inside moveIt");
-
var y = yCoord(id);
-
// alert("hi");
-
if(y < -100) {
-
placeIt(id, 5, 750);
-
}
-
else {
-
shiftIt(id, 0, -5);}
-
}
-
-
-
-
</script>
-
</head>
-
-
<body>
-
<form id="marquee_buttons" action="">
-
-
<div id="panel">
-
<p>
-
<img src="ccc.gif" alt="The Chamberlain Civic Center" />
-
</p>
-
<h2>
-
Events This Month
-
</h2>
-
<p>To order tickets: Call the box office at (971) 555-9191<br />
-
Or click <a href="#">here</a> to order online.
-
</p>
-
</div>
-
-
<div id="BOX">
-
-
<div id="Text1" style="position: absolute; left: 0px; top:5px">
-
Coming Soon to the CCC
-
</div>
-
-
<div id="Text2" style="position: absolute; left: 0px; top: 50px">
-
<b>October 2nd, 8 p.m.<br />
-
Falstaff</b><hr />
-
Enjoy the music of Verdi's <i>Falstaff</i>, as presented by the
-
popular Rockie Mountain Opera Company. Seating is limited.<br /><br />
-
Tickets: Box ($55), Main Floor ($45), Balcony ($35)
-
</div>
-
-
<div id="Text3" style="position: absolute; left: 0px; top: 200px">
-
<b>October 7th, 8 p.m.<br />
-
Taiwan Acrobats</b><hr />
-
The Taiwan Acrobats return to the Carson Civic Center for another
-
evening of fun and excitment.<br /><br />
-
Tickets: Box ($40), Main Floor ($35), Balcony ($30)
-
</div>
-
-
<div id="Text4" style="position: absolute; left: 0px; top: 350px">
-
<b>October 14th, 8 & 10 p.m.<br />
-
Roy Taylor</b><hr />
-
Enjoy of the blues sound of the legendary "Slow Train" Taylor.
-
Two performances at 8 and 10 p.m.<br /><br />
-
Tickets: Box ($40), Main Floor ($35), Balcony ($30)
-
</div>
-
-
<div id="Text5" style="position: absolute; left: 0px; top: 500px">
-
<b>October 21st, 8 p.m.<br />
-
Celtic Dancers</b><hr />
-
Enjoy an evening of Celtic music and dance, as presented by the
-
Oban Dance Company of Scotland.<br /><br />
-
Tickets: Box ($30), Main Floor ($25), Balcony ($20)
-
</div>
-
-
<div id="Text6" style="position: absolute; left: 0px; top: 650px">
-
<b>October 28th, 8 p.m.<br />
-
An Evening with Ike</b><hr />
-
David Lee presents <i>An Evening with Ike</i>, his acclaimed one-man
-
show of the life and times of Dwight Eisenhower.<br /><br />
-
Tickets: Box ($35), Main Floor ($30), Balcony ($25)
-
</div>
-
</div>
-
-
<div id="form_buttons">
-
<input type="button" value="Scroll Marquee" onclick="Marquee()" />
-
<input type="button" value="Stop Marquee" onclick="Stop()"/>
-
<input type="button" value="Reset" onclick="location.reload()" />
-
</div>
-
-
</form>
-
</body>
-
-
</html>
9 8059
Hi, the file is working, can u pls attach the js file associated with it.. because its trowing error cant find the object placeIt and shiftIt... The function moveIt() is called and the alert is working.. can u pls bit more elaborate on your requirement.
Regards
Ramanan Kalirajan
This is the code for the java script file - /*
-
New Perspectives on JavaScript
-
Tutorial 4
-
Case Problem 2
-
-
The Chamberlain Civic Center
-
Name: Jodie St. John
-
Date: March 4, 2009
-
-
Function List:
-
placeIt(id, x, y)
-
Places the id object at the page coordinates (x,y)
-
-
shiftIt(id, dx, dy)
-
Shifts the id object dx pixels to the left and dy pixels down
-
-
yCoord(id)
-
Returns the y-coordinate of the id object
-
*/
-
-
-
-
function placeIt(id, x, y) {
-
object = document.getElementById(id);
-
object.style.left=x+"px";
-
object.style.top=y+"px";
-
-
}
-
-
function shiftIt(id, dx, dy) {
-
object = document.getElementById(id);
-
object.style.left= yCoord(id)+dx+"px";
-
object.style.top = yCoord(id)+dy+"px";
-
}
-
-
function yCoord(id) {
-
object=document.getElementById(id);
-
yc = parseInt(object.style.top);
-
return yc;
-
-
}
Yupe... :-( I have tested your code on both Mozilla and IE (6) it seems to be working good.. Can u pls tell me what is the error you are getting in ur browser...
Regards
Ramanan Kalirajan
Hi
The code is suppose to move vertical up the page and it does not do that
works for me (FF 3.0.7, Mac OS 10.5.6), although the CSS could need some improvement (got overlapping text)
The code is working and the marquee effect what u had given is working from right to left diagonal wise.. Its not working in Vertical direction but works in a diagonal manner....
Regards
Ramanan Kalirajan
The problem will most likely be (though I've only looked at and not tested your code) that you need an xCoord function: - function xCoord(id) {
-
var object=document.getElementById(id);
-
var xc = parseInt(object.style.left);
-
return xc;
-
}
which you need to use in place of yCoord for style.left in ShiftIt().
did anyone get this to work? I am having the same problem, its not scrolling and i cant figure this xcord out. -
function xCoord(id) {
-
var object=document.getElementById(id);
-
var xc = parseInt(object.style.left);
-
return xc;
-
}
-
The solution was very simple; you just need to remove a line from your shiftIt() function so it reads: - function shiftIt(id, dx, dy) {
-
object = document.getElementById(id);
-
object.style.top = yCoord(id)+dy+"px";
-
}
The problem was that the second yCoord line was creating two scrolling points on the y-axis, therefore it was scrolling diagonally. So take it out and it will only scroll vertically.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Alf P. Steinbach |
last post by:
I have to shop Christmas gifts (and clean up... ;-)) before leaving
on Christmas holiday tomorrow, where I'll effectively be without a
network connection until January 6th, so I just posted what I...
|
by: Alf P. Steinbach |
last post by:
The fourth part of my attempted Correct C++ tutorial is now available,
although for now only in Word format (use free Open Office if no Word),
and also, it's not yet been reviewed at all -- ...
|
by: binnyva |
last post by:
Hello Everyone,
I have just compleated a JavaScript tutorial and publishing the
draft(or the beta version, as I like to call it) for review. This is
not open to public yet.
The Tutorial is...
|
by: Sathyaish |
last post by:
I had recieved an email sometime ago wherein I was asked to write a
function that parsed a given string for the longest pallindrome it
contained and replaced the pallindrome with another string,...
|
by: Xah Lee |
last post by:
i've started to read python tutorial recently.
http://python.org/doc/2.3.4/tut/tut.html
Here are some quick critique:
quick example:
If the input string is too long, they don't truncate it,...
|
by: Magnus Lycka |
last post by:
While the official Python Tutorial has served its
purpose well, keeping it up to date is hardly anyones
top priority, and there are others who passionately
create really good Python tutorials on...
|
by: Turbo |
last post by:
I have a written a detailed html tutorial here:-
http://sandy007smarty.seo.iitm.ac.in/2006/09/26/html-tutorial/
I know there are a couple of html tutorials out there. But its a
tutorial without...
|
by: Antoon Pardon |
last post by:
The following is part of the explanation on slices in the
tutorial:
The best way to remember how slices work is to think of the indices as
pointing between characters, with the left edge of the...
|
by: Banfa |
last post by:
Posted by Banfa
The previous tutorial discussed what programming is, what we are trying to achieve, the answer being a list of instructions constituting a valid program. Now we will discuss how...
|
by: Curtis Rutland |
last post by:
Have any of you ever used a Reverse Polish Notation calculator? I did in high school. It was easily the best calculator ever (the HP=32SII). RPN is great, because you don't have to use parenthesis....
|
by: DolphinDB |
last post by:
Tired of spending countless mintues downsampling your data? Look no further!
In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: ArrayDB |
last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: Shællîpôpï 09 |
last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
| |