Solved

Can I insert an HTML form into this javascript plug-in?

Posted on 2012-04-10
1
154 Views
Last Modified: 2012-06-27
I am using the javascript navigation tree shown below:

http://www.audioproductivity.com/dTree/example02.html

I want the radio buttons to appear next to the correct item in the navigation tree, but the radio button always appear at the top of the navigation tree.  I attached a code snippet, I thought this would solve the problem... but no luck.

<div class="dtree">

	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

	<form name="aa">

	<script type="text/javascript">
		<!--

		d = new dTree('d');

		d.add(0,-1,'Sports');
		d.add(1,0,'Basketball');
		d.add(2,1,'Lakers');
		d.add(3,2,'Suite');
		</script><input name="input1" type="radio" id="Lakers-Suite" value="Lakers-Suite" /><script type="text/javascript">
		d.add(4,2,'Courtside');
		</script><input name="input2" type="radio" id="Lakers-Courtside" value="Lakers-Courtside" /><script type="text/javascript">
		d.add(5,1,'Bulls');
		d.add(6,5,'Front Door');
		</script><input name="input3" type="radio" id="Bulls-FrontDoor" value="Bulls-FrontDoor" /><script type="text/javascript">
		d.add(7,1,'Pacers');
		d.add(8,7,'Courtside');
		</script><input name="input4" type="radio" id="Pacers-Courtside" value="Pacers-Courtside" /><script type="text/javascript">
		d.add(9,0,'Hockey');
		d.add(10,9,'Red Wings');
		d.add(11,10,'Mezzanine Level');
		d.add(12,9,'Sharks');
		d.add(13,12,'Section 71');

		document.write(d);

		//-->
	</script>
	</form>
</div>

Open in new window

0
Comment
Question by:tprofits
1 Comment
 
LVL 6

Accepted Solution

by:
bartvd earned 500 total points
ID: 37829539
The navigation tree is printed when you call document.write(d); This is why your solution doesn't work. You would have to adapt the print function of the plugin.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now