-
1. Re: drawing a rectangle over a4j:mediaOutput
sergeysmirnov Jul 19, 2007 3:43 PM (in response to dkane)If I were you I will use the border color style attribute to manipulate the rectangle on hover. It is much easy. Anyway, I do not see the reason why this might be a part of component behavior. It is pure application level task.
-
2. Re: drawing a rectangle over a4j:mediaOutput
dkane Jul 19, 2007 4:03 PM (in response to dkane)Thank you for the quick answer .
I did not mean that solution should be encapsulated in mediaOutput. But so far I even can't realize how to put another image over mediaOutput at given coords, or e.g. draw a line using Ajax4Jsf.
I don't know JavaScript at all but have a Java background. That's why I were using GWT and felt pretty comfortable developing complex AJAX application without a line of raw JS.
Now the requirement is porting to Ajax4Jsf. I am new to this technology, but guess that at least one goal among others was to provide independency of raw JS , similar to GWT . -
3. Re: drawing a rectangle over a4j:mediaOutput
sergeysmirnov Jul 19, 2007 4:17 PM (in response to dkane)I am not a big fun of javascript either. However, I disagree with you that framework must do tones of extra work to replace 40 symbols:
<div style="border:1px solid white" onmouseover="this.style.borderColor='black'" onmouseout="this.style.borderColor='white'"> However here. </div>
P.S. Also, I am not a big fun of GWT that produces very heavy javascript applications under the slogan "No Javascript" -
4. Re: drawing a rectangle over a4j:mediaOutput
dkane Jul 20, 2007 2:56 AM (in response to dkane)Unfortunately lack of JS knowledge does not let me to understand, how use provided code for drawing the rectalnle of given coordinates and size within already displayed a4j:mediaOutput.
When user clicks to some point on image and moves the mouse, the rectangular frame should appear and resize accordingly. I.e. should act as standard area selection function in graphic editors.
Thanks anyway,
JS study seems inevitable in this case.