APEX-AT-WORK no image

Button with changing icon

Von Tobias Arnhold 5.24.2010
A while ago I wrote how to create your own Javascript buttons inside a region:
http://apex-at-work.blogspot.com/2009/05/building-your-own-button-in-apex-region.html

Here the example about how to change the icon "on mouse over" event:
Changing Images on Mouseover Using JavaScript


<img
id="#CURRENT_ITEM_ID#_btn"
src="/i/unpressed-icon.gif"
alt="Search"
onclick="javascript:doSubmit('SEARCH')"
style="cursor: pointer"
title="Search"
onmouseover="document.#CURRENT_ITEM_ID#_btn.src='/i/pressed-icon.gif'"
onmouseout="document.#CURRENT_ITEM_ID#_btn.src='/i/unpressed-icon.gif'"
>

Update 01.06.2010:
In case you want to use it inside your report then use this code snippet:

SELECT...
'<img src="/i/bilder/icon-unpressed.gif"'
|| ' id="btn_ID' || rownum || '" style="cursor: pointer"'
|| ' title="Save changes!" alt="Save changes!"'
|| ' onmouseover="document.btn_ID' || rownum || '.src=''/i/bilder/icon-is-pressed.gif''"'
|| ' onmouseout="document.btn_ID' || rownum || '.src=''/i/bilder/icon-unpressed.gif''" />' as BTN_PRESS
FROM ...

Post Tags: