Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Кнопка показать скрытый текст с ссылкой

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Текст это номер телефона, и мне нужно сделать цель в метрике, чтобы узнать сколько человек посмотрело телефон.
TemaFeik
Отправлено: 24 Января, 2016 - 23:35:33
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Янв. 2016  


Помог: 0 раз(а)




Доброго времени суток, уважаемые программисты! Я почти ничего не понимаю в php, но мне нужно сделать такое решение.
Имеется текст в теге <div>, он должен быть скрыт изначально. Вместо него сначало должна быть кнопка с текстом, при нажатии на которую текст показывается, но самое ГЛАВНОЕ при нажатии кнопка должна отправить ссылку(для яндекс метрики, цель "показать скрытый текст") и если возможно исчезнуть. Если я написал полную фигню, которую нельзя сделать простым способом, то подскажите как мне сделать.
Текст это номер телефона, и мне нужно сделать цель в метрике, чтобы узнать сколько человек посмотрело телефон.
 
 Top
lastdays
Отправлено: 25 Января, 2016 - 08:07:00
Post Id



Частый гость


Покинул форум
Сообщений всего: 221
Дата рег-ции: Март 2013  


Помог: 7 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. <script type="text/javascript" src="./js/jquery.js"></script>
  2.  
  3. <!-- Текст -->
  4. <div id="text" style="display:none;"> 0373 333 333 333 333 </div>
  5. <!-- Кнопка -->
  6. <input type="button" id="button" value="Показать">
  7.  
  8.  
  9.  
  10. <script type="text/javascript">
  11. //- Документ загружен
  12. $(document).ready(function()
  13. {
  14.  //- Клик по кнопке
  15.  $('#button').on('click', function (  ) {
  16.    //- Значение кнопки
  17.    $(this).val('Загрузка').attr("disabled", true);
  18.    //- Таймаут перед отправкой аякс
  19.    setTimeout(function(){
  20.         $.ajax({
  21.     type: "POST",
  22.     url: "/metrika.php",
  23.     dataType: 'HTML',
  24.     data: {
  25.       'metrika'  : 1
  26.     },
  27.     success: function(data, code){
  28.      console.log( 'Метрика' );
  29.     },
  30.     error:  function(xhr, str){
  31.      console.log(xhr, str);
  32.     },
  33.     complete:  function(){
  34.     //-
  35.     $('#button').val('Показать').attr("disabled", false);
  36.     //- Показать текст по завершению
  37.     $('#text').show(500);
  38.     }
  39.    }) }, 900);
  40.  
  41.  });
  42. });
  43. </script>
 
 Top
TemaFeik
Отправлено: 25 Января, 2016 - 13:21:16
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Янв. 2016  


Помог: 0 раз(а)




lastdays пишет:
CODE (html):
скопировать код в буфер обмена
  1. <script type="text/javascript" src="./js/jquery.js"></script>
  2.  
  3. <!-- Текст -->
  4. <div id="text" style="display:none;"> 0373 333 333 333 333 </div>
  5. <!-- Кнопка -->
  6. <input type="button" id="button" value="Показать">
  7.  
  8.  
  9.  
  10. <script type="text/javascript">
  11. //- Документ загружен
  12. $(document).ready(function()
  13. {
  14.  //- Клик по кнопке
  15.  $('#button').on('click', function (  ) {
  16.    //- Значение кнопки
  17.    $(this).val('Загрузка').attr("disabled", true);
  18.    //- Таймаут перед отправкой аякс
  19.    setTimeout(function(){
  20.         $.ajax({
  21.     type: "POST",
  22.     url: "/metrika.php",
  23.     dataType: 'HTML',
  24.     data: {
  25.       'metrika'  : 1
  26.     },
  27.     success: function(data, code){
  28.      console.log( 'Метрика' );
  29.     },
  30.     error:  function(xhr, str){
  31.      console.log(xhr, str);
  32.     },
  33.     complete:  function(){
  34.     //-
  35.     $('#button').val('Показать').attr("disabled", false);
  36.     //- Показать текст по завершению
  37.     $('#text').show(500);
  38.     }
  39.    }) }, 900);
  40.  
  41.  });
  42. });
  43. </script>
Что то я совсем бездарный. в html страницу строку <script type="text/javascript" src="./js/jquery.js"></script> ставлю в head, текст и кнопку ставлю в body, js туда же в body. Ничего не возникает после нажатия... Как подключить скрипт к кнопке?? Помогите необученому!
 
 Top
lastdays
Отправлено: 25 Января, 2016 - 16:32:58
Post Id



Частый гость


Покинул форум
Сообщений всего: 221
Дата рег-ции: Март 2013  


Помог: 7 раз(а)




https://code[dot]jquery[dot]com
Качаешь библиотеку, меняешь название, если необходимо.


ещё файлик
url: "/metrika.php",
Должен существовать, тебе же нужно отправить яндексу какие то данные, вот он и исполнит это.
 
 Top
TemaFeik
Отправлено: 25 Января, 2016 - 19:57:09
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Янв. 2016  


Помог: 0 раз(а)




lastdays пишет:
https://code[dot]jquery[dot]com
Качаешь библиотеку, меняешь название, если необходимо.


ещё файлик
url: "/metrika.php",
Должен существовать, тебе же нужно отправить яндексу какие то данные, вот он и исполнит это.
Спасибо! все заработало!!!) Радость
 
 Top
TemaFeik
Отправлено: 31 Января, 2016 - 21:27:25
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Янв. 2016  


Помог: 0 раз(а)




lastdays пишет:
https://code[dot]jquery[dot]com
Качаешь библиотеку, меняешь название, если необходимо.


ещё файлик
url: "/metrika.php",
Должен существовать, тебе же нужно отправить яндексу какие то данные, вот он и исполнит это.


Уважаемый, не сочтите за наглость, хотелось бы еще чтобы при нажатии сама кнопка исчезала... как это возможно сделать в данном примере? Закатив глазки
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Напишите за меня, пожалуйста »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB