Quick question about adding properties to strings and toggling!

[_Z_U_]

Hello, my JS knowledge is pretty limited. This should be pretty simple...
I am trying to figure out if it is possible to add properties (or tie another variable) to a variable string? I believe it is limited to objects. I'll show you the code to help clarify what I am getting at:

 
    function toggleKml(theKML) {	
      if (theKML.toggleState == 1) {
        map.removeOverlay(theKML);
        theKML.toggleState = 0;
      } else {
        map.addOverlay(theKML);
        theKML.toggleState = 1;
      }
    }

This function works because theKML is an object. Here is my attempt at the same thing, but passing a string ("tabTitle") instead:

	function toggle_the_tabs(tabTitle) {
		if (tabTitle.toggleState == 1) {
			tabViewObj.deleteTab(tabTitle);
			tabTitle.toggleState = 0;
		} else {
			tabViewObj.createNewTab('tab_container',tabTitle,'','some.txt');
			tabTitle.toggleState = 1;
		}
	}

And the above function is called by:

<input type="checkbox" name="tab_toggle"  onClick="toggle_the_tabs('A new tab');"/>
<label for="tab_toggle"> Toggle tab</label>

So, my work-around has been to create a dummy object for each item that I toggle. This is not very pretty. Any other suggestions?

Thanks in advance!

[oesxyl]

a string is an object, instance of String and therefor you can use prototype to add something you want( see "Using prototype on prebuilt JavaScript objects"):

http://www.javascriptkit.com/javatutors/oopjs2.shtml

best regards

[_Z_U_]

Thanks Oesxyl for the prompt reply! However, given the simplicity of what I was looking to do, I'd rather not use an additional framework such as prototype.

In the end, the solution I came up with is pretty straightforward. I created a global variable object and then checked if it was set or not and that determined the toggle state. Works for multiple calls.

var togStatus = new Object;

	function pleaseToggle(theTab) {
		if (!togStatus[theTab]) {
                togStatus[theTab] = 1;
		tabViewObj.createNewTab('tabContainer',theTab,'','some.txt');
		}else{
		togStatus[theTab] = 0;
		tabViewObj.deleteTab(theTab);
		}
	}

If you see any potential problems with this, please let me know!

[oesxyl]

Originally Posted by _Z_U_

Thanks Oesxyl for the prompt reply! However, given the simplicity of what I was looking to do, I'd rather not use an additional framework such as prototype.

prototype is native javascript, and have nothing to do with prototype framework,

In the end, the solution I came up with is pretty straightforward. I created a global variable object and then checked if it was set or not and that determined the toggle state. Works for multiple calls.

var togStatus = new Object;

	function pleaseToggle(theTab) {
		if (!togStatus[theTab]) {
                togStatus[theTab] = 1;
		tabViewObj.createNewTab('tabContainer',theTab,'','some.txt');
		}else{
		togStatus[theTab] = 0;
		tabViewObj.deleteTab(theTab);
		}
	}

If you see any potential problems with this, please let me know!

I don't think there is a problem,

best regards