Jump to content

Instant messaging:Div taller than its parent div.....


pascal_22

Recommended Posts

Hello,

I will try to explain what i want,

 

On my website, i want to create an instant messaging. so when a user visit a member profil and this member he's online, the user can click on IM button and a div appear in a bottom right to enter a messager to send to this user.

 

When a user click on Instant messaging button, i want first a full width screen div with 75px height(it will be the main div that shows active IM), then, i want to show all current active IM. Then, if user click on an active IM div, this div grow maybay 400px height and 180px width, to let user type his message BUT i wnat that the main div stay at 75px height.....

 

Do you have a hint for me...

I use php / ajax to show div but i don't know how make a div bigger than its parent in height.....

 

Thanks a lot!

Pascal

Link to comment
Share on other sites

my project is not online now...

 

ya i specify a width and height in css...

 

Also... i suppose that instant messaging are heavy for a server? i mean, every x second, i request is send do DB to see if a user didn't IM him?

is it heavy?

Thanks

Link to comment
Share on other sites

so use jquery and the div with im messaging can be hidden or display none (prefered) till its on use .

and if you need you can change the other div the display none if you dont need him .

im sure with jquery you will get got resoults for your needs.

 

 

 

Link to comment
Share on other sites

  • 1 month later...
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.