JavaScript - Display Err Messages From Array

Hello,

I have an array containing 100 different values.

How would I randomly pick 25 of them for display?

For now I do:
PHP Code:
for (var i=0; i<markers.length && i<25; i++) {

html += markers[i].name + '<br />';

} 


Which of course returns 25 values but always in the same order which is not what I want.

Thanks in advance!

PS. My array could also contain only 20 values, in which case I would like the function to display the 20 values randomly sorted.

I want to create an array for a religious website that will display a different Bible verse for each day of the year.

This is how I incremented each day of the year.

Code:

var myDate=new Date();
myDate.setFullYear(2011,2,4);

myDate.setDate(myDate.getDate()+1);

How do I make the connection between the array and the new date as it changes?

This is a snippet from the array.

Code:

var dailyVerseRef=new Array();

dailyVerseRef[0]="Genesis 1:1";
dailyVerseRef[2]="Genesis 1:2";
dailyVerseRef[3]="Genesis 1:3";
dailyVerseRef[4]="Genesis 1:4";
dailyVerseRef[5]="Genesis 1:5";
dailyVerseRef[6]="Genesis 1:6";
dailyVerseRef[7]="Genesis 1:7";
dailyVerseRef[8]="Genesis 1:8";

I used a switch to go through the days of the week, but to go through the days of the year seems more difficult.

I have this simple php array. The array will dynamically pull results from the db in the future.

PHP Code:
<?php

$dataArray = array 
        ( 
            'id1'  => array 
                    
                    (     'icon' => '<img src="images/piicon.png">',
                        'app' => 'GGP',
                        'timestamp' => date('m/d/y'),
                        'location' => 'Bellevue',
                        'comments' => 'It works!',
                            ),
            'id2'  => array 
                    
                    (   'icon' => '<img src="images/piicon.png">',
                        'app' => 'Meijer',
                        'timestamp' => date('m/d/y'),
                        'location' => 'San diego',
                        'comments' => 'It works!',
                            ),
            'id3'  => array 
                    
                    (   'icon' => '<img src="images/piicon.png">',
                        'app' => 'Point Inside',
                        'timestamp' => date('m/d/y'),
                        'location' => 'Boston',
                        'comments' => 'I guess its working?  Maybe not exactly what we want yet though?!',
                            )
        );
             
echo json_encode($dataArray);    

?>

Currently if I have 100 results in my array, 100 results will be added to the table, 75 = 75 rows etc. What I am trying to plan out is a logical way to display one result from the array at a time. I am not looking for a chunk of jquery as an answer, better yet would be a plan/idea a programmer would you use to solve this.

PHP Code:
$(document).ready(function() {
    setInterval(function() {
        // get data
        $.ajax({
            url: '/ajax/data.php',
            type: "GET",
            cache: false,
            error: function(data) {
                $("div#error").html('error: '+data);
            },
            success: function(data) {
                var jsonObj = jQuery.parseJSON(data);
                jQuery.each(jsonObj, function(index, value) {
                    var newRow = $("<tr><td>"+value.icon+"</td><td>"+value.app+"</td><td>"+value.timestamp+"</td><td>"+value.location+"</td><td>"+value.comments+"</td></tr>");
                    $("#mainTable tbody").prepend(newRow);
                });
            }    
        });
    }, 5000);
}); 


thanks

I have an essoteric question about javascript and how DOM/javascript stores divs that are created and displayed in succession by absolute positioning.

I have a series of divs that are assigned absolute top and left values to
form a grid. The grid tiles are programmed to swap coordinates in pairs
when one of the pairs is clicked.
Then if I do a sampling of the divs by:
Code:

//returns the same string on every call.
//regardless of the coordinate values. which change
var GM = document.getElementById('TP');
if(GM.hasChildNodes)
  {
   var GMC = GM.getElementsByTagName('div');
   var str = '';
   for(i = 0; i < GMC.length; i++)
      {
       if(GMC[i].hasChildNodes)
         {
          for(var j = 0; j < GMC[i].childNodes.length; j++)
             {
              var gmc = GMC[i].childNodes[j];
              var gmcTxt = gmc.childNodes[0].data;
              str += gmcTxt;
             }
         }
      }
  }
