JavaScript - Displaying Content From One Site On Another

I'm using the script below in a custom HTML to generate a random line of text (not with the text shown here). This works fine BUT; I want it to go randomly through the WHOLE list without repeating lines that already have been printed. As it is now, a line of text might be printed several times in a row, which is a little annoying. I'm using a refresh button for generating a new line of text.

Alternatively, How can I just make it display in the order shown and just re-arrange the content so it seems random to the user? Random would the best though...

Any ideas?? : )

Code:

 <script language="JavaScript">
<!--
var r_text = new Array ();
r_text[0] = "All the leaves are brown";
r_text[1] = "And the sky is grey";
r_text[2] = "I've been for a walk";
r_text[3] = "On a winter's day";
r_text[4] = "I'd be safe and warm";
r_text[5] = "If I was in L.A.";
r_text[6] = "California dreaming, On such a winter's day";
var i = Math.floor(7*Math.random())

document.write(r_text[i]);

//-->
</script>

Hi, I'm new to Javascript, so bear with me.

I'm trying to use a script that replaces the contents of a div, based on div id's. I've gotten it to work how I want he

http://www.sixnations.be/home1.html

But can't get it to work here, and I'm not sure why:
http://www.sixnations.be/menu.html

Relevent code, Javascript:

Code:

function changeMenu(obj) {

    if (obj == 'food') {
        //alert('food');
        var fd = document.getElementById('food');
        fd.style.display = 'inline';
        var fdi = document.getElementById('foodImages');
        fdi.style.display = 'inline';
        var dr = document.getElementById('drink');
        dr.style.display = 'none';
        var dri = document.getElementById('drinkImages');
        dri.style.display = 'none';
    }
    else if (obj == 'drink') {
        //alert('drink');
        var fd = document.getElementById('food');
        fd.style.display = 'none';
        var fdi = document.getElementById('foodImages');
        fdi.style.display = 'none';
        var dr = document.getElementById('drink');
        dr.style.display = 'inline';
        var dri = document.getElementById('drinkImages');
        dri.style.display = 'inline';
    }
}

HTML (the data's tabular, hence the tables):

CSS:

Code:

/*-- MAIN CONTENT --*/

.maincont {
	width: 930px;
	margin: auto;
	margin-top: 10px;
	overflow: auto;
}

.backcont {
	position: relative;
	width: 620px;
	margin-right: 296px;
}

.backrightcont {
	float: right;
	width: 296px;
}

.backtop,
#info_En,
#info_Fr,
#info_It,
#drink,
#food,
.backrighttop {		
	background-image: url(../sixnations_images/backtop.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right: 1px solid #21201C;
	border-left: 1px solid #21201C;	
	width: 100%;
	height: 57px;
	text-align: center;
}

.backbottom {
	background-image: url(../sixnations_images/backbottom.png);
}


#info_En,
#info_Fr,
#info_It,
#food,
#drink {
	background-image: url(../sixnations_images/contentback4.png);
	background-repeat: repeat;
	padding-bottom: 30px;
	text-align: left;
	height: auto;	
}

.backright,
.backrighttop,
.backrightbottom {
	width: 100%;
}

.backright {
	background-image: url(../sixnations_images/backright.png);		
}

.backrighttop {
	background-image: url(../sixnations_images/backtop2.png);
	background-position: top;
	border: 0;	
}	

.backrightbottom {
	height: 50px;
	background-image: url(../sixnations_images/backrightbottom.png);
	border: 0;
}

.backrighttop h1,
.backright h1 {
	font-family: 'Cambria', Palatino, Georgia, serif;
	font-size: 1.6em;
	color: #eee;
	line-height: 70px;
	text-align: center;	
}

.backright h1 {
	width: 95%;
	line-height: normal;
	border-top:1px dashed #333;
	padding-top: 15px;
}

#noborder {
	border:0;
}

.twitter {
	margin-left: 15px;
}

#info_Fr,
#info_It,
#drink
{
    display: none;
}

.lang,
#info_En p,
#info_En h1,
#info_Fr p,
#info_Fr h1,
#info_It p,
#info_It h1,
#food h1,
#food p,
#drink h1,
#drink p {
	width: 71%;
	margin: auto;
}

#info_En h1,
#info_Fr h1,
#info_It h1,
#food h1,
#drink h1 {
	font-family: 'GothamBook','Cambria', Georgia, serif;
	font-size: 2.5em;
	color: #000;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-bottom: 15px;
	font-variant: small-caps;
	letter-spacing:.1em;
	text-align: center;
	border-bottom: 1px dashed #777;
}

