Loading gif when clicking a functions.

[whoami 26]

Hello guys..

Ive received many complains from clients because they expect me to add loading gifs when they click a button.

They want to know when that process if finished.

How can I add a loading gif right next to the button I click?

Something like this:

https://www.google.com/search?client=ubuntu&hs=BA3&channel=fs&biw=1559&bih=771&tbm=isch&q=loading%20gif%20transparent&revid=2143090927&ei=kWW7U4XiKafC8QGj7IFQ&ved=0CCEQsyU

[darryl561 177]

Try this:

ui html panel("<button style=\"font-family: Georgia; font-size: 22; background: #139E18; color: #FFFFFF;\" 
onmouseover=\"this.style.background=\'#36FF17\'\" 
onmouseout=\"this.style.background=\'#139E18\'\" 
onclick=\"ubot.runScript(\'run()\')\">run</button>
<span variable=\"#gif\" fillwith=\"innerhtml\"></span>", 155)
define run {
    set(#gif, "
<img src=\"data:image/gif;base64,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\"/>

", "Global")
    wait(4)
    set(#gif, $nothing, "Global")
}