hyperlinks open on new tab

12 posts from 5 voices

• Started 8 months ago by tinavive
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   tinavive
   Member

   hi, in portfolio items when you click on projects URL it opens on the same page i would like hyperlinks open on new tab

   Posted 8 months ago #
2. 

   Nick
   Moderator

   Hi,

   I am not sure that can be done without rewriting a good portion of the theme since that is the part of the design.. It's not easy to separate the two since they are Siamese twins just about.

   Thanks,

   Nick

   Posted 8 months ago #
3. 

   tinavive
   Member

   I think it would be a good idea to implement because once they navigate to another link you have lost the visitor.

   Posted 8 months ago #
4. 

   Dude
   Dude

   If the url is an external url you can use following js code - add it to js/avia.js (at the very top after the document.ready function):

   jQuery(".portfolio-entry .entry-content a").filter(function() {
       return this.hostname && this.hostname !== location.hostname;
   }).attr('target', '_blank');

   Posted 8 months ago #
5. 

   tinavive
   Member

   hi i added like below, but still didnt change

   /* this prevents dom flickering, needs to be outside of dom.ready event: */
   document.documentElement.className += 'js_active';
   /*end dom flickering =) */

   //global path: avia_framework_globals.installedAt

   jQuery.noConflict();
   jQuery(document).ready(function(){
   jQuery(".portfolio-entry .entry-content a").filter(function() {
   return this.hostname && this.hostname !== location.hostname;
   }).attr('target', '_blank');

   //activates the slideshow
   if(jQuery.fn.avia_ajax_portfolio)
   jQuery('.ajax_portfolio_container').avia_ajax_portfolio();

   // actiavte portfolio sorting
   if(jQuery.fn.avia_iso_sort)
   jQuery('.portfolio-sort-container').avia_iso_sort();

   // improves comment forms
   if(jQuery.fn.kriesi_empty_input)
   jQuery('#s, #search-fail input').kriesi_empty_input();

   // improves menu for mobile devices
   jQuery('.responsive .main_menu ul:eq(0)').mobileMenu({
   switchWidth: 768, //width (in px to switch at)
   topOptionText: jQuery('.main_menu').data('selectname'), //first option text
   indentString: '   ' //string for indenting nested items
   });

   // enhances contact form with ajax capabilities
   if(jQuery.fn.kriesi_ajax_form)
   jQuery('.ajax_form').kriesi_ajax_form();

   //activates the mega menu javascript
   if(jQuery.fn.avia_menu_helper)
   jQuery(".main_menu .menu").avia_menu_helper({modify_position:true});

   //smooth scrooling
   if(jQuery.fn.avia_smoothscroll)
   jQuery('a[href*=#]').avia_smoothscroll();

   //keep ratio of elements
   if(jQuery.fn.avia_ratio)
   jQuery(".avia_keep_ratio").avia_ratio();

   //keep ratio of elements
   if(jQuery.fn.avia_fancy_buttons)
   jQuery(".social_bookmarks li").avia_fancy_buttons({target:'a'});

   Posted 8 months ago #
6. 

   Dude
   Dude

   Hi!

   Can you post a link to your website please. Make sure that avia.js contains the code I posted above.

   Regards,
   Peter

   Posted 8 months ago #
7. 

   tinavive
   Member

   hi

   can i send you in a private mail

   Posted 8 months ago #
8. 

   Nick
   Moderator

   Hi,

   I believe Dude will be unavailable for the next few weeks. If you need me (usjahm [at] gmail.com) or one of the other members of the team to take a look, we would be more than happy.

   Thanks,

   Nick

   Posted 8 months ago #
9. 

   tinavive
   Member

   Hi yes if i can have someone please reply me and have a look, Nick i sent you multiple messages about my website ive had no reply adn ended up having to reinstall if someone can assist that would be great thanks

   Posted 8 months ago #
10. 

    Devin
    Moderator

    Hi tinavive,

    I think there is a much easier but often overlook way to solve this! Since you are just putting a in a link into the meta field you can give it the _blank attribute outright. So in your Project URL field just use this code instead of text:
    <a href="www.google.com" target="_blank">Google</a>

    Replace http://www.google.com with the actual link and the Google text with the text you want displayed.

    Regards,

    Devin

    Posted 8 months ago #
11. 

    tinavive
    Member

    ok thank youThank you that works great

    Posted 8 months ago #
12. 

    Ismael
    Moderator

    Hi tinavive,

    Glad that Devin helped you. :)

    Cheers,
    Ismael

    Posted 8 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.