JavaScript - Populate Select Object From Access Database

Hi, every time I try and alert:

[ { number:0, secondnumber:0 }, { number:2, secondnumber:1 }, { number:1, secondnumber:2 } ]

it just shows [object object], [object object], [object object].

Why is this and what can I do to make the record be shown as it is above in an alert?

Thanks.

I created a method for displaying an object's properties:

Code:

renderfunction 	= false;

function showProperty (object, property)
{
	document.write  ('<td class="type">' + (typeof object[property])  + '</td>' 
					+ '<td class="name">' + property + '</td>');
	
	document.writeln('<td class="value">' + 
						(
								(typeof object[property] != 'function')
								? object[property]
								:(
										(property != 'showProperties')
										? (
											renderfunction
											? object[property]()
											: ('<span class="self">NOT RENDERED</span>')
											)
										: ('<span class="self">THIS</span>')
								 )
						) 
					+ '</td>');

	
	document.writeln('<td class="hasOwnProperty" >'  
							+ (
									object.hasOwnProperty(property)
									? "Local"
									: "Inherited"
								)
					 	+ '</td>');

	if (typeof object[property] == 'function')
	{
		document.writeln ('<td class="function">' + object[property] + '</td>');
	}
	else
	{
		document.writeln ('<td class="function"> </td>');
	}

}

As long as renderfunction = false, the object is fine coming out of this function.

However, if I change renderfunction to true, all my properties become undefined.

Why isn't this working as I expect it to?

How should I fix it?

Thanks in advance,

-Brian.

I can't get any info from Firebug except that one line, uncaught exception [object Object]. The code fully worked, then I needed to make it dynamically create Sortables from the scriptaculous library based on how many X were in a table in my database, which I've done, and I'm thinking it may be a simple slight parse error of some type, I'm not too good with Javascript, because now my script barely works. I've double checked the script's source code, the PHP variables are exactly what they should be.

Code:

print<<<HERE
               Sortable.create('sortlist$box', { tag: 'img', overlap:'horizontal',constraint:false, containment: $list, dropOnEmpty: true, 
                onChange: function(item) {
                    var list = Sortable.options(item).element;
                    
                    if(changeEffect) changeEffect.cancel();
                    changeEffect = new Effect.Highlight('changeNotification', {restoreColor:"transparent" });
                },
            
            
            
            onDrop: function(item) {
            var thing=Sortable.options(item).element.identify();
            
            var anchors = document.getElementById(thing).childNodes.length-2;
            
            if(anchors > 20){
            alert('This box had 20 creatures in it already, your last action has not been saved.');
            window.location.reload();
            }
            else{
            
            new Ajax.Request("saveImageOrder.php", {
                        method: "post",
                        parameters: { data: Sortable.serialize("sortlist$box") }
                    });
               }   
}               
            });
               
HERE;
$box++;

}
?>
          
        });
    </script>

if you solve this I'll send ya $10 via paypal

Ignore post (if mod, please delete)

Hello together!

I generate html code with jsp. In that jsp there a several framesets and frames. And yes i know, frames are not really up to date but it's an old program and i have to deal with it now. Anyway, in the top frameset i have an onload attribute like onload="load()".

In the function load i want to access the Element.prototype object. But unfortunately typeof Element gives me "undefined". So i looked a little deeper and found that window.toString() gives me "[object]" and not as expected "[object window]" so somehow my window doesn't know that its construcor is Window. window.construcor is "undefined" as well. And i don't have access to the Element object. I really don't know where the error could be. When the page is loaded and i access the same window over the console, then everything is right. But in my function a can't get access to the objects i need.

I also don't know what part of the code could be useful to post here, but maybe someone had a similar problem before? i should say that this problem only occurs in IE8. In IE9 it works perfectly.

Has anyone any idea??

I'm writing a program that involves a network of interconnected nodes (or simply objects in my example below). It depends on being able to access properties of an object's linked objects (a bit oddly worded, sorry)...

Problem is I'm not sure how to properly access those properties... see below please.

<script>

//This is an example of a problem im having in my own code...
//I want to access the name of the object within the links array wintin the object...

var objA = {name: "Object A", links: [objB, objC]};
var objB = {name: "Object B", links: [objC, objD, objE]};
var objC = {name: "Object C", links: [objB]};
var objD = {name: "Object D", links: [objE]};
var objE = {name: "Object E", links: [objD]};

//ex: I want to access the name of Object A's first link...
console.log(objA.links[0].name);

</script>

