Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
HOW TO CREATE POPUP LIKE THIS
12-20-2014, 10:06 AM
Post: #1
HOW TO CREATE POPUP LIKE THIS
[Image: ss%2B%25282013-05-06%2Bat%2B08.58.15%2529.png]



HOW TO CREATE POPUP LIKE THIS
Find all posts by this user
Like Post Quote this message in a reply
12-21-2014, 07:16 AM (This post was last modified: 12-21-2014 07:16 AM by Adwap.)
Post: #2
RE: HOW TO CREATE POPUP LIKE THIS
this is by js ans jQuery

ok...
Find all posts by this user
Like Post Quote this message in a reply
12-21-2014, 04:28 PM (This post was last modified: 12-21-2014 04:33 PM by timun.)
Post: #3
RE: HOW TO CREATE POPUP LIKE THIS
link brow ... i need learh make js popup for my study


PHP Code:
a.selected {
  
background-color:#1F75CC;
  
color:white;
  
z-index:100;
}

.
messagepop {
  
background-color:#FFFFFF;
  
border:1px solid #999999;
  
cursor:default;
  
display:none;
  
margin-top15px;
  
position:absolute;
  
text-align:left;
  
width:394px;
  
z-index:50;
  
padding25px 25px 20px;
}

label {
  
displayblock;
  
margin-bottom3px;
  
padding-left15px;
  
text-indent: -15px;
}

.
messagepop p, .messagepop.div {
  
border-bottom1px solid #EFEFEF;
  
margin8px 0;
  
padding-bottom8px;



PHP Code:
function deselect(e) {
  $(
'.pop').slideFadeToggle(function() {
    
e.removeClass('selected');
  });    
}

$(function() {
  $(
'#contact').on('click', function() {
    if($(
this).hasClass('selected')) {
      
deselect($(this));               
    } else {
      $(
this).addClass('selected');
      $(
'.pop').slideFadeToggle();
    }
    return 
false;
  });

  $(
'.close').on('click', function() {
    
deselect($('#contact'));
    return 
false;
  });
});

$.
fn.slideFadeToggle = function(easingcallback) {
  return 
this.animate({ opacity'toggle'height'toggle' }, 'fast'easingcallback);
}; 


like this

PHP Code:
<div class="messagepop pop">
  <
form method="post" id="new_message" action="/messages">
    <
p><label for="email">Your email or name</label><input type="text" size="30" name="email" id="email" /></p>
    <
p><label for="body">Message</label><textarea rows="6" name="body" id="body" cols="35"></textarea></p>
    <
p><input type="submit" value="Send Message" name="commit" id="message_submit"/> or <class="close" href="/">Cancel</a></p>
  </
form>
</
div>

<
a href="/contact" id="contact">Contact Us</a


i dont know how to get user id in popup page ...

teach me pliss
Find all posts by this user
Like Post Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)