.lang {
    margin-top: 35px;   
    padding-top: 5px; 
	border-top: 1px dashed #777;
    font-size: 1em;
	font-variant: small-caps;
    text-align: right;
    color: #777;
}
 
.lang a:hover {
	background-color: #777;
	color: #eee;
} 

/*-- MAIN CONTENT -- SPORTS ON TV / FOOD & DRINK --*/

table.sports,
table.menu1 {
	width: 90%;
	margin: auto;
}

table.sports thead td,
table.menu1 thead td {
	font-size: 1.3em;
	font-variant: small-caps;
	color: #777;
	border-bottom: 1px dotted #999;
	width: 100%; 
	padding-top: 20px;
}

table.sports tr,
table.menu1 tr {
	border-bottom: 1px dotted #999;
}

table.menu1 tr {
	border: 0;
}

table.sports td {
	padding: 7px;
}

table.menu1 td {
	border:0;
	padding: 8px;
}

table.sports td.foot,
table.sports td.rugby  {
	background-image: url(../sixnations_images/ball1.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 35px;
}

table.sports td.foot {
	background-image: url(../sixnations_images/ball2.png);
}

table.menu1 td.desc {
	color: #888;
	font-style: italic;
	padding-top: 0px;
	font-size: .9em;
}

Any ideas?

I've got no knowledge/experience of javascript, but i'm pretty competent with html and css.

I've put together a site for my University radio statio, and i'd like to have a section that displays the show name thats broadcasting at the time. Can anyone point me towards a script, or tutorial, that might help me out?

Thanks in advance!

Hi,

I'm using javascript in addition to a web service (BTBuckets) to display different content to visitors based on actions they take on my site. The javascript is working fine, but I noticed that if I simulate BTBuckets being disabled using Firefox Adblock none of the content shows up. So in the off chance of the service going offline it'll leave some pretty funky holes in the my content. I tried <noscript> tags which works with javascript off, but the content is still blank when I disable BTBuckets.

I'm wondering if there's a way to display the default content if the service is unavailable? Here's the code I'm using:

In the head:

Code:

<script type="text/javascript">
//<![CDATA[[
$BTB={s:XXXXX};
$BTB.jsh="http://static.btbuckets.com/bt.js";
//]]>
</script>
<script type="text/javascript">
document.write(unescape("%3Cscript src='" + $BTB.jsh.replace(/(https?:)/i,document.location.protocol) + "' type='text/javascript'%3E%3C/script%3E"));
</script>

The code in the body used to replace an image depending on visitor behavior:

Code:

<script type="text/javascript">
var _t = "";
if ($BTB.clusters["ppc_visitors"]) {
_t = "\"images/top-photo-tracking-number.jpg\" alt=\"Call Toll-Free: 1-800-XXX-XXXX\">";
} else {
_t = "\"images/top-photo.jpg\" alt=\"Call Toll-Free: 1-800-XXX-XXXX\">";
}
document.write('<img src= ' + _t );
</script>
<noscript><img src="images/top-photo.jpg" alt="Call
 Toll-Free: 1-800-XXX-XXXX"></noscript>

Ahoy,

Lemme try to explain this as best as I can. Bullet points might help:
When someone clicks on an image here (http://gta.kwivia.co.uk/gta-iv/), the rest of the images collapse and become invisible Below the image, some links appear Also, there will be a "show other images" button which will then show the rest of the images
http://gta.kwivia.co.uk/gta-iv/

I will appreciate all solutions to this problem. If you need to know anything, simply ask me.

Hi all,

I am using xmlhttp.open();xmlhttp.send(); to send a php content to a div.
This php content is again using the same method to get php content from a further page.
The content of the div, does not seem to be using the css and javascript files defined in the calling pages <head> section.
Does anyone know why this is? Is there a workaround or solution to this problem?

It might be easier to understand looking at the code, so Background info:

Javascript file: scripts.js
client.php ----> loads data from: display_client.php
display_client.php ----> loads data from: display_brand.php

Code:
client.php http://pastebin.com/4EFn9YRf
display_client.php http://pastebin.com/BGZAKre2
display_brand.php http://pastebin.com/0a4Pg3gg
scripts.js http://pastebin.com/er4dkmPc

Thanks!

Ok, I would post my entire data here but then yall would be reading insane amounts of script. I've got a div content jquery slider on my site I am making and it works beautifully in all browsers(took me a while). Then, I decided why not have it where when people click on a "read more" link that it pops up a box, instead of directing to the new page, and displays the contents of a div. It would not work at all. My question is there a possible way to do this?

Hello,

for some reason this code isnt showing anything:

Code:

<span id = "message" style="color:black; font-size:12pt; font-family:arial,verdana,sans-serif"></span>
<script type = "text/javascript">

var targetURL="#";
var countdownfrom = 10;
var currentsecond = countdownfrom +1;
function countredirect() {
if (currentsecond !=1 ){
currentsecond -=1;
var mess = "You will be redirected to Points2shop in " + currentsecond + " seconds.";
document.getElementById("message").innerHTML = mess;
}
else{
window.location=targetURL;
}
setTimeout("countredirect()",1000);
}

countredirect();

</script>

ive tried:

Code:

<form name="message">
<span id = "message" style="color:black; font-size:12pt; font-family:arial,verdana,sans-serif"></span>
</form>
<script type = "text/javascript">

var targetURL="#";
var countdownfrom = 10;
var currentsecond = countdownfrom +1;
function countredirect() {
if (currentsecond !=1 ){
currentsecond -=1;
var mess = "You will be redirected to Points2shop in " + currentsecond + " seconds.";
document.getElementById("message").innerHTML = mess;
}
else{
window.location=targetURL;
}
setTimeout("countredirect()",1000);
}

countredirect();

</script>

Anyone know why?

Thanks

Hello all,

I need your help. I know what I'm trying to do, just having a difficult time getting started. I want to display the user-name of an individual when they login. I know how this can be doing using php, but what about javascript?

Ex:

username: __________
password: __________

After Login:

Welcome ['username']

I hope that makes sense.

Thanks in advance

I am having a problem with my homework displaying an iframe using JavaScript.
My homework states:

Insert a script element that does the following:

part a. Insert the following multiline comment:
Display the daily schedule in an inline frame. Daily schedules are stored in the files
sunday.html through saturday.htm.

part b.
Insert a command to write the HTML code
<iframe src="weekday.htm'></iframe>

to the Web page, where weekday is the text string returned by the weekDay() function.

What I have so far:
<script type= "text/javascript">
/* Display part a */

document.write("<iframe src='weekday.htm'></iframe">;
</script>

My Question:
How do I display weekday.htm within my script on a specific day using the function weekDay() function.

below is my weekDay() function:
function weekDay(){
thisDate = new Date();
var thisWDay=thisDate.getDay();
var wdName = new Array("sunday", "monday", "tuesday", "wednesday",
"thursday", "friday", "saturday");
return wdName[thisWDay];
}

Hi,
I've got this bit if JavaScript that loads a Flash applet. It also has a noscript tag in case the user has JavaScript turned off.
Works great in all browsers I've tried, but it doesn't work at all in IE8 (nor IE7 emulated). Even the noscript content isn't showing up.
W3C validator shows no issues.
No little exclamation point warning in IE's bottom-left corner.
I've even tried lowering the browser security with no change -- but that wouldn't have been a good solution if it had worked anyway; I can't tell my visitors to lower their browser security.

Any ideas of suggestions?
Thanks for any help!

You can see the page he
http://www.girlscoutsmoheartland.org/test/vcattest.html
If you look at the source, that's all there is to it. No undisplayed server-side scripting.
And here's the code if you don't want to visit the page:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://www.myvirtualpaper.com/js/miniflipper.js"></script>
</head>
 
<body>
Below this line should be either a Flash applet, or a link if JavaScript is unavailable:<br>
<noscript><a href="http://www.myvirtualpaper.com/doc/gs_missouri_heartland/girlscout2010catalog/">Click here to view all pages.</a></noscript>
<script type="text/javascript"> 
                var miniFlipperOptions = {'uid' : 'bfbe7aa59d'};
                MVP_printMiniflipper(miniFlipperOptions);
</script>
<br>
Above this line should be the mentioned item option.
</body>
</html>

I am creating a script to display some variable but it won't work. Did I do something wrong?

Code:

<script type="text/javascript">
/* <![CDATA[ */


var yotta = le24;
var zetta = le21;

document.write("<table border='1' width='100%'><tr><th>Prefix</th><th>Decimal Equivalent</th></tr>");
document.write("<tr><td>Yotta</td><td>" + yotta + "</td></tr>");
document.write("<tr><td>Zetta</td><td>" + zetta + "</td></tr>");
document.write("</table>");


/* ]]> */

</script>

Everything looks right, I think. Anyone see something wrong?

Thank you, I am a firefighter of 25 years.

I wrote a function (shown below) that is to take numbers from <div> tags add them up and display the value in a different <div> tag. It also prints the total in a hidden input tag to be sent when submitted.

All was working fine until today I noticed that the total was no longer showing up in either the <div> tag or the hidden input tag.

on change of any of the select menus correctly displays the expected value in its corresponding <div> tag

I have no Idea what might be causing this, so I need fresh eyes.
(My JavaScript skills are way below my php skills, I can't see anything wrong with what I have)

PHP Code:
// I am using a php function that spits out these 
// (one for each item listed in the  JS function:
<select name="body" onchange="document.getElementById('total_body').innerHTML = this.options[this.selectedIndex].getAttribute('cost_body');calcTotal();" id="frm">
    <option value="2" cost_body="0">2</option>
    <option value="3" cost_body="10">3</option>
    <option value="4" cost_body="20">4</option>
    <option value="5" cost_body="30">5</option>
    <option value="6" cost_body="40">6</option>
    <option value="7" cost_body="65">7</option>
</select>

//Which displays in:
<div id="total_body">0</div>

//AND Calls this JavaScript Function:

<script type="text/javascript"> 
function calcTotal(){
    var numVal1=parseInt(document.getElementById("total_body").innerHTML);
    var numVal2=parseInt(document.getElementById("total_agility").innerHTML);
    var numVal3=parseInt(document.getElementById("total_reaction").innerHTML);
    var numVal4=parseInt(document.getElementById("total_strength").innerHTML);
    var numVal5=parseInt(document.getElementById("total_charisma").innerHTML);
    var numVal6=parseInt(document.getElementById("total_intuition").innerHTML);
    var numVal7=parseInt(document.getElementById("total_logic").innerHTML);
    var numVal8=parseInt(document.getElementById("total_willpower").innerHTML);
    var numVal9=parseInt(document.getElementById("total_edge").innerHTML);
    var numVal10=parseInt(document.getElementById("total_magic").innerHTML);

    var totalValue = numVal1 + numVal2 + numVal3 + numVal4 + numVal5 + numVal6 + numVal7 + numVal8 + numVal9 + numVal10;

    document.getElementById("grand_total").innerHTML = totalValue;
    document.getElementById("point_total").value = totalValue;
}
</script>

//Which until today had been displaying in:
<div align="center" id="grand_total">0</div>

//AND 
<input type="hidden" name="point_total" value="" id="point_total"> 


Here is a page that shows what it is (not) doing. http://rpg.5150press.com/test.php

Hi,

I am trying to display some xml elements that are formatted like this:

Code:

<line>
<route>
<dirs>1.	Head west on Calzada Roosevelt</dirs>
<time>4.6 km - about 15 mins</time>
<dirs>2.	Continue on Carretera Interamericana/Pan American Hwy</dirs>
<time>15 km - about 12 mins</time>
<dirs>3.	Look for turnoff at San Lucas and follow signs from there</dirs>
<time>13.5 km - about 15 mins</time>
</route>
</line>

using this js:

Code:

for (var a = 0; a < lines.length; a++) {
routeInfo = lines[a].getElementsByTagName("route");
               for (var p = 0; p < routeInfo.length; p++) {
                  var time = GXml.value(routeInfo[p].getElementsByTagName("time")[0]);
                  var dirs = GXml.value(routeInfo[p].getElementsByTagName("dirs")[0]);

    way+='<b>'+dirs+'</b>'+'<br>'+time+'<br>';

("way" eventually gets passed as the text to display)

Which works OK (as you can see here if you select from Guatemala City to Antigua), but the problem is that it only shows the first set of directions, ie
Code:

<dirs>1.	Head west on Calzada Roosevelt</dirs>
<time>4.6 km - about 15 mins</time>

I can see that this is because of the [0] in the getElementsByTagName - if I change it to 1 or 2 it shows the 2nd or 3rd set of directions. But I want it to show all of them... and I thought that being in a loop it would, but I'm obviously missing something. Any ideas? Thanks in advance.

I'm not sure if java is the best way to go with this, I'm pretty inexperienced with java, but I have a workable knowledge of html, and couldn't see a way to do it that way... so here goes:

For my job I work with a ton of different deadlines all the time. What I want to do is to make a webpage that displays the date N days ago, and N days into the future. So something like 7 days ago, 30 days ago, 60 days ago 75 days ago, 30 days from now, 60 days from now, 75 days from now. etc. I've found brief snippets for how to display today's date, but i'm having trouble with the calculations. Then I also need one that displays 18 years ago, I'm not sure if the change from days to years makes any kind of difference, but I suppose it's easy enough to convert years to days anyway....

How would I go about doing that?

Thank you!!!