I'm hoping to get "Object B"...
But instead I get: TypeError: Result of expression 'objA.links[0]' [undefined] is not an object.
Is there another way around this? Any thoughts are appreciated.

Hi all,

I'm stumped on finding a way in javascript to create an object factory whose instances are also object factories. In short I want something like that below, but no joy ... any clues?


Code:

function createClass () {
	return new createClass()
	function createClass() {
		return new createInstance ()
		function createInstance () {
			//Default properties, values and methods which might later be extended
		}
	}
}

var createDoor = createClass();
var door1 = createDoor();
var door2 = createDoor();

var createChair = createClass();
var chair1 = createChair ();
var chair2 = createChair ();

Hello.

Is there any way to get the variable name of an object from inside the object?

E.g.

PHP Code:
function Bla(){

    this.write = function(){
    document.write(<objectname>);

    }

}

obj1 = new Bla();
obj1.write(); //Outputs obj1 



Here is my script:

PHP Code:
function myTimer(seconds, obj){
    this.seconds = seconds;
    this.obj = obj;
    this.startTimer = function(){
        if(this.seconds>0){
            this.seconds--;
            this.obj.innerHTML = this.seconds;
            this.timer = setTimeout("Timer.start()",1000);
        }
    }

}
Timer = new Timer(10, obj);
Timer.startTimer(); 



Now the problem is that the variable that contains the object must be named "Timer".

This way I cannot create new timer objects with different variable names

I have tried:
this.timer = setTimeout("this.start()",1000);
but it doesn't work.

That's why it would be good to detect the variable name and instead use something like this:
this.timer = setTimeout(varname+".start()",1000);

I would rather not have to pass the variable name through a parameter like this:
Timer1 = new Timer(10, obj, "Timer1");

Thanks in advance.

Quote:
menu: function( a, b ) {
$( b ).observe( 'click', function( event ) {
event.stop();
if( $( a ).visible() ) {
$( a ).hide();
$( b ).removeClassName( 'selected' );
document.stopObserving( 'click' );
} else {
$( a ).show();
$( b ).addClassName( 'selected' );
document.observe( 'click', function( e ) {
if( e.target.id != a && e.target.id != b && !Element.descendantOf( e.target, $( a ) ) ) {
$( a ).hide();
$( b ).removeClassName( 'selected' );
document.stopObserving( 'click' );
}
});
}
});

$$( '#' + b + ' > a' ).each( function( element ) {
element.observe( 'click', function( event ) {
$( a ).hide();
$( b ).removeClassName( 'selected' );
document.stopObserving( 'click' );
});
});
}
This work's perfrect accept when i use it with others on the menu it leaves the other ones open, how do i get it to close the open one when i open a new menu..

Thanks.

Resolution if interested:
Code:

<head>
    <title>Lab8</title>
    <script src="arrays.js" type="text/javascript"></script>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        
        function amountTotal() {
            var totalDonations = 0;
            for (var i = 0; i < amount.length; i++) {
                totalDonations += amount[i];
            }
            return totalDonations;
        }
   
    </script>
</head>
<body>

    <table id="donations" rules="rows">
        <tr>
            <th>
                Date
            </th>
            <th>
                Name
            </th>
            <th>
                Amount
            </th>
            <th>
                Address
            </th>
        </tr>
        <script type="text/javascript">

            for (var i = 0; i < amount.length; i++) {

                if (i % 2 == 0) document.write("<tr>")
                else document.write("<tr class='yellowrow'>");
                document.write("<td>" + date[i] + "</td>");
                document.write("<td>" + firstName[i] + lastName[i] + "</td>");
                document.write("<td>" + amount[i] + "</td>");
                document.write("<td>" + street[i] + "<br />" + city[i] + "," + " " + state[i] + " " + zip[i] + "</td>");
            }
            document.write("</tr>")
      
        </script>
    </table>
    <table id="totalsTable">
        <tr>
            <th colspan="2">
                Summary
            </th>
        </tr>
        <tr>
            <td>
                Contributions
            </td>
            <td class="amt">
                <script type="text/javascript">
                    document.write(amount.length);
                </script>
            </td>
        </tr>
        <tr>
            <td>
                Amount
            </td>
            <td class="amt">$
                <script type="text/javascript">
                    var totalTotal = amountTotal();
                      document.write(totalTotal);
                </script>
            </td>
        </tr>
    </table>
</body>
</html>

I have a seperate .js sheet with some arrays on them (firstName, lastName, date, amount, city, state, zip) and I am trying to populate a table with these indexes. The 'yellowrow' highlights everyother row which is called out in my css sheet.


