Drag'n Drop Folder Tree Script
Sep 21, 2007do you know good drag&drop scripts?
View 1 Repliesdo you know good drag&drop scripts?
View 1 RepliesI 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:
View 3 Replies View RelatedI have got this great script from the JS anthology Figure 15.13 - folder tree menu. Basically a user clicks on a section link and all the subpages are shown for that section. It is ideal for an interactive sitemap on the homepage.
However, the problem is that when the home page first loads all the links are shown and it takes about 20 seconds for the menu to close up so that only the links to section pages are shown.
Any ideas for how to make only the section pages appear immediately onload?
I'm creating an AJAX page that is built using a PHP Class, ie the php looks a bit like this: PHP Code:
$wp_page->addjs('../var/savepolicies.js')
$wp_parser->page = "userpolicywindow.php";
$wp_parser->addlink("Home","../index.php","");
$wp_parser->addlink("Logout","javascript:logout();","");
$wp_parser->getpageid("501");
[Code]...
within this page that has been created, there is an AJAX tree folder which calls another page to be loaded into a DIV by AJAX again. Code:
[Code]...
I don't know why it doesn't work because the page has been loaded with the JS file, but as soon as the link is added afterwards it doesn't work. I take it this is because it doesn't know where to find the JS, but how can I overcome this?
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.
View 3 Replies View RelatedHere is what I am trying to do. I created a .js to talk to 3-4 Drop down boxes with info I put in them. On the last drop box i currently just having it read "download" The is the drop down box I would like to populate files in a certain folder. Can anyone give me any insite on how to go about doing so? This is what is on my HTML.
[Code]....
using ajax/javascrtipt, how to browse for a folder and get *.xml files in the given folder path.??
View 2 Replies View RelatedOriginally I had the following code. What it does is for a user to type the folder name of their choice and then after clicking submit a window will pop open and they will be taken to "C:folder" (assuming the user typed "folder" and such a folder existed). Here is the code in case I wasn't clear.
<html>
<head>
<script type="text/javascript">
[code]....
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 am looking for a javascript to build a tree. For example clicking on a +
would expand the tree. Code:
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'm trying to do something rather simple. I want to find the only
<form> inside of a <div> named "newreplyform". Here's my code:
var nrf = document.getElementById('newreplyform');
var form = nrf.getElementsByTag("form")[0];
But Firefox gives me an error: Error: nrf.getElementsByTag is not a
function
I'm a Python fanboy, and am just trying to get through some JavaScript
code as quickly as possible. Am I doing something completely misguided?
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 want to use var to get folder name by javascript?
I writed like:
http://muangay123.com/hoi_sitepoint/can_hoi.zip
code file.htm:
<script>
thu_muc=new Array();
thu_muc[0]="may_danh_giay";
[Code]...
Does anyone know, if it is possible to create an explorer-like expandable
tree from an XML File ? I'd like to use it on an HTML web page.
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.
View 5 Replies View RelatedI 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...
View 2 Replies View RelatedI 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.
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 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 want to add check boxes to the tree as leaves I know how to add normal texts..
View 3 Replies View RelatedI 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.
Does anyone know how to CHANGE the title of tree node using the Dojo
Toolkit? I can change the title using
thatLittleNode.title = 'the new title'
which changes the title on the object, but it doesn't show up on the
UI.
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.
<html>
<head>
<script type="text/javascript">
[code]....
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.
[Code]...