Всплывающее окно при нажатии кнопки

У меня есть кнопка соединения с кнопкой join. Когда я нажимаю на кнопку, я хочу получить возможность либо присоединиться к члену type A, либо члену type B, а затем перейти на нужную страницу. Могу ли я, пожалуйста, получить помощь в решении этой функции? Должен ли я использовать ajax?Всплывающее окно при нажатии кнопки

<?php if (!is_user_logged_in()): ?> 
    <a href="www.domain.com" class="join-button">Join</a> 
<?php endif; ?>

CSS:

.join-button { 
    -moz-box-shadow:inset 0px 1px 0px 0px #f5840c; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5840c; 
    box-shadow:inset 0px 1px 0px 0px #f5840c; 
    background-color:#f5840c; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    border:1px solid #f5840c; 
    display:inline-block; 
    color:#ffffff; 
    font-family:Arial; 
    font-size:14px; 
    font-weight:bold; 
    padding: 1px 4px; 
    text-decoration:none; 
    text-shadow:1px 1px 0px #f5840c; 
}

источник

2013-03-08 Patrick

Вы, похоже, даже не пытались реализовать это самостоятельно. Сделайте снимок, используйте Google, чтобы найти учебники, которые могут помочь, и если у вас возникли проблемы с конкретным кодированием, не стесняйтесь возвращаться и редактировать свой вопрос. Тем временем, однако, я голосую, чтобы закрыть это как Неконструктивный. –

@ Kolink, я расскажу о том, что знаю о подходе. – Patrick

Возможно, вы захотите изучить структуру, такую как [codeigniter] (http://ellislab.com/codeigniter) или другие фреймворки PHP, чтобы помочь вам понять, как все работает. –

пользователь Jquery UI плагин здесь является fiddle

$("button.joinbutton").on("click", function() { 


    $("#dialog").dialog(); 
    });

источник

2013-03-08 06:16:16

просто использовать JQuery UI плагин, который вы можете загрузить с here

<script> 
    $(function() { 
    $("#dialog").dialog(); 
    }); 
    </script> 
<body> 
<div id="dialog" title="Basic dialog"> 
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
</div> 
</body>

для лучшей документации и демонстраций посетите this link и найдите демо для диалога

источник

2013-03-08 06:43:21

Всплывающее окно при нажатии кнопки

ответ

Смежные вопросы