My header rows fill in but not the rest. Here is the link for the site actually posted on the web.
Code:

<body>
<table id="donations" rules="rows">
<tr>
<th>Date</th>
<th>Name</th>
<th>Amount</th>
<th>Address</th>
</tr>

<script type="text/javascript">
    for (var i = 0; i < amount.length; i++) {
        if (i % 2 == 0) document.write("<tr>")
        else document.write("<tr class='yellowrow'>");
        document.write("<td>" + date(i) + "</td>");
        document.write("<td>" + firstName(i) + lastName(i) + "</td>");
        document.write("<td>" + amount(i) + "</td>");
        document.write("<td>" + "<br />" + city(i) + "," + state(i) + zip(i) + "</td>");
    }
        document.write("</tr>")
</script>
</table>

</body>

I am trying to populate a listbox using Javascript. The listbox is populated using the xml response from ajax request. Below is the code used for the same

Code:

var xmlDoc = xmlhttp.responseXML;
for (var i = 0; i < xmlDoc.getElementsByTagName("id").length; i++) {
                        traderlists.add(new Option(xmlDoc.getElementsByTagName("name")[i].childNodes[0].nodeValue, xmlDoc.getElementsByTagName("id")[i].childNodes[0].nodeValue));
                    }

This works fine for me.
But i am facing performance issue here. some ajax requests retrieves xmls with around 11,000 nodes and this takes too much of time to populate the listbox.

Can anyone please advice me with an better solution?

I have a div what will contain a various number on images and i need to put all their src's into an array. Is this doable?

Heres the code

Code:

 	<div id="imageHolder">
                    
            <!-- ONLY CHANGE THE SRC, NOTHING ELSE -->
        	<div style="width:770px;height:400px;overflow-y:auto;margin-bottom:5px;">
            <img src="http://wholesalepadlocks.co.uk/ebayImages/AU080.JPG" alt="" width="750"  id="mainImage"/><br /><br />
            </div>
            <img src="http://wholesalepadlocks.co.uk/ebayImages/au080a.jpg" alt="" width="240" height="120" onmouseover="Images = this.src;alert(Images)" />
            <img src="http://wholesalepadlocks.co.uk/ebayImages/au080b.jpg" alt="" width="240" height="120" onmouseover="Images = this.src;alert(Images)"/>
            <img src="http://wholesalepadlocks.co.uk/ebayImages/AU080.JPG" alt="" width="240" height="120"  onmouseover="Images = this.src;alert(Images)"/>
            
            </div>Ignore the onmouseover code i was attempting to do this but so far no luck :P

<!-- *** NEED HELP PASSING VALUE id TO POPULATE SUBRECORDS *** -->
<!-- *** See line #51 to #55 *** -->

<?php
session_start();
ob_start();
if($_SESSION[userdetails]->role != "Admin") {
die("Access Denied!");
}
require_once("includes/connect.php");
// Check if he has the right info.
$sql = sprintf("SELECT * FROM members ORDER BY username ASC", $_SESSION[userdetails]->id);
$query = mysql_query($sql);
// You are now connected
?>
<head>
<html>

<head>
<title>Split ListBox Text To Text Boxes</title>
<script type="text/javascript"> <!-- archaic format: language="javascript" -->
function SplitText (info) {
if (info == '') { return; }
var tarr = info.split(",");
document.getElementById('tBox1').value = tarr[0];
document.getElementById('tBox2').value = tarr[1];
document.getElementById('tBox3').value = tarr[2];
document.getElementById('tBox4').value = tarr[3];
}
</script>
</head>

<body>
<form name="convert">
<p style="margin: 2px">
<p><select name="Groups" style="width: 176; height: 19; border: 1px solid #C0C0C0 ; font-size: 11px; font-family:Arial" size="1" onChange="SplitText(this.value)">
<option>===Select Group===</option>
<?php
$sql1 = mysql_query("SELECT * FROM qw_groups");
while($r1=mysql_fetch_assoc($sql1)){
$f1 = $r1[id];
$f2 = $r1[GroupName];
echo "<option value='$f1,$f2,,'>$f2</option>";
}
echo "</select>";
?>
<p><select name="GroupItems" style="width: 176; height: 19; border: 1px solid #C0C0C0 ; font-size: 11px; font-family:Arial" size="1" onChange="SplitText(this.value)">
<option>===Select Group Item===</option>
<?php

