Getting SPAN fontSize attribute

[toddaa]

I'm sorry if this has previously asked and answered. I have been
searching for a while and have come up empty.

I am trying to write a function which will return the font size
attribute for the current location of the cursor in an editable iframe.
Unfortunately, queryCommandValue doesnt seem to be working. Instead
of using the FONT tag everything is being converted to SPAN in order to
set the font size by points instead of the seven browser sizes. So
basicly I need to return the font size that has been set with the style
property of the SPAN tag.

I started down a great path using getElementsByTagName("SPAN"), but
that ended up giving me the font size of every SPAN in the iframe
element. If there was a way to reference where the cursor is currently
at that might be enough to make this work, but I dont know of such a
thing. Here's the code for what I was working on:

var allSpans = ifrmSlide.document.getElementsByTagName("SPAN");
for(i=0;i<allSpans.length;i++){
alert(allSpans[i].style.fontSize);
}

Let me know if there are any suggestions or questions. I really
appreciate it.

[alu]

<to****@gmail.com> wrote in message
news:11**********************@z14g2000cwz.googlegr oups.com...

I'm sorry if this has previously asked and answered. I have been
searching for a while and have come up empty.

I am trying to write a function which will return the font size
attribute for the current location of the cursor in an editable iframe.
Unfortunately, queryCommandValue doesnt seem to be working. Instead
of using the FONT tag everything is being converted to SPAN in order to
set the font size by points instead of the seven browser sizes. So
basicly I need to return the font size that has been set with the style
property of the SPAN tag.

I started down a great path using getElementsByTagName("SPAN"), but
that ended up giving me the font size of every SPAN in the iframe
element. If there was a way to reference where the cursor is currently
at that might be enough to make this work, but I dont know of such a
thing. Here's the code for what I was working on:

var allSpans = ifrmSlide.document.getElementsByTagName("SPAN");
for(i=0;i<allSpans.length;i++){
alert(allSpans[i].style.fontSize);
}

Let me know if there are any suggestions or questions. I really
appreciate it.

Could be as simple as
<span style="font-size:12pt"
onmouseover="theFunction(this.style.fontSize)">mou seover span</span>

-alu

[Danny]

What you need is to have an event, mouseover, return the hovered node and
check if it's span or else and access its properties or such, in
mozilla/geckos/opera, you can do it from the function listener to the
event, attached to it, 1st arguement .target object, in IE is .srcElement:

function check(ev) {
aler(ev.target.nodeName) // to return the tag name
alert(srcElement.nodeName) // IE uses like so, as for Opera,
opera uses either
}

to change the fontSize, just do an ev.target.style.fontSize='12pt' or so.
Danny