www.webdeveloper.com
Results 1 to 9 of 9

Thread: Variable contents in html :S

Hybrid View

  1. #1
    Join Date
    Jul 2008
    Posts
    19

    Question Variable contents in html :S

    I seem to have a problem with my javascript code. What I want to do is make the last line of code alert out the value of a html checkbox name which has been dynamically made in javascript. It is trying to look for prechecksub in the html but I want to the value of prechecksub and insert it into the alert if this makes sense. Probably not

    Code:
    function catboxclick(cat)
    {
    	alert("catboxclick called");
    	
    		var prechecksub = "checksub" + cat;
    		alert(prechecksub);
    	alert(document.catcheckboxes.checkcatgroup.length);
    	alert(document.catcheckboxes.checksub0.length);
    	
    	alert(document.catcheckboxes.prechecksub.length); // this doesnt work, there is no such html element as prechecksub, it is made in JS.
    }

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Quote Originally Posted by javawizkid View Post
    I seem to have a problem with my javascript code. What I want to do is make the last line of code alert out the value of a html checkbox name which has been dynamically made in javascript.
    Made how? Can we see the way you have created and appended that checkbox?

  3. #3
    Join Date
    Jul 2008
    Posts
    19
    Code:
    for (cat = 0; cat < category.length; ++cat)
    	{
    		html += '<div class="mH"><input type="checkbox" name ="checkcatgroup" checked onclick="catboxclick(' + cat + ')" /><div class="mH" onclick="toggleMenu' + "('menu" + cat + "')" +'">&#177 ' + category[cat] + '<br/></div></div>';
    		html += '<div id="menu' + cat + '" class="mL">';
    			for (sub = 0; sub < subcategory[cat].length; ++sub)
    			{
    			html += '<div class="mO"><input type="checkbox" name="checksub'  + cat + '" checked onclick="subboxclick('+ cat +',' + sub + ')" />' + subcategory [cat] [sub] +'<br/></div>';
    			}
    		html += '</div>';	
    		}
    		html += '</div></form>';
    	
    	
    	document.getElementById("infobox").innerHTML = html;

  4. #4
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    innerHTML is not a standard DOM method, thus it might not insert quite well the new elements or their attributes into the DOM tree. I would have rather use DOM standard methods to create and append a new element (createElement(), setAttribute() and so on)

    On the other hand, you may try something else: in case of a single radio or checkbox element referenced by name, the classical reference (document.formname.elementname) could fail. Try first the DOM 1+ method:
    Code:
    document.getElementsByName('prechecksub')[0]
    Keep in mind that getElementsByName() method is to be used only upon form's elements (well, it works upon images, frames and links as well, but I woun't bet on the future of) and will return always a collection (that means you always need an index to point a certain element)
    Last edited by Kor; 09-02-2009 at 03:18 PM.

  5. #5
    Join Date
    Jul 2008
    Posts
    19
    Not quite sure what you mean.

    Like this:
    Code:
    document.catcheckboxes.getElementByname('prechecksub').length

  6. #6
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Quote Originally Posted by javawizkid View Post
    Not quite sure what you mean.

    Like this:
    Code:
    document.catcheckboxes.getElementByname('prechecksub').length
    Nope.Try:
    Code:
    document.getElementsByName('prechecksub').length

  7. #7
    Join Date
    Jul 2008
    Posts
    19
    Yes that works, but it returns a value of 0 and not 10. :S

    My bad, forgot the form name. Thanks all working now!

    Nope, still not working.
    Last edited by javawizkid; 09-02-2009 at 03:48 PM.

  8. #8
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428

  9. #9
    Join Date
    Jul 2008
    Posts
    19

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles