How to call a Javascript function from inside a Jquery on some event like clicking of a link?

Question

I have a page where I show some text. I want to hide that text and show it only when someone clicks a link/button. I tried using this:

<script>
    function f()
    {          
      document.getElementById("line").focus();
      document.getElementById("help").innerHTML = helptext();
    }

    $(function(){
       $('p[id=help]').hide();
       $('a[title=showcmd]').click(function(){
            $('p[id=help]').slideIn();
            $(this).hide();
            f();
       });
    });

    </script>

But it is not working.

Yes. I just forgot to add that. Now you can check. I have edited the question. — systemhalted
– systemhalted, Commented Jan 2, 2013 at 11:57
Looks fine to me... is helptext defined anywhere? Please create a jsfiddle.net demo. — Felix Kling
– Felix Kling, Commented Jan 2, 2013 at 11:58
Yes. It is defined. And it is rendering well if I just call the function on body load. — systemhalted
– systemhalted, Commented Jan 2, 2013 at 11:58
As @dystroy hinted at, slideIn is not standard jQuery. I guess the code errors there (the console will tell you). — Felix Kling
– Felix Kling, Commented Jan 2, 2013 at 12:00

Cerbrus · Accepted Answer · 2013-01-02 14:29:11Z

4

Change:

$('p[id=help]').slideIn();

To

$('p[id=help]').slideDown();

There's no slideIn in jquery

edited Jan 2, 2013 at 14:29

Cerbrus

73.3k19 gold badges138 silver badges151 bronze badges

answered Jan 2, 2013 at 12:05

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Denys Séguret · Accepted Answer · 2013-01-02 12:03:33Z

2

As the console shows, there is no slideIn function in jQuery :

Uncaught TypeError: Object [object Object] has no method 'slideIn'

tested code :

function f()
    {          
      document.getElementById("help").innerHTML = "Trying out Jquery";
    }

$(function(){
   $('p[id=help]').hide();
   $('a[title=showcmd]').click(function(){
        $('p[id=help]').slideIn();
        $(this).hide();
       f();
   });
});

I suppose you wanted to use slideUp or slideDown, or maybe fadeIn.

For future problems, I'd suggest you to look at the developer console : it always shows the error message, most often in a clear enough way with the exact location in your code.

answered Jan 2, 2013 at 12:03

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

2 Comments

systemhalted Over a year ago

I think I was using the wrong function. But still when I am using .fadeIn(), it is still not working on my page though on fiddlejs it is working. Thank you for immense help.

systemhalted Over a year ago

Hi All, It is working now. Some problem with cache was preventing from the changes to load. Thank you all.

Dipesh Parmar · Accepted Answer · 2013-01-02 12:09:16Z

1

If its not work then try to prevent the click event as below.

<script>
    function f()
    {          
      document.getElementById("line").focus();
      document.getElementById("help").innerHTML = helptext();
    }

    $(function(){
       $('p#help').hide();
       $('a[title=showcmd]').click(function(e){
            e.preventDefault();
            $('p#help').slideDown('slow');
            $(this).hide();
            f();
       });
    });

    </script>

answered Jan 2, 2013 at 12:09

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

Comments

Earth · Accepted Answer · 2013-01-02 12:10:23Z

0

Use slideDown() instead of slideIn()

answered Jan 2, 2013 at 12:10

Earth

3,5916 gold badges45 silver badges84 bronze badges

Collectives™ on Stack Overflow

How to call a Javascript function from inside a Jquery on some event like clicking of a link?

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related