Change target on links in embed forum

jvil · December 2013

Is there any way to change target links (target = "_blank") when using embed forum? (using Vanilla 2.0.18.10)

I'm using CLEditor, but I didn't found a way to change the target links posted with this editor. Would be ideal to only add target="_blank" in the links on Vanilla iframe and not the entire page. (I'm using Drupal).

I'm missing something? I found similar threads but no real solution to this issue.

Thanks!

vrijvlinder · December 2013

Can you specify which links you want to open in new window ?

You can add some jquery to the default.master.php or tpl and make certain links open in a new window.

for example here I made these for my own setup pick the ones you want or need:

<script type="text/javascript"> 

$(document).ready(function() {

$('.MessageList a').attr('target', '_blank');
$("#Foot #Menu a").attr("target", '_blank');
$(".AptAdImg a").attr("target", '_blank');
$(".Attachment a").attr("target", '_blank');
$(".Meta a").attr("target", '_self');
$('#Foot #Menu li:last > a').attr("target", '_blank');
$('#Menu ul li:last-child > a').popup();
$('#Foot #Menu li.Messagelink a').popup();
$('#Foot #Menu li:last > a').popup();
$('span.onebit_mp3 a').attr("target", '_blank');
$("a.ReactButton.Quote.Visible").attr("target", '_self');
});
</script>

vrijvlinder · December 2013

you need to add the javascript between {literal}script goes here {/literal} tags if your master is a tpl

vrijvlinder · December 2013

Can you specify which links you want to open in new window ?

You can add some jquery to the default.master.php or tpl and make certain links open in a new window.

for example here I made these for my own setup pick the ones you want or need:

<script type="text/javascript"> 

$(document).ready(function() {

$('.MessageList a').attr('target', '_blank');
$("#Foot #Menu a").attr("target", '_blank');
$(".AptAdImg a").attr("target", '_blank');
$(".Attachment a").attr("target", '_blank');
$(".Meta a").attr("target", '_self');
$('#Foot #Menu li:last > a').attr("target", '_blank');
$('#Menu ul li:last-child > a').popup();
$('#Foot #Menu li.Messagelink a').popup();
$('#Foot #Menu li:last > a').popup();
$('span.onebit_mp3 a').attr("target", '_blank');
$("a.ReactButton.Quote.Visible").attr("target", '_self');
});
</script>

jvil · December 2013

Tried editing: vanilla/themes/EmbedFriendly/views/default.master.tpl but as soon I started the jquery code $(document).ready(function() it throws an error 500. Adding normal Javascript code doesn't return error 500.

I need to add the jquery libraries on this template?

vrijvlinder · December 2013

you need to add the javascript between {literal}script goes here {/literal} tags if your master is a tpl

jvil · December 2013

Thank you so much, that worked perfect!

vrijvlinder · December 2013

You are very Welcome !

vrijvlinder · January 2014

@hgtonight or @UnderDog could you please move this to the Tutorials ?

Thanks

an2050 · January 2014

Does this apply to embedded comments? I've modified default.master.tpl and links have different targets in forum posts, but on the embedded comments, things still open within the iframe instead of on _top. If not, where can I modify attributes for Vanilla Embedded Comments for WordPress?

vrijvlinder · January 2014

The same way , you just need to find the classes for the links you want to apply this to.

acctman · February 2014

is there a way to set all anchors to _self, without having to identify each one? also I added the javascript above and it gave me an error "Something has gone wrong."

vrijvlinder · February 2014

yes by simply using a and a:link. That will make all links open in the same window

$('a').attr('target', '_self');

acctman · February 2014

I tried adding the code under the head tag in the default.master.tpl, for my theme but I get a "Something has gone wrong." error page.

{literal}

$(document).ready(function() { $('a').attr('target', '_self'); });

{/literal}

vrijvlinder · February 2014

You need to use the javascript tags

{literal}

<script type="text/javascript"> 
$(document).ready(function() { $('a').attr('target', '_self'); });
</script>

{/literal}

acctman · February 2014

tried both $('a').attr('target', '_self'); and $("a.Title").attr("target", '_self'); still won't override it. do you know where at in the coding I can manually remove the target? This is for the Title name of the categories

vrijvlinder · February 2014

try this

{literal}
    <script type="text/javascript"> 
    $(document).ready(function() { 
    $('ul.Discussions div.ItemContent a.Title').attr("target",'_self'); 
    });
    </script>
    {/literal}

vrijvlinder · February 2014

for the Categories title link

.DataList .ItemContent.Category a.Title

{literal}
    <script type="text/javascript"> 
    $(document).ready(function() { 
    $('.DataList .ItemContent.Category a.Title').attr("target",'_self'); 
    });
    </script>
    {/literal}

Change target on links in embed forum

Best Answers

Answers