2012-02-29 1 views
1

Я не могу с jQuery, но я знаю, что я хочу с этим возможно.Создайте ссылку на заголовок страницы и добавьте .pdf до конца

Есть ли способ взять заголовок страницы, добавить его в ссылку привязки, а затем добавить .pdf в конце? Я делаю pdf-файлы всей страницы на нашем сайте, но хочу, чтобы ссылки создавались динамически. И поскольку в pdf-файлах используется заголовок страницы, имеет смысл сделать это динамически.

Шаги:

  1. название Take страница
  2. добавить ".pdf" до конца
  3. Добавить комбинированные элементы в класс = "printbtn", которое является именем класса ссылки ,

    <a href="Tour Company - China Tours 2012.pdf" class="printbtn">Print this page</a> 
    

Я полагаю, сценарий может понадобиться добавить %20 между пространствами тоже?

ответ

3

Чтобы получить заголовок страницы:

var title = $('title').text(); 

Для URL-кодирования, что название:

var urlEncodedTitle = encodeURIComponent(title); 

Чтобы добавить, что к данному a элементу, добавьте тип файла и внести изменения в текст например, «печатная страница»:

$('.printbtn').attr('href',urlEncodedTitle + '.pdf').text('print page'); 

JS Fiddle demo.

Имейте в виду, что селектор $('.printbtn') может найти множественные элементы с этим имя-класса, так что вы могли бы быть лучше, нацеливание на id, а не class: $('#printbtn'). Если несколько элементов совпадают, то текст и href каждого из них будут изменены последней строкой.

Ссылки:

+0

Отлично! Очень полезно, спасибо. Теперь, что мне нужно добавить .pdf после названия и, наконец, как я могу изменить ссылку, чтобы сказать «Печать страницы», а не перечислять название страницы? Еще раз спасибо - очень тщательно. – Toasterdroid

+0

Извините, я ... потерял ответ на вопрос, пока я составлял ответ. Проверьте отредактированную финальную строку jQuery, и я также обновил связанную демоверсию. К сожалению ..! =/ –

+0

Он он. Нет проблем. Это именно то, что мне нужно. И спасибо за ссылки, а также за демонстрацию. Я действительно должен научиться jQuery ... – Toasterdroid