AJAX

show/hide element by name

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Sep 2007

Posts: 45

Reputation: verbob is an unknown quantity at this point

Solved Threads: 1

verbob

Offline

Light Poster

show/hide element by name

Nov 15th, 2007

I would like to "hide" everything encompassed in a particular tag that is 'named' by a variable(created a php script that reads from the db and echo's a users details in a that has the name of the 'member number' via a variable - user. (yes it sounds a bit weird....not easy to explain)

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
echo "<p id=\"results\" name=\"".$info['username']."\">";
....
echo "</p>";
echo "<p id=\"results\" name=\"".$info['username']."\">";
....
echo "</p>";

The above works just fine. The elements name is infact the 'username'. I have passed the variable back to html document as 'user' (yes, I verified that it is the correct value in the variable as it is passed to another php script via ajax and returns the appropriate result)

What I need to do is when I click a button, the contents within the specific are set to display:none . The problem I am having is that the elements 'name' is only known by a variable - 'user'. ....I hate coding DOM related functions lol...

•

Join Date: Jun 2006

Posts: 7,600

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 462

~s.o.s~

Offline

Failure as a human

Re: show/hide element by name

Nov 16th, 2007

Use the 'id' of the element to do the same.

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
var s = document.getElementById('results').style;
var b = document.getElementById('buttonId');
if(!s || !b)
   return;
b.onclick = function() {
   s.display = 'none';
};
var s = document.getElementById('results').style;
var b = document.getElementById('buttonId');
if(!s || !b)
   return;
b.onclick = function() {
   s.display = 'none';
};

Last edited by ~s.o.s~; Nov 16th, 2007 at 1:14 pm.

I don't accept change; I don't deserve to live.

•

Join Date: Sep 2007

Posts: 45

Reputation: verbob is an unknown quantity at this point

Solved Threads: 1

verbob

Offline

Light Poster

Re: show/hide element by name

Nov 16th, 2007

I just changed things a couple hours ago and echo'd a div with the 'username' as the id before the element, then referenced that id in the onreadystatechange of an ajax function(calls an update to the database when a button is clicked) to set it to hidden once the update is complete.

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
function confirmuser(user) {
	htmlRequest = ajaxFunction();
	var params = "user="+user;
	var getid = document.getElementById(user);
	if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
		alert ("Browser does not support HTTP Request");
		return;
	} 
	htmlRequest.open('POST', 'confirmuser.php');
	htmlRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	htmlRequest.setRequestHeader("Content-length", params.length);
	htmlRequest.setRequestHeader("Connection", "close");
	htmlRequest.onreadystatechange = function() {//Call a function when the state changes.
	if(htmlRequest.readyState == 4 && htmlRequest.Status == 200) {
		getid.style.display = 'none';
		}
	}
	htmlRequest.send(params); 
}
function confirmuser(user) {
	htmlRequest = ajaxFunction();
	var params = "user="+user;
	var getid = document.getElementById(user);
	if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
		alert ("Browser does not support HTTP Request");
		return;
	} 
	htmlRequest.open('POST', 'confirmuser.php');
	htmlRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	htmlRequest.setRequestHeader("Content-length", params.length);
	htmlRequest.setRequestHeader("Connection", "close");
	htmlRequest.onreadystatechange = function() {//Call a function when the state changes.
	if(htmlRequest.readyState == 4 && htmlRequest.Status == 200) {
		getid.style.display = 'none';
		}
	}
	htmlRequest.send(params); 
}