How do I put this javascript in web page?

JavaScript
1

Hello, I have a web site at:

http://needablemerchandise.webs.com/needable%20main/html.html

and I am have trouble placing this javascript code in web page:

<html>
<head>
<title>Sales of the Day</title>
<style type="text/css">
.SaleOfDay {
	height:0px;
	width:0px;
	border:1px none blue;
	background-Color:#FFDF55;
	display:none;
	font-size: xx-large;
	color: #630;
	font-family: "Times New Roman", Times, serif;
	clip: rect(auto,auto,auto,26px);
}
body,td,th {
	font-size: 18px;
	color: #630;
	font-family: "Times New Roman", Times, serif;
}
a:link {
	color: #630;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}


a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #630;
}
</style>
<script type="text/javascript">
// For: http://codingforums.com/showthread.php?t=197610

onload = function() {
var DayArray = ['SunSales','MonSales','TueSales','WedSales','ThuSales','FriSales','SatSales'];
var today = new Date();
var DOW = today.getDay();
document.getElementById(DayArray[DOW]).style.display = 'block';
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="SunSales" class='SaleOfDay'>
<script type="text/javascript" src="SunSales.js"></script>
</div>

<div id="MonSales" class='SaleOfDay'>
<script type="text/javascript" src="MonSales.js"></script>
</div>

<div id="TueSales" class='SaleOfDay'>
<script type="text/javascript" src="TueSales.js"></script>
</div>

<div id="WedSales" class='SaleOfDay'>
<script type="text/javascript" src="WedSales.js"></script>
</div>

<div id="ThuSales" class='SaleOfDay'>
<script type="text/javascript" src="ThuSales.js"></script>
</div>

<div id="FriSales" class='SaleOfDay'>
<script type="text/javascript" src="FriSales.js"></script>
</div>
<div id="SatSales" class='SaleOfDay'>
<script type="text/javascript" src="SatSales.js"></script>
</div>
</body>
</html>

It will display SatSales.js but will not change to other js file days like it does if i use code alone. When I put <head> in my html <head> and <body> with <body> in my page I just get SatSales.js. But it will not change days like it suppose to. How do i use it in web page?Thanks!

2

Aw well, I kinda would like too, but I don’t mind working hard on things of a liken too me. Coding is kinda fun. Thanks!

3

I Hit my head on somthing “Mittineague”. I omitted


<body onload="MM_preloadImages('menu buttons/Home-push.png','menu buttons/Apparel-push.png','menu buttons/Automotive-push.png','menu buttons/Books&amp;Media-push.png','menu buttons/Computers-push.png','menu buttons/Electronics-push.png','menu buttons/Home@Garden-push.png','menu buttons/Services-push.png','menu buttons/More-push.png','color-sweater.jpg','http://www.zappos.com/n/multi_view.cgi?product_id=7578972&amp;color_id=24791&amp;view=multi','http://i795.photobucket.com/albums/yy237/roycar71/color-sweater.jpg','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar3_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar4_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar5_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar6_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar2_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar1_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar7_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar8_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar10_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar11_1.gif','http://i795.photobucket.com/albums/yy237/roycar71/ebbtcbfont_size12_menu_bar9_1.gif')">
<div id="apDiv4">

and used <body> tag to start off my body. I started “<style type=“text/css”>” at beginning of head and eliminated the other opened ones to make one </style> for other styles in head. It took me almost whole weekend. It appears to be working. I used a test site on my server at:

http://needablemerchandise.webs.com/needable&#37;20main/test.htm

I tested my results by changing varies day’s on my computer and .js files changed orders accordingly.

4

Good to hear :slight_smile:

Trouble-shooting sure can be aggravating at times. Sounds like you deserve a well earned break - maybe put a little bit of your lost weekend into today. :drinky:

5

Sorry Mittineague I get same results. It works on stand alone version, but not in my xhtml page. Thanks

6

The Firefox error console shows many Warnings, but an “undeclared” looks especially suspect to me.

Try changing
onload = function() {
to
var onload = function() {

7

Ok thanks, I will try that.

8

I know it’s a bit of work, but the easiest way to figure it out is to add the CSS and javascript files that are in the non-working page to the working page one-by-one until the working page breaks. Then it’s easier to know what file to look at to see where the clash is.

If you can figure out what file breaks it, I’ll be happy to look at it for you.

9

I guess if I was doing it, I wouldn’t load all 7 javascript files into divs, only using 1 and hiding the others. For efficiency’s sake, I would use javascript to change the script tags src value instead.

Anyway, I tried the simplified version of the page as you posted in this thread and it works for me. I got Wed yesterday and I get Thu today.

There must be a conflict with the other CSS and/or javascript somewhere. There’s quite a bit but I’ll dig some more when I get a chance.

Did this work before at anytime and only “break” when you made a change somewhere - i.e. started using another CSS/javascript file ??

Out of curiousity, if you make another day “last” instead of Saturday, is that the one and only one that works?

10

The simplified version works by itself, but when I tried to place in my page I only get saturday. The only thing i did was put the head part of script in my head html and the body in my body part of page. That is only thing i changed.

11

Ah, OK now I understand. Sorry it took so long for me to get what you were after. I’ll take another look.

12

No, it was to have one day at time show for 8 different orders 7 days. I have SunSales.js Thru FriSales.js files. When I run code above it works good. When I put in site I already have, it just shows SunSales.js orders. I would like it to show according to day. Thanks!

13

I imagine the script was written with the intention of having only one “day” on a page. But if you are going to have every “day” on a page at the same time you could try changing the javascript code to

var str = '';
str += '<div class="apDiv10">';

Any reference in the CSS for
#apDiv10
will “break” as it would be
.apDiv10
instead. And you may need to tweak the CSS (i.e. lose the absolute position) as they may all end up taking up the same space on the page - but test and see first, maybe not.

14

The person who gave me code put

apDiv10

because that the div were i would like my sales to show at on daily basis. Can you give me example of what class I could use?

15

In this use it isn’t javascript, but an HTML tag attribute.
i.e. - “id” vs. “class”
An id attribute should have a unique value. But class attributes with the same value can be in more than one tag.

Attributes can be used both by javascript and CSS so the multiple occurence of the same id value could be causing a problem with both or either.

If you run the page through the w3c validator (ignoring the Warnings for now) and click the “help” for each Error, AFAIK they give good examples of the problems and suggest on how to fix them.

16

Hi roycar71, welcome to trhe forums,

The DaySales.js files all document.write divs with the same id value.

var str = '';
str += '<div id="apDiv10">';

Try changing that to class or uniqie values.

Also, it wouldn’t hurt to clean up some of the many validation errors.

17

Sorry, I’m new to javascript, someone gave me this script. What do you mean by “class”