// **** IS IT POSSIBLE TO PASS THE VALUE "$f1" FROM GROUPS TO GROUPITEMS ****
// **** I WANT TO POPULATE THE SECOND DROPDOWN LIST WITH SUB-RECORDS WITHOUT SUBMIT /POST /REFRESH /OR RELOAD ****
// WHERE id = $f1 ?? maybe some java code id = $val onChange ??

$sql2 = mysql_query("SELECT * FROM qw_groupitems WHERE id = $f1");
while($r2=mysql_fetch_assoc($sql2)){
$f3 = $r2[Subid];
$f4 = $r2[GroupItem];
echo "<option value='$f1,$f2,$f3,$f4'>$f4</option>";
}
echo "</select>";
?>
</p>

<!-- Input selected data from listBox -->
<p style="margin: 2px">
<input type="text" name="textbox1" id="tBox1" value=""><br>
<input type="text" name="textbox2" id="tBox2" value=""><br>
<input type="text" name="textbox3" id="tBox3" value=""><br>
<input type="text" name="textbox4" id="tBox4" value=""><br>
</p>
</form>
</body>
</html>

hello
i am trying to fire a form which after the call to retrieve the data, populate the form with the data. i can see from firebug that the json data is being captured, but cannot seem to be able to populate the form with it. i am using a jquery plugin facybox, that opens the form, but the fields are blank. i have attached my code and would be grateful if someone could tell me where i am going wrong? many thanks

js code

Code:

<script type="text/javascript">
function edit(com, grid) {
if (com == 'Edit') {
        if($('.trSelected').length>0){
            if($('.trSelected').length>1){
                alert('Please select just one row');
                return;
            }
            var items = $('.trSelected');
            var itemlist ='';
            for(i=0;i<items.length;i++){
                itemlist+= items[i].id.substr(3);
            }
			$.ajax({
			   type: "POST",
			   dataType: "json",
			   url: "tempcontact.php",
			   data: "items="+itemlist,
			   success: function(data){
			   	document.getElementById('id').value = data.id;
            document.getElementById('email').value = data.email;
			    
			   $("#flex1").flexReload();
			   }
			 });
            
            /*and so on then you can call facybox*/
           jQuery.facybox({ div: "#editform"});
		   
        } else{
            alert('Please select a row to edit.');
        }
    }
      }
</script>

form

Code:

<div id="editform" style="display:none;">
  <form action="conedit.php" method="post" class="webform">  
<fieldset>  
<legend><span>Update Contact</span></legend>
<br /> <div id="dataText">Please delete the fields if there is no data 'No data to display'.</div>
  <label for="id">ID:</label>  
<input id="id" name="id" class="text" type="text" value="" />
<label for="name">Full Name:</label>  
<input id="name" name="name" class="text" type="text" value="" />  
  
<label for="email">Email address:</label>  
<input id="email" name="email" class="text" type="text" value="" />  
  
<label for="phone">Telephone:</label>  
<input id="phone" name="phone" class="text" type="text" value="" />  
  
<label for="mobile">Mobile:</label>  
<input id="mobile" name="mobile" class="text" type="text" value="" />  
 
<label for="fax">Fax:</label>  
<input id="fax" name="fax" class="text" type="text" value="" />  
  
<label for="notes">Notes:</label>  
<textarea name="notes" cols="25" rows="3"></textarea>  


</fieldset>
<input class="submit" type="submit"  name="submit" value="Update" />
</form>
</div>

I have a check box right now that calls an onClick event.

Here is the Input:
Code:

<input name="usePad" type="checkbox" value="usePad" id="usePad" onclick="showBind('padShow','padOk')" />

Here is the Script:
Code:

var xmlhttpshowBind;
var showBindDiv;

function showBind(BindPage,BindDiv) {
xmlhttpshowBind=GetXmlHttpObject();
if (xmlhttpshowBind==null) 	{
	alert ("Browser does not support HTTP Request");
	return; }
var url="/scripts/"+BindPage+".php";
showBindDiv=BindDiv;
xmlhttpshowBind.onreadystatechange=showBindGet;
xmlhttpshowBind.open("GET",url,true);
xmlhttpshowBind.send(null); }

function showBindGet() {
	if (xmlhttpshowBind.readyState==4) {
	document.getElementById(showBindDiv).innerHTML=xmlhttpshowBind.responseText; } }

It works great to fill the div called for, but I would like it to remove the div contents if it's unchecked, I'm not sure how to do this?? Any help would be appreciated!

Thank you in advance!