Post Closed
513
Views
7
Comments
Solved
how to use JavaScript to hover a container?
Question

Hi there,

I need to know, how can i do to when the user move mouse over a container and up it.
i tried use JavaScript, but i' not sure that.

UserImage.jpg
Tiago Venancio
Solution

In the container, you can use in extend property :

Script = document.getElementById("myBtn").onclick = displayDate;

with the logic you want!

you can use JavaScritp to do that, follow the link bellow and see this post:


https://www.outsystems.com/forums/discussion/32992/javascript-on-button/


UserImage.jpg
ELLEGANCE MANAGE

Tiago Venancio wrote:

In the container, you can use in extend property :

Script = document.getElementById("myBtn").onclick = displayDate;

with the logic you want!

you can use JavaScritp to do that, follow the link bellow and see this post:


https://www.outsystems.com/forums/discussion/32992/javascript-on-button/


Thank you!!


2018-09-27 18-20-33
Swatantra Kumar
Champion

I'm not sure, if I get your question. 

Is it how to do mouseover using javascript?

UserImage.jpg
ELLEGANCE MANAGE

Swatantra Kumar wrote:

I'm not sure, if I get your question. 

Is it how to do mouseover using javascript?

Yes! 


UserImage.jpg
Tiago Venancio
Solution

In the container, you can use in extend property :

Script = document.getElementById("myBtn").onclick = displayDate;

with the logic you want!

you can use JavaScritp to do that, follow the link bellow and see this post:


https://www.outsystems.com/forums/discussion/32992/javascript-on-button/


UserImage.jpg
ELLEGANCE MANAGE

Tiago Venancio wrote:

In the container, you can use in extend property :

Script = document.getElementById("myBtn").onclick = displayDate;

with the logic you want!

you can use JavaScritp to do that, follow the link bellow and see this post:


https://www.outsystems.com/forums/discussion/32992/javascript-on-button/


Thank you!!


2021-03-18 21-03-15
Benjith Sam
 
MVP

ELLEGANCE MANAGE wrote:

Hi there,

I need to know, how can i do to when the user move mouse over a container and up it.
i tried use JavaScript, but i' not sure that.

Hi Ellegance,

I created a small demo app using jQuery - more specific to what you asked for. See below link

Sample Demo Link: Sample App


jQuery Sample Code:

SyntaxEditor Code Snippet

"<script>
    $('#' + '" + MagicCntr.Id + "').hover(function() {
        $(this).css('background', 'yellow');
    }, function() {
    $(this).css('background', 'pink');
});
</script>"


Prototype: Calling $(selector).hover(handlerIn, handlerOut)


Regards,

Benjith Sam

2021-01-05 18-22-18
andrew mahfouz

can you share demo for these

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Andrew,

This topic is 1,5 years old, and already has an answer. Please don't reply to such old topics, thanks.