alert(str);

The list does not represent the positions of the divs as they
appear in the browser, but in a sequence that is saved in another
array when the divs are created.

The same is true for document.getElementById('[id assigned each div]')
The only way to detect the sequence is to do a long drawn out loop looking
for coordinate values, and comparing them to a prestablish template set
of values, then looping back through to compare the contents of each div
and decide if they are in the right place (visually).

The problem is that some divs may have the same content.
If the same content appears to be in the right place, the coordinates can
be wrong. So I need to detect the content and decide if it is right, regard-
less of the coordinates. This has to be done by the program (of course).

So the question is: What is javascript doing when it is asked to
Code:

document.getElementByTagName('[elem]');

In this case are the divs children of the document?
(in the case of my project, children of a container div)
And why would they not be detected in the order apparent in the browser
window?

I will post the current version and return and post a reply with the
url. http://www.jekillen.com/jekillen/con..._wise_dev.html

Hi! I was wondering if anyone could help with the code below. I think there is something wrong with the "thecontents[] part below. Could anyone have a look and possible email me with a finished version...

Code:

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"><form name="ddmessage"><table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%"><select name="selectbox" size="1" onChange="changecontent(this)">
            <option selected value="What is JavaScript?">What is JavaScript?</option>
            <option value="Why learn JavaScript?">Why learn JavaScript?</option>
            <option value="What do you think of the site?">What do you think of the site?</option>
            <option value="I'd like to feature one of these codes on my site.">I'd like to feature one of these codes on my site.</option>
          </select><br>
          </td>
        </tr>
        <tr>
          <td width="100%"><textarea rows="8" name="contentbox" cols="35" wrap="virtual"></textarea><br>
<font face="arial" size="-2">This free script provided by <a href="http://javascriptkit.com">JavaScript Kit</a></font>
</td>
        </tr>
      </table>
    </form>
    </td>
  </tr>
</table>

<p>

<script language="JavaScript">

/*
Drop down messages script
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!
*/

//change contents of message box, where the first one corresponds with the first drop down box, second with second box etc
var thecontents=new Array()

thecontents[0]='Its what I used to make this :/'

thecontents[1]='I wouldn't reccommend it, its rather hard. Though, I hate to blow ones own trumpet, I am learning to do it rather well.'

thecontents[2]='I hope you have enjoyed it! Email support@matthewjmorris.co.uk with your comments. Also, if you have any bits to go on this page, email Support aswell with the code, instructions for installing the code and your name! Your name may appear here, along with your code!'

thecontents[3]='support@matthewjmorris.co.uk'


//don't edit pass this line

function changecontent(which){
document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
}

document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
</script>

Thanks!

I need help making new messages appearing at the top of the chatbox, not the bottom. Anyone know how to do that?

Also, how can I make it hold only X amount of messages then after X amount of messages it just removes the last one. Thanks

This isn't all the code but I figure it has to be something within this code that I have to change. If you want to look at the source code to go http://gifts4points.com and take a look there.
Code:

			//Function for initializating the page.
			function startChat() {
			
				//Start Recieving Messages.
				getChatText();
                          
			}	


	
			//Gets the browser specific XmlHttpRequest Object
			function getXmlHttpRequestObject() {
				if (window.XMLHttpRequest) {
					return new XMLHttpRequest();
				} else if(window.ActiveXObject) {
					return new ActiveXObject("Microsoft.XMLHTTP");
				} else {
					document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object.  Consider upgrading your browser.';
				}
			}
			
			//Gets the current messages from the server
			function getChatText() {
				if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
					receiveReq.open("GET", 'getChat.php?chat=1&last=' + lastMessage, true);
					receiveReq.onreadystatechange = handleReceiveChat; 
					receiveReq.send(null);
				}			
			}
			//Add a message to the chat server.
			function sendChatText() {
				if(document.getElementById('txt_message').value == '') {
					alert("You have not entered a message");
					return;
				}
				if (sendReq.readyState == 4 || sendReq.readyState == 0) {
					sendReq.open("POST", 'getChat.php?chat=1&last=' + lastMessage, false);
					sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
					sendReq.onreadystatechange = handleSendChat; 
					var param = 'message=' + document.getElementById('txt_message').value;
					param += '&name=<?php echo $_SESSION['login']; ?>';
					param += '&chat=1';
					sendReq.send(param);
					document.getElementById('txt_message').value = '';
				}							
			}
			//When our message has been sent, update our page.
			function handleSendChat() {
				//Clear out the existing timer so we don't have 
				//multiple timer instances running.
				clearInterval(mTimer);
				getChatText();
			}

