Getting specific element

[viperous]

I manage to get an example of a drag and drop in javascript working. (

http://neb.net/playground/dragdrop

)

I'm not trying to apply this technique to my project. Though I'm getting stumped on my HTML hierarchy.

Here's my HTML code

<div id="bottom_content">
   <div id="left_container">
      <div>
         [b]<ul class="handle">[/b]
            <li class="box_name">Photo Pool</li>
         </ul>
         <p>Text</p>
      </div>
   </div>
   <div id="left_container">
      <div>
         <ul class="handle">
            <li class="box_name">Photo Pool</li>
        </ul>
        <p>Text</p>
     </div>
   </div>

So pretty much, following the example shown in

http://neb.net/playground/dragdrop,

I'm trying to get down to my <ul>. How would I go by doing that?

I've tried document.getElementByTagName("ul") but no gold. I am able to get to that lone <div> before my <ul> fine...but for this project, it's requiring me to dig a bit deeper.

Any help apprecieated. Thanks

 

[BlindPete]

I'm a little confused about what you are asking for. You may find it much easier to get elements by their ID. The ID is supposed to be unique in the document.

http://www.w3schools.com/htmldom/met_doc_getelementbyid.asp

-Pete

 

[BillyRayPreachersSon]

I've tried document.getElementByTagName("ul") but no gold.

There is no such call as "getElementByTagName"... it is "getElement[!]s[/!]ByTagName". This returns an array of elements, so you would need to specify which UL you were after:

document.getElementsByTagName("ul")[!][0][/!]

or, if there were an unknown number of UL elements before your DIV, you could narrow it down further:

document.getElementById('left_container').document.getElementsByTagName("ul")[0]

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[viperous]

Actually, I figured it out. Like Pete said, I don't think I was clear on my question. Sorry for that.

Turns out that I wasn't getting high enough in my heiarchy. I just added in one more parentNode to reach left_container.

item.parentNode.parentNode.myfunction();

I'm I'm trying to figure out why my function isn't working properly. I'll add the entire code once I get home.

Thanks for the help so far guys.