cannot insert html into DIV

Hi Guys,

I have several .class DIVs I want to manipulate. I have retrieved them
using the following code:

var canvasClasses = new Array();
$(".canvas").each(function() {
canvasClasses.push()
});

I am now trying to insert some HTML into the DIVs but its not working:

canvasClasses[0].innerHTML = "htmlhere";

Any ideas on why its not working ?

Hey buddy, I think you need to use .html and not innerHTML.

http://docs.jquery.com/Attributes/html

look at the html(val) example.

Hope this works for you.

Ray James

On Nov 4, 4:16*pm, shaf <shaolinfin... (AT) gmail (DOT) com> wrote:

Hi Guys,

I have several .class DIVs I want to manipulate. I have retrieved them
using the following code:

* * * * var canvasClasses = new Array();
* * * * $(".canvas").each(function() {
* * * * * * * * canvasClasses.push()
* * * * });

I am now trying to insert some HTML into the DIVs but its not working:

canvasClasses[0].innerHTML = "htmlhere";

Any ideas on why its not working ?

You have to supply the canvas object as a parameter to the push function to
add it to the array.

canvasClasses.push($(this));

On Thu, Nov 5, 2009 at 10:16 AM, shaf <shaolinfinest (AT) gmail (DOT) com> wrote:

Hi Guys,

I have several .class DIVs I want to manipulate. I have retrieved them
using the following code:

var canvasClasses = new Array();
$(".canvas").each(function() {
canvasClasses.push()
});

I am now trying to insert some HTML into the DIVs but its not working:

canvasClasses[0].innerHTML = "htmlhere";

Any ideas on why its not working ?

You have to supply the canvas object as a parameter to the push
function to add it to the array.

canvasClasses.push($(this));

That doesnt work either.

On Nov 4, 11:28*pm, Andrew Tan <afh... (AT) gmail (DOT) com> wrote:

You have to supply the canvas object as a parameter to the push function to
add it to the array.

canvasClasses.push($(this));

On Thu, Nov 5, 2009 at 10:16 AM, shaf <shaolinfin... (AT) gmail (DOT) com> wrote:
Hi Guys,

I have several .class DIVs I want to manipulate. I have retrieved them
using the following code:

* * * *var canvasClasses = new Array();
* * * *$(".canvas").each(function() {
* * * * * * * *canvasClasses.push()
* * * *});

I am now trying to insert some HTML into the DIVs but its not working:

canvasClasses[0].innerHTML = "htmlhere";

Any ideas on why its not working ?

If you used Andrew's example, then you added a jQuery object to the
canvasClasses array. Calling innerHTML on a jQuery object won't work.
Try canvasClasses[0].html('htmlhere')

On Nov 4, 3:35*pm, shaf <shaolinfin... (AT) gmail (DOT) com> wrote:

That doesnt work either.

On Nov 4, 11:28*pm, Andrew Tan <afh... (AT) gmail (DOT) com> wrote:



You have to supply the canvas object as a parameter to the push function to
add it to the array.

canvasClasses.push($(this));

On Thu, Nov 5, 2009 at 10:16 AM, shaf <shaolinfin... (AT) gmail (DOT) com> wrote:
Hi Guys,

I have several .class DIVs I want to manipulate. I have retrieved them
using the following code:

* * * *var canvasClasses = new Array();
* * * *$(".canvas").each(function() {
* * * * * * * *canvasClasses.push()
* * * *});

I am now trying to insert some HTML into the DIVs but its not working:

canvasClasses[0].innerHTML = "htmlhere";

Any ideas on why its not working ?

Thanks that worked.

Ok, I am now trying to add several google maps using the same method
to no avail. Code below:

$(document).ready(function(){
/*Create Map/Address/.map_canvas class Arrays*/
var map = new Array();
var mapCanvasClasses = new Array();

/*Load Default view on map*/
geocoder = new google.maps.Geocoder();
var myLatlng = new google.maps.LatLng(51.50, -0.07);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

/*Get all map_canvas class instances*/
$(".map_canvas").each(function() {
mapCanvasClasses.push($(this));
});

/*suspect problem here*/
map[0] = new google.maps.Map(mapCanvasClasses[0], myOptions);
});

I suspect the the problem is with the second last line, or more
accurately the "mapCanvasClasses[0]" bit. Whenever I replace that with
a getElementById("map_canvas") it will work. But since I am using
multiple DIV classes I cannot use the getElementById() function. Any
ideas on how I can fix this ?



On Nov 5, 12:04*am, mkmanning <michaell... (AT) gmail (DOT) com> wrote:

If you used Andrew's example, then you added a jQuery object to the
canvasClasses array. Calling innerHTML on a jQuery object won't work.
Try canvasClasses[0].html('htmlhere')

On Nov 4, 3:35*pm, shaf <shaolinfin... (AT) gmail (DOT) com> wrote:

That doesnt work either.

On Nov 4, 11:28*pm, Andrew Tan <afh... (AT) gmail (DOT) com> wrote:

You have to supply the canvas object as a parameter to the push function to
add it to the array.

canvasClasses.push($(this));

On Thu, Nov 5, 2009 at 10:16 AM, shaf <shaolinfin... (AT) gmail (DOT) com> wrote:
Hi Guys,

I have several .class DIVs I want to manipulate. I have retrieved them
using the following code:

* * * *var canvasClasses = new Array();
* * * *$(".canvas").each(function() {
* * * * * * * *canvasClasses.push()
* * * *});

I am now trying to insert some HTML into the DIVs but its not working:

canvasClasses[0].innerHTML = "htmlhere";

Any ideas on why its not working ?