Форум Сайтостроение Веб-строительство

Удалить лишний код в файле .js

12
Weblady
На сайте с 26.07.2011
Offline
142
Weblady
818

Есть файл html со следующим содержимым: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

<html version="XHTML+RDFa 1.0" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Поздравления с днем рождения 5 лет мальчику</title><link rel="stylesheet" type="text/css" href="./Поздравления с днем рождения 5 лет мальчику_files/main.css"></head> <body><div id="all"><div id="main"><h1>Поздравления с днем рождения 5 лет мальчику</h1><div id="cards"></div><div class="content"><p id="p295664_1" class="sfst" title="Кликните мышкой для выделения">Вот тебе уже 5 лет!<br>Ты — красавец, спору нет.<br>Расти здоровым и большим,<br>Достигни множества вершин!<br><br>Будь умен, отважен, смел,<br>Чтобы в жизни всё умел,<br>Чтобы был ты лучшим самым,<br>Рос на радость папе с мамой!<span id="ctrlcopy"><br>© http://pozdravok.ru/pozdravleniya/den-rozhdeniya/rebenku/5/malchiku/</span></p><hr><p id="p154047_2" class="sfst" title="Кликните мышкой для выделения">Самого смелого и&nbsp;доброго мальчика поздравляю сегодня с 5-летием. Желаю, чтобы родные гордились твоими успехами и&nbsp;достижениями. Желаю, чтобы ты&nbsp;был веселым и&nbsp;жизнерадостным капитаном своего корабля. Желаю интересных игр, хороших друзей, новых необычных машинок, вкусных шоколадок и&nbsp;большого детского счастья!<span id="ctrlcopy"><br>© http://pozdravok.ru/pozdravleniya/den-rozhdeniya/rebenku/5/malchiku/</span></p><hr><p id="p219634_3" class="sfst" title="Кликните мышкой для выделения">Пять лет — немаленькая дата,<br>Уже большой мальчишка ты<br>Хотя ведь малышом когда-то<br>Тебя в конверте принесли.<br><br>Но быстро время пролетело,<br>Теперь тебя и не узнать.<br>Тебе в твой пятый день рождения<br>Хотим здоровья пожелать.<br><br>Еще успеха и везенья,<br>Удачи и счастливых дней,<br>Мечты заветной исполнения,<br>Хороших преданных друзей!<span id="ctrlcopy"><br>© http://pozdravok.ru/pozdravleniya/den-rozhdeniya/rebenku/5/malchiku/</span></p><div class="more" id="ya_center2"></div><div id="divcopy" class="tb" style="background-color: green; color: rgb(255, 255, 255); height: 19px; width: 180px; text-align: center; display: none; position: absolute; left: 854px; padding: 0.35em; z-index: 10000 !important; top: 1370px;">Скопировано!</div></div></div><script async="" type="text/javascript" src="script.js"></script> </body></html>

Есть файл script.js, в котором нужно оставить функцию копирования текста при щелчке на блок со стихом. Остальной код нужно удалить. Помогите, пожалуйста.

zip js.zip
B3
На сайте с 01.04.2010
Offline
82
Byblick32
#1

js_copy_only

zip js_copy_only.zip
Weblady
На сайте с 26.07.2011
Offline
142
Weblady
#2

Byblick32, спасибо, добрый человек!

Weblady
На сайте с 26.07.2011
Offline
142
Weblady
#3

Помогите, пожалуйста, подключить этот скрипт прямой вставкой кода скрипта (файл 33.html) в файл index.blade.php

По клику должен выделяться блок 

<div class="poem-body" title="Кликните мышкой для выделения" id="poem-body-{!! $poem->id !!}">

                           {!! $poem->body !!}



                        </div>
zip js2.zip
gribbo
На сайте с 01.03.2012
Offline
66
gribbo
#4

onclick - > style

Мой выбор хостинга (https://beget.com/p461662) \ Создаю сайты (/ru/forum/1009089)
Weblady
На сайте с 26.07.2011
Offline
142
Weblady
#5

gribbo, тут немного сложнее для меня. Есть рабочий скрипт в файле 33.html (в приложении к предыдущему сообщению). Есть файл index.blade.php там же.

Нужно в файле index.blade.php обернуть код 

<div class="poem-body" title="Кликните мышкой для выделения" id="poem-body-{!! $poem->id !!}"> 

                           {!! $poem->body !!} 



                        </div>

так, чтобы срабатывало выделение стиха, как в файле 33.html

gribbo
На сайте с 01.03.2012
Offline
66
gribbo
#6

выложите на тот же codeopen, подскажу точнее

Weblady
На сайте с 26.07.2011
Offline
142
Weblady
#7

gribbo, код файла с рабочим скриптом (при щелчке на поздравление выделяется текст и копируется)

https://codepen.io/ulenka-kovaleva/pen/PoYJLxB

Нужно в шаблоне

https://codepen.io/ulenka-kovaleva/pen/JjPrzzW

обернуть переменную {!! $poem->body !!}, чтобы при нажатии на поздравление также выделялся и копировался текст этой переменной.

B3
На сайте с 01.04.2010
Offline
82
Byblick32
#8

Этот код https://www.pastiebin.com/5d6f8bc262391

вставьте внутрь <div class="container"> перед закрывающим тегом.

Weblady
На сайте с 26.07.2011
Offline
142
Weblady
#9

Byblick32, спасибо большое! Кажется, что-то упустила, текст выделяется, копируется, но не появляется надпись "Скопировано".

Посмотрите, пожалуйста, вот на этой странице - стихи ниже

https://fantany.ru/poems/pozdravleniya-s-rozhdeniem-devochki

Weblady
На сайте с 26.07.2011
Offline
142
Weblady
#10

Такая проблема обнаружилась: текст копируется по абзацам стиха

https://photo-fantasy.ru/poems/pozdravleniya-na-2-goda

В настройках скрипта это указано, разделитель тег <p>: 

var elems = div.getElementsByTagName('p');

Есть ли возможность сделать, чтобы стихотворение копировалось целиком, а не по абзацу?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий