I have a request from my boss to break up my current 1 sidebar into
many.
my map is very similar to http://www.osu.edu/map/google.php (as far as
the check boxes are concerned). What he wants for whatever reason is
to have the sidebar text show under the checkbox based on the checkbox
being checked...
> I have a request from my boss to break up my current 1 sidebar into
> many.
> my map is very similar tohttp://www.osu.edu/map/google.php(as far as
> the check boxes are concerned). What he wants for whatever reason is
> to have the sidebar text show under the checkbox based on the checkbox
> being checked...
My apologies, I was unable to find "group's posting guidelines" so i
merely followed the suggested guidelines. The server I have been
using when down for maintenance shortly before posting my question,
hence the link to a similar map.
But thank you marcelo for renewing the faith I had in others to help
others. I apologize for my inexperience.
> On Oct 5, 8:30 am, daniel <dajohnso...@gmail.com> wrote:
> > I have a request from my boss to break up my current 1 sidebar into
> > many.
> > my map is very similar tohttp://www.osu.edu/map/google.php(asfar as
> > the check boxes are concerned). What he wants for whatever reason is
> > to have the sidebar text show under the checkbox based on the checkbox
> > being checked...
> My apologies, I was unable to find "group's posting guidelines" so i
> merely followed the suggested guidelines. The server I have been
> using when down for maintenance shortly before posting my question,
> hence the link to a similar map.
> But thank you marcelo for renewing the faith I had in others to help
> others. I apologize for my inexperience.
> > On Oct 5, 8:30 am, daniel <dajohnso...@gmail.com> wrote:
> > > I have a request from my boss to break up my current 1 sidebar into
> > > many.
> > > my map is very similar tohttp://www.osu.edu/map/google.php(asfaras > > > the check boxes are concerned). What he wants for whatever reason is
> > > to have the sidebar text show under the checkbox based on the checkbox
> > > being checked...
> I was unable to see the page Daniel. Firefox says:
> Firefox can't establish a connection to the server at
> dajohnson1s.dvrdns.org.
> On Oct 5, 2:34 pm, daniel <dajohnso...@gmail.com> wrote:
> > My apologies, I was unable to find "group's posting guidelines" so i
> > merely followed the suggested guidelines. The server I have been
> > using when down for maintenance shortly before posting my question,
> > hence the link to a similar map.
> > But thank you marcelo for renewing the faith I had in others to help
> > others. I apologize for my inexperience.
> > On Oct 5, 3:02 am, marcelo <marcelo...@hotmail.com> wrote:
> > > Please follow the group's posting guidelines and post alink to *your*
> > > page, not to other people's pages.
> > > "Similar" is not good enough.
> > > On Oct 5, 8:30 am, daniel <dajohnso...@gmail.com> wrote:
> > > > I have a request from my boss to break up my current 1 sidebar into
> > > > many.
> > > > my map is very similar tohttp://www.osu.edu/map/google.php(asfaras > > > > the check boxes are concerned). What he wants for whatever reason is
> > > > to have the sidebar text show under the checkbox based on the checkbox
> > > > being checked...
function makeSidebar() {
var html = '', categoryHtml={}; // create an object to use as an
associative array of strings - an element for each marker category
for (var i=0; i<gmarkers.length; i++) {
if (!gmarkers[i].isHidden()) {
categoryHtml[gmarkers[i].mycategory]+='<a href="javascript:myclick(' +
i + ')">' + gmarkers[i].myname + '</a><br>';
}
}
for (i in categoryHtml){
// here you could add title html for each category of links
html+=categoryHtml[i];
> I have a request from my boss to break up my current 1 sidebar into
> many.
> my map is very similar tohttp://www.osu.edu/map/google.php(as far as
> the check boxes are concerned). What he wants for whatever reason is
> to have the sidebar text show under the checkbox based on the checkbox
> being checked...
Martin, I added the suggested code. But the only difference i am
noticing is the "undefined" before the first entry from the array.
I would think that I would need to have several "sidebar" class
instances. Just to clarify what I am thinking:
Checkbox---
<div class="side_bar"></div>
Checkbox--
<...."side_bar"...>
Is this reasonable?
On Oct 5, 6:20 pm, Martin <warwo...@gmail.com> wrote:
> function makeSidebar() {
> var html = '', categoryHtml={}; // create an object to use as an
> associative array of strings - an element for each marker category
> for (var i=0; i<gmarkers.length; i++) {
> if (!gmarkers[i].isHidden()) {
> categoryHtml[gmarkers[i].mycategory]+='<a href="javascript:myclick(' +
> i + ')">' + gmarkers[i].myname + '</a><br>';}
> }
> for (i in categoryHtml){
> // here you could add title html for each category of links
> html+=categoryHtml[i];}
> On 5 Oct, 07:30, daniel <dajohnso...@gmail.com> wrote:
> > I have a request from my boss to break up my current 1 sidebar into
> > many.
> > my map is very similar tohttp://www.osu.edu/map/google.php(asfar as
> > the check boxes are concerned). What he wants for whatever reason is
> > to have the sidebar text show under the checkbox based on the checkbox
> > being checked...
Ralph, thanks for the link, I think in essence this is what I am
trying to do. with separate divs and separate sidebar instances.
That was how i would have done it, but really didnt think it through
enough.
What I am a little confused about is in the link, they use this:
else if (gmarkers[i].myid == "#style4"){
123 html4 += '<a href="javascript:myclick(' + i + ')">' +
gmarkers[i].myname + '</a><br>';
124 document.getElementById("side_bar4").innerHTML = html4;
125 }
I understand the concept here, but what is "#style4". I had thought it
was a css style point to a div. but I cant seem to find it.
On Oct 5, 8:38 pm, daniel <dajohnso...@gmail.com> wrote:
> Martin, I added the suggested code. But the only difference i am
> noticing is the "undefined" before the first entry from the array.
> I would think that I would need to have several "sidebar" class
> instances. Just to clarify what I am thinking:
> Checkbox---
> <div class="side_bar"></div>
> Checkbox--
> <...."side_bar"...>
> Is this reasonable?
> On Oct 5, 6:20 pm, Martin <warwo...@gmail.com> wrote:
> > Try something like this (it's untested btw!):
> > function makeSidebar() {
> > var html = '', categoryHtml={}; // create an object to use as an
> > associative array of strings - an element for each marker category
> > for (var i=0; i<gmarkers.length; i++) {
> > if (!gmarkers[i].isHidden()) {
> > categoryHtml[gmarkers[i].mycategory]+='<a href="javascript:myclick(' +
> > i + ')">' + gmarkers[i].myname + '</a><br>';}
> > }
> > for (i in categoryHtml){
> > // here you could add title html for each category of links
> > html+=categoryHtml[i];}
> > On 5 Oct, 07:30, daniel <dajohnso...@gmail.com> wrote:
> > > I have a request from my boss to break up my current 1 sidebar into
> > > many.
> > > my map is very similar tohttp://www.osu.edu/map/google.php(asfaras > > > the check boxes are concerned). What he wants for whatever reason is
> > > to have the sidebar text show under the checkbox based on the checkbox
> > > being checked...
I think the main problem with my previously posted code was that the
javascript object has some built in methods or properties that were
being found by the for-in loop and being added to the HTML - that'd
explain the 'undefined' entries.
Here's a more refined approach.
Works much as the previous code but this time we create properties of
the categoryHTML object with a prefix of 'cat_'.
Then as we iterate through the properties of categoryHTML we check to
see if the property name beings 'cat_'.
If so we remove 'cat_' from the property name and assign that category
HTML to a container with an id that is the same as the category name.
Again the code is untested - i tried getting your page to load on my
PC but failed so couldn't test the new makeSidebar() function.
function makeSidebar() {
var categoryHTML={}; // missing semi-colon added here
for (var i=0; i<gmarkers.length; i++) {
if (!gmarkers[i].isHidden()) {
categoryHTML['cat_'+gmarkers[i].mycategory] += '<a
href="javascript:myclick(' + i + ')">' + gmarkers[i].myname + '</
a><br>';
}
}
for(i in categoryHTML){
// check that i is a property (mycategory) that we've created and not
a built in property or method of the javascript Object
if(i.substr(0, 4)==='cat_'){
// remove 'cat_' from the category property name
i=i.substr(4, i.length-4);
// assign the category html to sidebar container with id that is same
as category
document.getElementById(i).innerHtml=categoryHTML[i];
}
}
}
And then within your HTML create the containers to hold the sidebar
for each category:
> Martin, I added the suggested code. But the only difference i am
> noticing is the "undefined" before the first entry from the array.
> I would think that I would need to have several "sidebar" class
> instances. Just to clarify what I am thinking:
> Checkbox---
> <div class="side_bar"></div>
> Checkbox--
> <...."side_bar"...>
> Is this reasonable?
> On Oct 5, 6:20 pm, Martin <warwo...@gmail.com> wrote:
> > Try something like this (it's untested btw!):
> > function makeSidebar() {
> > var html = '', categoryHtml={}; // create an object to use as an
> > associative array of strings - an element for each marker category
> > for (var i=0; i<gmarkers.length; i++) {
> > if (!gmarkers[i].isHidden()) {
> > categoryHtml[gmarkers[i].mycategory]+='<a href="javascript:myclick(' +
> > i + ')">' + gmarkers[i].myname + '</a><br>';}
> > }
> > for (i in categoryHtml){
> > // here you could add title html for each category of links
> > html+=categoryHtml[i];}
> > On 5 Oct, 07:30, daniel <dajohnso...@gmail.com> wrote:
> > > I have a request from my boss to break up my current 1 sidebar into
> > > many.
> > > my map is very similar tohttp://www.osu.edu/map/google.php(asfaras > > > the check boxes are concerned). What he wants for whatever reason is
> > > to have the sidebar text show under the checkbox based on the checkbox
> > > being checked...