Как сделать ссылки на регистрацию и авторизацию.

[Slavik18 16]

Подскажите пожалуйста, как в поле "Информации" "

'news_info_1' => "Чтобы вы могли оставить свой комментарий, необходимо войти или зарегистрироваться.

, которое у меня идет после статьи, сделать слова авторизация и регистрация ссылками на регистрацию и авторизацию? Сейчас у меня стоит стандартная регистрация от родного шаблона DLE в верхней части сайта, надо, чтобы и в поле информации все так же работало и открывалось.,

<ul class="reset loginbox">

<li class="lvsep"><a href="{registration-link}">Регистрация</a></li>

<li class="loginbtn"><a id="loginlink" href="#"><b>Войти</b></a></li>

</ul>

<div style="display: none;" id="logindialog" title="Авторизация">

<form method="post" action="">

  <div class="logform">

   <ul class="reset">

	<li class="lfield"><label for="login_name">{login-method}</label><br /><input type="text" name="login_name" id="login_name" /></li>

	<li class="lfield lfpas"><label for="login_password">Пароль (<a href="{lostpassword-link}">Забыли?</a>):</label><br /><input type="password" name="login_password" id="login_password" /></li>

	<li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save">&nbsp;Чужой компьютер</label></li>

	<li class="lbtn"><button class="fbutton" onclick="submit();" type="submit" title="Войти"><span>Войти</span></button></li>  

				<br/>

				<li class="lfield lfchek"><div class="sociallogin">


	 [vk]<a href="{vk_url}" target="_blank"><img src="{THEME}/images/social/vkontakte.png" /></a>[/vk]

	 [odnoklassniki]<a href="{odnoklassniki_url}" target="_blank"><img src="{THEME}/images/social/odnoklassniki.gif" /></a>[/odnoklassniki]

	 [facebook]<a href="{facebook_url}" target="_blank"><img src="{THEME}/images/social/facebook.gif" /></a>[/facebook]

	 [mailru]<a href="{mailru_url}" target="_blank"><img src="{THEME}/images/social/mailru.gif" /></a>[/mailru]

	 [yandex]<a href="{yandex_url}" target="_blank"><img src="{THEME}/images/social/yandex.gif" /></a>[/yandex]

	 [google]<a href="{google_url}" target="_blank"><img src="{THEME}/images/social/google.gif" /></a>[/google]

	</div></li>

   </ul>

[/code]

Изменено 7 января 2015 пользователем Slavik18

[Captain 623]

'news_info_1' => "Чтобы вы могли оставить свой комментарий, необходимо <a id=\"loginlink\" href=\"#\">войти</a> или <a href=\"http://example.org/index.php?do=register\">зарегистрироваться</a>.",[/CODE]

[Slavik18 16]

'news_info_1' => "Чтобы вы могли оставить свой комментарий, необходимо <a id=\"loginlink\" href=\"#\">войти</a> или <a href=\"http://example.org/index.php?do=register\">зарегистрироваться</a>.",[/CODE]

В таком виде работает только ссылка регистрации, ссылка входа не работает, просто страница вверх поднимается.

[odys 384]

Slavik18, ни чего не происходит потому, что ссылка с id loginlink уже есть, 2 одинаковых элемента с одинаковым id не может быть на одной странице. Нужно loginlink изменить на другой, а в .js файле прописать функцию всплывающего окна ещё раз, но уже с тем, изменённым id

[Slavik18 16]

Slavik18, ни чего не происходит потому, что ссылка с id loginlink уже есть, 2 одинаковых элемента с одинаковым id не может быть на одной странице. Нужно loginlink изменить на другой, а в .js файле прописать функцию всплывающего окна ещё раз, но уже с тем, изменённым id

Теперь все заработало, спасибо odys и Captain за помощь.

[Slavik18 16]

Поправка, на полной версии сайта все работает, а вот в версии для смартфонов работает только регистрация, там ведь id другой и подгружается другой элемент авторизации, а файл информация один для обоих версий сайта, как быть?

Для смартфонов файл авторизации такой уже

<a id="login-btn" class="ico">Войти</a>

<div id="lg-dialog" title="Авторизация" class="wideDialog">

<a id="lg-close" class="thd">Закрыть</a>

<form class="login-form" method="post" action="">

  <ul>

   <li><label for="login_name">{login-method}</label>

   <input class="f_input" type="text" name="login_name" id="login_name" ></li>

   <li><label for="login_password">Пароль:</label>

   <input class="f_input" type="password" name="login_password" id="login_password" ></li>

  </ul>

  <div class="submitline">

   <button onclick="submit();" type="submit" title="Войти" class="btn f_wide">Войти</button>

  </div>

  <div class="log-links">

   <a href="{lostpassword-link}">Забыли пароль?</a> |

   <a href="{registration-link}">Регистрация</a>

  </div>

  <input name="login" type="hidden" id="login" value="submit">

</form>

</div>

Изменено 8 января 2015 пользователем Slavik18

[odys 384]

Slavik18, тогда нужно скрипт завернуть в функцию, а в ссылке войти, запускать её через onklick

function fname(){

    // код окошка

});

<a href=\"#\" onclick=\"fname()\">войти</a>[/code]

[Slavik18 16]

Сделал, но пока не работает, ничего не происходит

смартфон, перед click(function тоже ставил, не работает.

$(function fname() {

$('#menu-btn').click(function() {

  $('#menu-head').toggleClass("open");

  return false;

});

$('#login-btn').click(function() {

  $('#lg-dialog').toggleClass("open");

  return false;

});

$('#lg-close').click(function() {

  $('#lg-dialog').removeClass("open");

  return false;

});

});

полная версия

$(function fname() {

$( "#logindialog" ).dialog({

  autoOpen: false,

  show: 'fade',

  hide: 'fade',

  resizable: false,

  width: 300

});

$('#loginlink').click(function(){

  $('#logindialog').dialog('open');

  return false;

});  


});

Изменено 8 января 2015 пользователем Slavik18

[odys 384]

Slavik18, click в js не нужен, он выполняется в ссылке «войти»

[Slavik18 16]

Не получается, odys, можете в коде показать, как надо?

[odys 384]

Slavik18, я js не знаю так, основы... Может быть так

$( "#logindialog" ).dialog({

  autoOpen: false,

  show: 'fade',

  hide: 'fade',

  resizable: false,

  width: 300

});

function fname(){

  $('#logindialog').dialog('open');

  return false;

});

[Slavik18 16]

Не, так не работает. )

И еще вопрос, при обновлении движка файл language/Russian/website.lng примет стандартный вид, и все изменения которые я делаю сейчас удалятся, надо будет заново все править?

[odys 384]

Не, так не работает. )

тогда делай с изменением id

при обновлении движка файл language/Russian/website.lng примет стандартный вид, и все изменения которые я делаю сейчас удалятся, надо будет заново все править?

да

[Slavik18 16]

тогда делай с изменением id

Но как тогда сделать, чтобы одна ссылка авторизации показывалсь только в полной версии сайта, а другая только для смартфонов?

[odys 384]

Slavik18, ну так добавь в libs.js, который в папке js мобильного шаблона

$('#loginlink').click(function() {

		$('#lg-dialog').toggleClass("open");

		return false;

	});

Изменено 8 января 2015 пользователем odys