2013-10-25 8 views
0

Как мне ссылаться на текущий URL-адрес страницы?<a></a> авто ссылка URL-адрес страницы <a></a> тег

У меня есть кнопка щебета на нескольких страницах. Я хотел бы иметь возможность автоматически ссылаться на текущий URL-адрес страницы, поэтому, когда пользователь нажимает «чирикать эту страницу», URL-адрес создается в твиттере. Причина, по которой я хочу это сделать, - это то, что я могу управлять кнопкой с одного места, а не с нескольких страниц.

HTML (в настоящее время, URL-адрес вручную вставлен в HREF тега в ссылке.

<a href="http://dangfoods.com/coconutchips.php" title="These chips are great for you HEALTH!! #dangfoods" class="tweetDialog" target="_blank"><div id="tweets-btn" class="custom-button">Tweet This Page</div></a> 

Текущий Javascript

// We bind a new event to our link 
$('a.tweetDialog').click(function(e){ 
    //We tell our browser not to follow that link 
    e.preventDefault(); 
    //We get the URL of the link 
    var loc = $(this).attr('href'); 
    //We get the title of the link 
    var title = escape($(this).attr('title')); 
    //We trigger a new window with the Twitter dialog, in the middle of the page 
    window.open('http://twitter.com/share?url=' + loc + '&text=' + title + '&', 'twitterwindow', 'height=450, width=550, top='+($(window).height()/2 - 225) +', left='+$(window).width()/2 +', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0'); 
}); 
+1

Что вы хотите сделать? – ComFreek

+0

Извините, что @ComFreek, я пытаюсь ссылаться на URL-адрес, поэтому, когда пользователь нажимает кнопку Twitter, URL-адрес автоматически помещается в диалоговое окно pop. В настоящее время для каждой страницы я должен вручную поместить URL-адрес в атрибут href. Я бы предпочел, чтобы я мог управлять одной кнопкой глобально, вместо этого для каждой страницы. –

ответ

1

Вы хотите использовать текущий URL страницы вместо href атрибута? Изменить

var loc = $(this).attr('href'); 

в

var loc = location.href; 

Или вы можете сгенерировать URL-адрес на основе тэков Twitter, поместить его в атрибут href, а затем в onclick остановить обработчик по умолчанию и открыть окно со ссылкой. Таким образом, ваша ссылка будет работать без JavaScript.

+0

Это было полезно. Оказалось, мне просто нужно было поставить «window.location.href». Благодаря! –

1

Вы можете использовать «location.href», чтобы получить URL-адрес страницы и «document.title», чтобы получить заголовок текущей страницы. Попробуйте следующее:

$('a.tweetDialog').click(function(e){ 
    //We tell our browser not to follow that link 
    e.preventDefault(); 

    //We get the URL of the link 
    var loc = location.href; 
    //We get the title of the link 
    var title = escape(document.title); 

    //We trigger a new window with the Twitter dialog, in the middle of the page 
    window.open('http://twitter.com/share?url=' + loc + '&text=' + title + '&', 'twitterwindow', 'height=450, width=550, top='+($(window).height()/2 - 225) +', left='+$(window).width()/2 +', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0'); 
}); 
+1

Пожалуйста, не связывайтесь с [w3schools] (http://www.w3fools.com). –

+0

Спасибо за ответ, название - это функция, однако location.href не помещает ссылку внутри диалогового окна twitter. Если вы посетите www.dangfoods.com/coconutchips.php, вы увидите, чего я пытаюсь достичь, но без необходимости вручную редактировать кнопку на каждой странице. –

+0

Это было полезно, оказалось, что для этого нужно просто «window.location.href». Благодаря! –

Смежные вопросы