I desperately need to create a tree menu to function similar to http://support.novell.com (grey menu on the left). I am working on the largest web project of my career and the programming is a little over my head to a relatively new designer...so any help or suggestions would be great. I tried their code to see if I could make it do anything but nothing helps....I'd love any help and would certainly give you proper credit. If you want, you can email me at: wentworth499@msn.com
Note: Does anyone know how it's done in Dw...or some way to copy code and paste in to DW to test it to see if it works...everything I've tried will not work in DW.
I'm currently moddifying a simple menu tree script, into a way of showing more info, when clicking a headline. It is beginning to work allmost a i want i to, but when i use my own stylesheet, the area of the menutree is shown as a table.
If anyone can help me find a free resource for creating a verticle slide tree menu system that allows the use of images for the navigation I would really appreciate it. I have found many scripts that allow background images but NONE that have rollover images for the links. Code:
I have a javascript menu based off of unordered lists that only shows the subnav links when you click on the main nav links. is there a way to keep any subnav items open after you click on a link and are transferred to a new page? Code:
i need to make my alert box stand out a bit more i have looked everywhere but can't find anything! i was looking to do stuff like Bold, Italics, Underline, Fonts, Sizes, Borders, Backgrounds maybe something that flashed!i'm not asking you to do it for me just tell me how and were to put the different codes!
I am creating a new Option and putting it in a select menu. The problem is that the TEXT property is not showing up in IE7. I end up seeing a blank option. The .text property can be used (by alerting option.text) but its not showing up. It shows up find in FF.
Here is how I create the option: selectMenu = document.getElementById('possible_manufacturers'); newOption = new Option("Test",'test'); position = man_list.indexOf('Cannon');
shoveOption(selectMenu, newOption, position);
Here is the function I am using to put the option in the select menu: function shoveOption( selectMenu, newOption, position ){ // {newOption} will be placed BEFORE the option at {position} startLength = Number(selectMenu.options.length); y = 0;
for(x=0; x<startLength; x++){ if( x == position ){ selectMenu.appendChild(newOption); }
What does it mean to "walk the DOM tree"? How do you use it?
I hear programmers using this term loosely and I'm not sure what it means. I understand that DOM means Document Object Module and that they are referencing the additional elements whithin (X)HTML.
I've got a bit of ajax code that loads some content into a div. What I want to do is alter the href and action of all links and forms loaded into the div.
I thought the cleanest way to do this would have been to recursively look at all the child nodes of the div, and alter the href/action of any link or form elements that I encounter, is this do-able?
I need to remove the element with the class "group" on it from the DOM tree with javascript (eventually with prototype, but no other library). I don't only want to hide that paragraph, but remove it entirely from the DOM tree. My solution to use getElementsByClassName does not work.
function hidegroup() { var group= document.getElementsByTagName("p") .getElementsByClassName("group"); group.style.display = 'none'; group.removeChild(); }
THE HTML: <div id="poems"> <div class="poem" id="d1"> <p class="group"> <a href="#">To the top of the page</a> </p></div>
I am trying to create a family tree, parents / grandparents etc, of a single person... My database etc is already working but I cannot find any working examples that I can make sense of... Each of my records has a name, dob and id of each parent.... How can I get X generations from this.. I thought something like this might work.. GetParents For each parent GetParents And so on... But I have no idea how to put this into code...
I have the following XML: Code: <root> <MemberProvider name="myName"> <Marker> <Latitude>-32.025469</Latitude> <Longitude>115.950136</Longitude> <Name>Beacon Lighting</Name> <Address>219 21 William Street, Cannington WA 6107</Address> <Phone>08 9356 6422</Phone> <savingText>Members get 10 off RRP</savingText> <disclaimer>Also save 10 off grid connected solar power systems</disclaimer> </Marker> ......
Now in my Javascript, I have Code: var xmlrows = xmlDoc.documentElement.getElementsByTagName("Marker"); var xmlGroups = xmlDoc.documentElement.getElementsByTagName("MemberProvider"); //for the number of Member Providers listed for (var i = 0; i < xmlrows.length; i++) { var xmlrow = xmlrows[i]; var singleGroup = xmlGroups[i]; var xmlcellLongitude = xmlrow.getElementsByTagName("Longitude")[0]; var xmlcellLatitude = xmlrow.getElementsByTagName("Latitude")[0]; var point = new GLatLng(parseFloat(xmlcellLatitude.firstChild.data), parseFloat(xmlcellLongitude.firstChild.data)); //get the name var name = singleGroup.getElementsByTagName("MemberProvider")[0].getAttribute("name");
Why do I have two variables loading the xml doc? The first appears to work, but the second (xmlGroups) does not. Every time I try and get the Name attribute from the MemberProvider node, it throws getElementsByTagName("MemberProvider")[0].getAttribute("name"); is null or not an object.
Does anyone know of a publicly available drag & drop tree script? Google only turned up a bunch of nice tree scripts, but none of them have drag & drop functionality.
I'm trying to develop a tree structure using javascript. The node values of the tree are generating from a mysql table depending on login. The tree structure contains 3 sub levels.
I developed static HTML tree using http://www.treeview.net. now i need to generate this tree dynamically.
I am looking for the best performing solution for modifying and iterating an object graph in JavaScript. I have outlined below a simplified example of the object model and examples of how I will be using this graph.
Object model:
Two objects, [BadApples] and [GoodApples] each contains a collection of [Apple] items (500 max). [Apple] simply has an ID and a name.
Requirements:
A quick way of determining whether a certain apple exists in either [GoodApples] or [BadApples] (by ID).
A quick way of iterating through [GoodApples] and [BadApples] in order to update the web page.
A way of moving a certain [Apple] (by ID) between [GoodApples] and [BadApples].
I currently have this implemented using arrays, but iterating these arrays is expensive. Is there an implementation of a binary-tree for JavaScript? The real-world application may contain many hundreds of nodes, and performance is crucial.
I am trying to create a tree table (javascript code was adopted from online source) but the rowspan in td tag does not work well when I toggle the rows. Here is the sample code, notice the row "4" should be in the Type 1 section (click on the arrow and expand it, it will display correctly), but when it is collapsed, it is pushed downwards to Type 2 section. Could not figure out what is the reason. Any ideas? Code:
For a web project we want to have a talent calculator, sth. like this one:[URL] - with a left click you can add a point, with a right click you can remove this one - you should see somewhere how many points you still have. I haven�t so much experience with javascript so i want to ask, if you have a script (similar to this) which i can customize and start with.
You know those directory trees that expand and contract when you press the +/- or arrows? I'm trying to make one of those, but with checkboxes instead of +/- or arrows, and XML elements instead of directories.
Let me explain the scenario. I have a main html (e.g. main.html) page, which includes a link to inner.html page. Clicking this link will load the inner page, containing a tree structure. [URL] The loading method is such that only the body content from inner page is loaded to the main page, without refreshing the main page.I believe this method is called partial rendering of pages.
I have written a couple of functions to open and close <ul> like a forlder tree which is working great. I have a tiny little problem. When you open and close folders the icons are not properly swapping to indicate their state. Code:
