:: Не фоксом единым
Верста сайта, будь она не ладна!
Зингер
Автор

Сообщений: 541
Откуда: Белгород
Дата регистрации: 02.12.2008
Крутил-мутил, сидел-сопел я с этой версткой... Как же это нудно! Хм, кому то ж нравиться! Верстка - это, ну ни разу не программирование и я ни разу не художник. Поразмыслив, нашел на просторах инета простенький HTML-шаблон для формы авторизации.
<form method="post" class="login" runat="server" >
<p>
<label for="login">Логин:</label>
<input type="text" name="login" id="login" value="''.phorum_html_encode('name@example.com').''"/>
</p>
<p>
<label for="password">Пароль:</label>
<input type="password" name="password" id="password" value="4815162342"/>
</p>
<p class="login-submit">
<button type="submit" class="login-button">Войти</button>
</p>
<p class="forgot-password"><a href="index.html">Забыл пароль?<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</a></p>
</form>

Ну и CSS длиннющий к нему еще в придачу.

Вопрос: как прописать кнопке код на C# в классе страницы?
1)Попытался заменить HTML кнопку на серверный ImageButton, что казалось мне идеальным вариантом. Тогда серверная кнопка плохо реагирует на CSS.
2)Прописываю атрибут у HTML-кнопки onclick="Click_login" и в классе страницы, создаю метод Click_login, в котором мой тестовый Label1.text="Сработало!". Выбрасывается исключение:
Цитата:
0x800a1391 - Ошибка выполнения JavaScript: "Click_login" не определено

Форумчане, помогите сделать и умно и красиво. Несколько дней потратил вхолостую!
P.S. Исходный шаблон во вложении
Ratings: 0 negative/0 positive
Re: Верста сайта, будь она не ладна!
of63

Сообщений: 25161
Откуда: Н.Новгород
Дата регистрации: 13.02.2008
Несколько дней ты потратил на редактирование чего?

> прописать кнопке код на C# в классе страницы?
на си шарп в примере нет кода


> Несколько дней потратил вхолостую!

Надо потратить еще несколько дней, подумать, и сформулировать вопрос для вменяемой публики
Ratings: 0 negative/0 positive
Re: Верста сайта, будь она не ладна!
Аспид

Сообщений: 3475
Откуда: Москва
Дата регистрации: 01.04.2005
Не ясно чего хочешь.
Коли о шарпе речь. Возьми создай в студии стандартное MVC приложение.
Все будет.
Дальше читай.


------------------
Ratings: 0 negative/0 positive
Re: Верста сайта, будь она не ладна!
Зингер
Автор

Сообщений: 541
Откуда: Белгород
Дата регистрации: 02.12.2008
Ок. Извините. Поставлю вопрос по другому.
1)В инете нашел шаблон формы авторизации. (приклеен в первом посту)
2)В VS2015 в проект добавил новую Веб-форму (не MVC) и "перезалил" туда код с шаблона. Форму назвал Login.aspx. В проекте создал тему с CSS и кинул ее на новую форму. Запустил, ... в браузере все красиво.
3)На новую форму в качестве теста кинул серверный элемент
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
. Местоположение этого элемента значение не имеет.
3)В форме присутствует одна кнопка,
<button type="submit" class="login-button">Войти</button>
. Как видим это HTML-кнопка.
4)В соответствующем этой странице файле Login.aspx.cs описывается класс. Добавляю туда метод Click_login()
public partial class Login : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
private void Click_login()
{
Label1.Text = "Нажатие произошло!";
//Здесь будет происходить проверка на правильность ввода, соединение с базой SQL, проверка логина и пароля.
}
}

Собственно вопрос: Как присвоить кнопке событие Click_login ?

Мне показалось, что правильным будет вариант с заменой HTML-кнопки на asp:ImageButton. Но при замене, новая серверная кнопка не получается точно такой же как и исходная. Если вы посмотрите, на прикрепленный в первом посту шаблон, то увидите, что html-кнопка имеет круглый вид со стрелочкой. У меня же получается получить только круглую синюю кнопку. Т.е. на некоторые свойства CSS серверная кнопка не реагирует и получается не такой красивой. Возможно, что внешний вид в серверных элементах вообще не стоит делать в CSS, а только позиционирование? Как думаете?
Может быть тогда как то можно назначить Click_login() html-кнопке?

Вот такие вопросы. Надеюсь написал доходчиво.
Ratings: 0 negative/0 positive
Re: Верста сайта, будь она не ладна!
Рома

Сообщений: 1079
Дата регистрации: 06.06.2001
Вместо
<button type="submit" class="login-button">Войти</button>

Должна быть серверная кнопка
<asp:Button runat="server" Click="Click_login" CssClass="login-button">Войти</asp:Button>

И Click_login должен иметь сигнатуру
void Click_login(object sender, EventArgs e)
Ratings: 0 negative/0 positive
Re: Верстка сайта, будь она не ладна!
Зингер
Автор

