Disable default function jquery

Question

I'm making a Facebook-like chat. I want to implement the function that shows/hides the chat when you click the chatbar but not when you click on .chat_txt or .chat_new_input. Do you know any tricks?

//JavaScript Show/Hide Function
$('.hidden_box').live("click", function(){ showChat(this); });
$('.active_box').live("click", function(){ hideChat(this); });

$('.chat_txt').click(function(event) {
  event.preventDefault();
});

Here is the syntax for the DIV:

<div id="chat_system_msg_lp" class="chat_box clickable_box hidden_box">
    <div id="chat_system_msg_nick" class="chat_name">system_msg</div>
    <ul id="chat_system_msg_txt" class="chat_txt">
        <li id="46">Hi visitor. We suggest you to sign in/sign up in order to have all the benefits from Live-Pin </li>
    </ul>
    <form class="chat_new_message" name="new_msg">
       <input type="text" placeholder="Enter your message..." class="chat_new_input">
    </form>
</div>

You can see the live demo in http://live-pin.com.

Please do not post the same question more than once. If you have new information to add, edit the question via the edit link, located at the bottom of the question. — Rob W
– Rob W, Commented Feb 11, 2012 at 21:33
dude why would you post the same question twice? I actually wasted 1 minute of my life trying to answer it here, to see that something similar was answered on your dup question. :< — Vlad Nicula
– Vlad Nicula, Commented Feb 11, 2012 at 21:41

skimberk1 · Accepted Answer · 2012-02-11 22:41:29Z

1

Use

$('.hidden_box #chat_system_msg_nick').live("click", function(){ showChat('#chat_system_msg_lp'); });
$('.active_box #chat_system_msg_nick').live("click", function(){ hideChat('#chat_system_msg_lp'); });

and remove the last part of the Javascript.

Also, please don't repost questions. If you have anything to add/change, just edit the original question,

edited Feb 11, 2012 at 22:41

answered Feb 11, 2012 at 21:52

skimberk1

2,0943 gold badges21 silver badges27 bronze badges

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

3 Comments

skimberk1 Over a year ago

Maybe you've got to use $.live ? It's hard to tell since you can't see most of the source code.

Luis Over a year ago

Now it's working all of them at the same time, any suggestion?

Luis Over a year ago

stackoverflow.com/questions/9242490/… <--- I describe it THERE

remy · Accepted Answer · 2012-02-11 21:35:14Z

1

The events "bubble" up the DOM hierarchy.

The correct way would be to assign the click events to titlebar div (#chat_system_msg_nick) instead of the hole chatbox.

answered Feb 11, 2012 at 21:35

remy

1,50110 silver badges16 bronze badges

1 Comment

Luis Over a year ago

stackoverflow.com/questions/9242490/… <--- I describe it THERE

Collectives™ on Stack Overflow

Disable default function jquery

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related