Tous nos scripts

Utilities

Ouvrir les liens externes dans un nouvel onglet sur desktop

<script>
function handleLinkClick(event) {
  if (event.target.hostname === window.location.hostname) {
    return;
  }

  if (window.matchMedia('(max-width: 767px)').matches) {
    return;
  }

  event.preventDefault();
  window.open(event.target.href, '_blank');
}

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  links[i].addEventListener('click', handleLinkClick);
}
</script>

Etape 1 - Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Open Links in New Tabs -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/util/open-links.js"></script>
<script>
function handleLinkClick(event) {
  if (event.target.hostname === window.location.hostname) {
    return;
  }

  if (window.matchMedia('(max-width: 767px)').matches) {
    return;
  }

  event.preventDefault();
  window.open(event.target.href, '_blank');
}

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  links[i].addEventListener('click', handleLinkClick);
}
</script>
Copier

Etape 2 - Ajouter les attributes correspondants

Aucun attribute nécessaire

Tous les liens externes s'ouvriront dans un nouvel onglet sur Desktop (et dans le même onglet sur Mobile).

Nom

Valeur

Aucun attribute nécessaire

Ajouter le script et tous les liens externes s'ouvriront dans un nouvel onglet sur Desktop. Sur mobile, ils s'ouvriront dans le même onglet

Nom

Copié !

Valeur

Copié !

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

Script

<script>
function handleLinkClick(event) {
  if (event.target.hostname === window.location.hostname) {
    return;
  }

  if (window.matchMedia('(max-width: 767px)').matches) {
    return;
  }

  event.preventDefault();
  window.open(event.target.href, '_blank');
}

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  links[i].addEventListener('click', handleLinkClick);
}
</script>
Copier

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.