Сообщений: 541
Откуда: Белгород
Дата регистрации: 02.12.2008
to Рома. Так и я почти тоже самое писал, но...
Это исходная форма [attachment 27232 izo1.png]

А это, таже самая форма после
<asp:Button runat="server" Click="Click_login" CssClass="login-button" OnClick="Click_login" />
[attachment 27233 izo2.png]

Как видно вид кнопки уже не тот.

P.S. Нажатие, кстати, в этом виде работает.
Ratings: 0 negative/0 positive
Re: Верстка сайта, будь она не ладна!
Рома

Сообщений: 1079
Дата регистрации: 06.06.2001
Покажи html, который asp.net сгенерировал
Ratings: 0 negative/0 positive
Re: Верстка сайта, будь она не ладна!
Зингер
Автор

Сообщений: 541
Откуда: Белгород
Дата регистрации: 02.12.2008
Рома
Покажи html, который asp.net сгенерировал
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title><link href="../../App_Themes/Themes_main/style.css" rel="stylesheet" type="text/css" /></head>
<body>
<form method="post" action="./Login.aspx" id="ctl01" class="login">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="l5sF+ZopVXrK/HGhEKwMgbeEiGcD62FOaEexqSNveRlHWRY4KpqvZ/9epm/SpOFN81IK/C6SU7VxZbCToafnOWC+jJZQGvZiJp0jJMhq9Lw=" />
</div>
<p>
<label for="login">Логин:</label>
<input type="text" name="login" id="login" value="''.phorum_html_encode('name@example.com').''"/>
</p>
<p>
<label for="password">Пароль:</label>
<input type="password" name="password" id="password" value="4815162342"/>
</p>
<p class="login-submit">
<input type="submit" name="ctl04" value="" class="login-button" Click="Click_login" />
</p>
<p class="forgot-password"><a href="index.html">Забыл пароль?</a></p>
<br />
<span id="Label1">Label</span>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B705CD59" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="GGTIbup8Rm/wmapQPoylotd1TRbrCIyYowCsRyAV3JCn9t+MMWTWYQkDCO5C9wFtF/4oS+eErqiUalpuXwxItSZ/5/gxO4wHCJeIxc399oRzPS+mHE8lCGmWLBfYYCkg" />
</div></form>
<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Firefox","requestId":"a3a492f94e724524962598655a4b4945"}
</script>
<script type="text/javascript" src="http://localhost:64536/fa3ebd6c301d43d98df050bf0f67f2cc/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html>

CSS для login-button:
.login-button {
position: relative;
z-index: 2;
width: 48px;
height: 48px;
padding: 0 0 48px;
/* Fix wrong positioning in Firefox 9 & older (bug 450418) */
text-indent: 120%;
white-space: nowrap;
overflow: hidden;
background: none;
border: 0;
border-radius: 24px;
cursor: pointer;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
/* Must use another pseudo element for the gradient background because Webkit */
/* clips the background incorrectly inside elements with a border-radius. */
.login-button:before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
background: #00a2d3;
border-radius: 24px;
background-image: -webkit-linear-gradient(top, #00a2d3, #0d7796);
background-image: -moz-linear-gradient(top, #00a2d3, #0d7796);
background-image: -o-linear-gradient(top, #00a2d3, #0d7796);
background-image: linear-gradient(to bottom, #00a2d3, #0d7796);
-webkit-box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
}
.login-button:active:before {
background: #0591ba;
background-image: -webkit-linear-gradient(top, #0591ba, #00a2d3);
background-image: -moz-linear-gradient(top, #0591ba, #00a2d3);
background-image: -o-linear-gradient(top, #0591ba, #00a2d3);
background-image: linear-gradient(to bottom, #0591ba, #00a2d3);
}
.login-button:after {
content: '';
position: absolute;
top: 15px;
left: 12px;
width: 25px;
height: 19px;
background: url("../../Images/Site_main/arrow.png") 0 0 no-repeat;
}
Ratings: 0 negative/0 positive
Re: Верстка сайта, будь она не ладна!
Рома

Сообщений: 1079
Дата регистрации: 06.06.2001
Думаю, достаточно в label завернуть asp:Button

<p class="login-submit">
<label class="login-button">
<asp:Button runat="server" OnClick="Login_Click" />
</label>
</p>
Ratings: 0 negative/1 positive
Re: Верста сайта, будь она не ладна!
Зингер
Автор

Сообщений: 541
Откуда: Белгород
Дата регистрации: 02.12.2008
Рома
Думаю, достаточно в label завернуть asp:Button

Получилось! Кто бы мог подумать, что так можно! Ох уж верстка, будь она неладна.
Ratings: 0 negative/0 positive


Извините, только зарегистрированные пользователи могут оставлять сообщения в этом форуме.

On-line: 8 (Гостей: 8)

© 2000-2024 Fox Club 
Яндекс.Метрика