Find ID within DIV - when ID not unique on webpage 3

friendlyposter · Feb 12, 2003

Thanks for your consideration of this question.

I am working with IE ONLY - so I don't need a NS solution.

I want to refer to the value of a document element (span) whose ID is not unique ... BUT ... which is nonetheless unique within a certain DIV only.

The page is something like this:

<script>

function showstarter() {

alert(startTime.innerHTML) ;

var x = startTime.hh.innerText;

alert(x) ;

}

</script>

<body onload="showstarter()">

<DIV id=startTime>
<Span id=hh>01:</Span>
</DIV>

<DIV id=endTime>
<Span id=hh>01:</Span>
</DIV>

USING IE, want to refer to the hh element within a given DIV.

It would be nice if I could say...

var x = startTime.hh.innerText

Of course if it worked I would not be asking.

gph1 · Feb 12, 2003

You might be able to do something with DOM scripting

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/attribute.asp

But I don't know if it will work with the same ids on the same page. is there a reason they can't be made unique?

vvlad · Feb 13, 2003

You can do something alike with forms, it might put you in the right direction.

<script>

function showstarter() {

var x = form1.hh.value;
alert(x) ;

var x = form2.hh.value;
alert(x) ;
}

</script>

<body onload="showstarter()">

<form id = "form1">
<input name = "hh" type = "text" value = "01" size = "2" readonly></input>
</form>

<form id = "form2">
<input name = "hh" type = "text" value = "02" size = "2" readonly></input>
</form>

vlad

jemminger · Feb 13, 2003

my two cents: you should make the ID unique on the page - this is by definition what the ID is! =========================================================
if (!succeed) try();
-jeff

friendlyposter · Feb 13, 2003

Thanks for your help everybody.

I am doing a "CreateEditableClock" function that builds into a webpage something like the MSWindows "Adjust System Time" clock popup - with + and - buttons to edit.

(The script is almost done but has a sloppy way to resolve the duplicate references - it walks thru all child tags because it knows the structure)

I was hoping for a way to do this entirely in simple DOM-navigation because ... the HTML I use for inside the many Clock DIVs is built dynamically (hence has duplicated id's --such as hh mm ss -- that repeat as a variable number of Clocks appear on a page).

Your suggestions will be useful
- I was hoping to avoid forms because of the effect I seem to get with forms juggling extra spaces and breaks into the web-page - forms is a good idea but I am very tight on web-page real estate

- I will need time to plough thru the MS site (I know, it will be good for my brain to do so) but I definitely will

- I think I am going to go for a UNIQUE id by creating my dynamic ids in a form like "startTimehh" and "endTimehh" for now

For the future, I sure would like to navigate the DOM in a way that finds unique-within-a-DIV ids. Keep scratching your heads if that helps.

By the way, your answers are very much appreciated! I am going to post my resultant script as a contribution to a cut-and-paste script website (It is a pop-up clock value editor).

Thanks for sharing.

jemminger · Feb 13, 2003

unique-within-a-DIV ids

maybe something like:
[tt]<div id="div1">
<div id="div1_div1"></div>
<div id="div1_div2"></div>
<div id="div1_div3"></div>
</div>

<div id="div2">
<div id="div2_div1"></div>
<div id="div2_div2"></div>
<div id="div2_div3"></div>
</div>
[/tt] =========================================================
if (!succeed) try();
-jeff

gph1 · Feb 13, 2003

Have you tried adding the parents id to the children?

Something like

<div id="1"
<div id="1_1"
<div id="1_2"

<div id="2"
<div id="2_1"

You could refer to them collectively using loops or individually as always. Or does that mess things up?

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Find ID within DIV - when ID not unique on webpage 3

friendlyposter

Programmer

gph1

Technical User

vvlad

Programmer

jemminger

Programmer

friendlyposter

Programmer

jemminger

Programmer

gph1

Technical User

Similar threads

Part and Inventory Search

Sponsor