Полюбите код! И он полюбит Вас!

Последние комментарии:

Марат : Рад, что помог! далее

2018-05-01 14:39:38



Serge : Коротко и ясно!!! Молодца!!! я, даже не поленился, зарегился и далее

2018-05-01 12:36:15



Марат : Андрей - там может быть столько нюансов... А вообще, мы далее

2018-03-11 13:23:36



Андрей : Попробовал поставить версию 1.2, но что-то не работает. далее

2018-03-11 13:03:52



Марат : Для этого и делали! Рад, что помог! Приходите ещё! далее

2018-02-16 20:31:51



Это интересно:

Рейтинги страниц.

Вы здесь - Главная - Javascript

Cкопировать ссылку JS

Сегодня мы будем копировать ссылку в js. Естественно, что скопировать ссылку нам потребовалось не просто так!

А это все продолжение наших комментариев.

Конечно, вид ещё не совсем такой как я хочу, но мы в процессе…

Что нам нужно!?

1.

Скопировать ссылку в js

Нам нужно скопировать ссылку. Т.е. нам вначале нужно вывести ссылку , ну например данной страницы , и данные нужно послать в js.

Далее, я ничего внятного не нашел! И кстати если ваш вопрос касается javascript, то информации на порядок меньше чем для PHP.

Плюс ко всему, мы практически нифигга не шарим в javascript, поэтому, как решили – так решили….найдете боле элегантное решение – милости просим в коменты!

А мы продолжим.

Самое первое нужно подключить clipboard.min.js, который и поможет нам!

Откройте ссылку и запомните страницу по нужному адресу и создайте ссылку, как эта: http://dwweb.ru/a-block/JS/clipboard.min.js

Подключаем clipboard.min.js

<script src="http://dwweb.ru/a-block/JS/clipboard.min.js"></script>

В конце страницы нам нужно инициализировать скрипт

<script type="text/javascript">new Clipboard('button');</script>   

Создадим кнопку

<button type="button" data-clipboard-target="#n"  title="Нажмите, чтобы скопировать ссылку" >Ссылка</button>

Далее нам нужно какой-то элемент из которого собственно будем копировать ту самую ссылку.

<n id="n">'.$copy_url.'</n>

Ах да забыл - собственно ссылку, которую хотим скопировать

$copy_url =  "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

Ну нам осталось все это дело собрать вместе…

<?

$copy_url =  "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

echo '<n id="n">'.$copy_url.'</n>

 <a href="#" onclick="alert(\'Ссылка  скопирована '.$copy_url.'\'); return false;"><button type="button" data-clipboard-target="#n"  title="Нажмите, чтобы скопировать ссылку" >Ссылка</button></a>';

?>    

<script type="text/javascript">new Clipboard('button');</script>  

Пример работы скрипта

2.

Ну и далее второе, как это применить к нашим комментированию!?

Здесь возникает проблема, что если мы прицепим к кнопке скопировать, а она у нас выводится с помощью цикла, то все будут одинаковые и будут равны… id="n", и это не будет работать – потому, что если и будет работать, то будет копировать последнее значение – скорее всего(это предположение…)

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

В ид мы добавили переменную $metka, которая у нас уникальная. И ссылку спрячем уменьшив её и сместив её на 10.000px,

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

<?

$copy_url =  "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

echo '<n id="n'.$metka.'" style="font-size: 0.1px; margin-left: -10000px;  position: absolute; " >'.$copy_url.'</n>

 <a href="#" onclick="alert(\'Ссылка  скопирована '.$copy_url.'\'); return false;"><button class="button" type="button"  data-clipboard-target="#n'.$metka.'"  title="Нажмите, чтобы скопировать ссылку" >Ссылка</button></a>';

?>    

Ну и результат вы сможете посмотреть в наших комментариях.

Пример работы скрипта

Понравилась статья!? Не стесняйся – поделись ссылкой!

И!

Пожалуйста! Если вам не трудно - прокомментируйте то, что вы прочитали! Вам понравилось, или не понравилось! Напишите, какие мысли возникли у вас, и это бесплатно для вас, но очень ценно для нас!!! Всё, что вы здесь видите - это написано для вас! Никаким другим образом мы не можем понять вашу реакцию. Может, что-то стоит добавить или наоборот убрать. Либо, что-то стоило изменить...

P.S.

25 октября 2017

Мы запустили подписку на новости по емайлу, как только выходит новая статья, то будет отправлено сообщение на почту, что вышла новая статья!

Почему стоит подписаться на наши новости!?

Расскажу историю, вчера искал ответ на один из вопросов (конечно, я могу и сам написать, но чаще всего, вначале, ищу в интернете, может есть готовое решение…) и было множество вариантов, которые были описаны, но ни одного, с примерами! И мало того, что они предлагают решения, которые непонятно как реализовывать, особенно новичкам, у которых больше вопросов, чем ответов. Так они еще и не работают!

У нас же, на сайте – только рабочие проверенные скрипты! Полностью с описанием и с примерами! И реализовать может человек с нулевыми знаниями!

Мы есть здесь:

Проголосовать за статью!
  С 24 сентября мы запускаем новый скрипт в тестовом режиме (только свои скрипты)
  Вы можете проголосовать за понравившуюся статью.

  Еще никто не проголосовал
    


Просмотров 522

Друзья!

Для того, чтобы вы получили бесплатную информацию, мы потратили и время и деньги!

Мы существуем от кликов по рекламе!

Если вы не нашли подходящего блока объявлений, то вы еще можете помочь проекту!

Не стесняйтесь!

Даже самая маленькая сумма будет употреблена на продвижение и улучшение проекта!

Заранее благодарим Вас!

Оставить комментарий:

Для отображения аватара после отправки сообщения, необходимо быть зарегистрированным в Граватаре.



Комментарии

Комментариев пока нет.

* Обязательные поля
(Не публикуется)
 
Жирный Курсив Подчеркнутый Перечеркнутый Степень Индекс Код PHP Код Кавычки Вставить линию Вставить маркированный список Вставить нумерованный список Вставить ссылку Вставить e-mail Вставить изображение Вставить видео
 
Улыбка Печаль Удивление Смех Злость Язык Возмущение Ухмылка Подмигнуть Испуг Круто Скука Смущение Несерьёзно Шокирован
 
5000
Напишите слово гром наоборот.
 
(введите ответ)
 
Уведомлять о новых коментариях по почте.
 

Оставить комментарии через вконтакте

Все дела сделаны!

Теперь можно и поиграть!

Понравилась игра!? Растфнуть на весь экран

Улучши поведенческий фактор на своём сайте.

Забери код здесь

Пишем полную инструкцию о пользовании ruweb.net + DirectAdmin

RuWeb.net - гибкий хостинг
Индекс цитирования