I had posted a previous forum for help and solved a problem. However, than the links lost their formatting in the browser. I kept going as I am doing a lesson out of a textbook and the links are fixed now, but my coded object is not showing up. There should be a calendar in the upper righthand corner.

I posted the javascript first and only a section of html after.

Code:

function calendar() {
	var calDate = new Date("March 18, 2011");
	document.write("<table id='calendar_table'>");
	writeCalTitle(calDate);
	writeDayNames();
	writeCalDays(calDate);
	document.write("</table>");
}

function writeCalTitle (calendarDay) {
var monthName = new Array ("January", "February", "March", "April", "May", "June", 
"July", "August", "September", "October", "November", "December");

var thisMonth=calendarDay.getMonth();
var thisYear=calendarDay.getFullYear();

document.write("<tr>");
document.write("<th id='calendar_head' colspan='7'>");
document.write(monthName[thisMonth]+" "+thisYear);
document.write("</th>");
document.write("</tr>");
}

function writeDayNames() {
var dayName = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");

document.write("<tr>");
for (var i=0; i < dayName.length; i++){
document.write("<th class='calendar_weekdays'> "+dayName[i]+"</th>");
}
document.write("<tr>");
}

function daysInMonth(calendarDay) {
	var thisYear = calendarDay.getFullYear();
	var thisMonth = calendayDay.getMonth();
	var dayCount = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); 
	
	if (thisyear % 4 == 0) {
		if((thisyear % 100 != 0) || (thisyear % 400 == 0)){
			dayCount[1] = 29; //this is a leap year
		}
	}
	
	return dayCount[thisMonth]; 
}

function writeCalDays(calendarDay){
	var dayCount = 1;
	var totalDays = daysInMonth(calendarDay);
	calendarDay.setDate(1);
	var weekDay = calendarDay.getDay();
	
	document.write("<tr>");
		for (var i = 0; i < weekday; i++) {
		document.write("<td></td>");
		}
		
	while (dayCount <= totalDays) {
		if (weekDay == 0) document.write ("<tr>");
		document.write("<td class='calendar_dates'>"+dayCount+"</td>");
		if (weekday == 6) document.write ("</tr>");
		
		dayCount++;
		calendarDay.setDate(dayCount);
		weekDay = calendarDay.getDay();
	}
	
	document.write("</tr>");
}

Code:

<title>The Chamberlain Civic Center</title>
<link href="ccc.css" rel="stylesheet" type="text/css" />

<link href="calendar.css" rel="stylesheet" type="text/css" />
<script src="cal.js" type="text/javascript"></script>
</head>

<body>
<div id="head">
	<script type="text/javascript">
		calendar();
	</script>
	
   <img src="logo.gif" alt="Chamberlain Civic Center" />
</div>

If you want, I can upload the files to my school server so you can view the webpage in a browser.

The error console says that there is a missing parenthetical where I have the ! symbol. I don't see that. Also it says that calendarDay is not defined.

On twitter, when you change your avatar/background a small white box covering an inch of the top of the page appears. How can I do this?

I'm trying to make these two messages change every two seconds. I'm not sure if the setInterval needs to be outside of the function. Also, not sure about HTML action"". It's not working and I'm not sure where my mistakes are. Very frustrating. I know it's easy for some of you, please help!


<script type="text/javascript">

var curMessage="message1";
var changeMessage="message2";

function adMessage()
{
if (curMessage)
{document.getElementbyId("message").value = "Place your Thanksgiving orders today!";
changeMessage; setInterval ('adMessage()',2000);

}
else (changeMessage);
{document.getElementbyId("message").value = "All orders must be received by November 20th!";
curMessage; setInterval ('adMessage()',2000);
}
}

</script>
</head>


<body onload="adMessage();">
<h1>Forestville Foods</h1>
<h2>Party Platters</h2>
<form name="advertising" action="adMessage">
<input type="text" name="message" size="60"
value="Place your Thanksgiving orders today!" />
</form>

What can I do to find out what the errors in the error console mean?

so here is my "Project" for this class

http://sw.cs.wwu.edu/~strickk/Project2/project2.html

and here are the directions where im stuck at, just right click view source to see the code. I believe what i am doing wrong is where i enter my variables and i dont know how to get an alert message to pop up using an if statement as well as getting the values for the distances to show up correctly

directions:


8. Now we will write some JavaScript to validate the input. We don’t want the user to be able to enter the same origin and destination city when they book a ticket. So we will use an if statement to check that. If they have entered the same origin and destination city then we will tell them that by using an alert statement and make them select again.
All of your code to validate the input code goes in between the single quotes of the onClick event in the Calculate Fare button.
Follow these steps:
a) Assign the value of the origin city to a variable called origin
Note that the value that gets assigned to origin is actually 0, 60, 90, 120 or 150 (and NOT Bellingham, Everett, Seattle etc.) since the value we gave to the each element of the list was its distance from Bellingham. This will make our lives easier later when we compute the fare.
b) Assign the value of the destination city to a variable called destination in a similar fashion.
c) Write an if statement that will test whether origin is equal to destination and if it is then do two things.
i. Issue an alert message that says
Please input different origin and destination cities
ii. Stop the execution of the JavaScript code in the onClick event. Use return; as the second statement inside the if statement. Remember to use curly braces to denote that two statements are contained within the if statement. Your if statement will have the following structure to it.
if (<put the test you want to do here>)
{
alert(<put the message here>);
return;

Hello all,
i am new to this forum..

i am validating a form and displaying results..
but, instead of displaying the result in popup(alert), i need to display it as a text that disappears after a few seconds..

Code:

function valtext()
	{
	if(document.getElementById("functional").value == "")
	{
		document.getElementById("label").innerHTML=message;
		startTimer();
	}
	}	

function hideMessage() 
	{
		document.getElementById("label").style.display="none"; 
		clearTimeout(tim);
	}

	function startTimer() 
	{
		tim = setTimeout("hideMessage()",3000);  
	}

i did it using the above code.. but my problem is, i cant check it the second time, without reloading the page..
how to do it without refreshing the page and i want to add a bg color to that warning.. how to do that..
and, is there anyother way of doing it?
any help is much appreciated.. and thanks

Hi,


I'm using HTA with iframes contains external web pages, lot of pages (external - not mine) contains errors and while running 'script error' pops.
If running the same pages in IE there are only error notice in the bottom left side of the browser.

Can I do something to ignore those script error popups in my HTA?
(I'm using also Javascript for my HTA)

Could I use javascript code to stop Internet Explorer script error messages?


Regards

Bob

Hi,

Could I use javascript code to stop Internet Explorer script error messages?

Bob Kuspe

Hi all,

I have an issue that seems to relate to IE6 only. Tested and working in IE8 and FF3.

If you go to the following page and click 'Buy Now' at the bottom of the page to submit the form the jQuery validate library error messages are displayed at the top of the page, rather than next to the corresponding form element:

http://bit.ly/cc97GP

Any help appreciated with this one. Seems to work fine in IE8 and FF3 as mentioned.

Best Regards,
Picco