Button + Funkcja w JS

Question

Witam staram się napisać funkcję, która po kliknięciu przekieruje mnie na adres podany w order notes + skopiuje zawartość z elementu 
Korzystam z CMS Wordpress z Woocommerce, moja funkcja nie działa jeszcze tak jakbym chciał ponieważ co prawda kopiuje adres na jaki ma przejść lecz nie umiem zaimplementować tego żeby działo się to automatycznie 

 

JS
   <script>
   
   function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
  
}

</script>


HTML
<a href="http:/google.pl/" " target="_blank" onclick="copyToClipboard('#aby')">Kopiuj i Otwórz</a>

PHP
echo '<p id="aby"  >
' . nl2br( esc_html( $post->post_excerpt ) ) . '</p>';

Czy jest ktoś w stanie mi pomóc? Może jeszcze raz w skrócie opiszę czego potrzebuję
1. Przycisk, który skopiuje do schowka zawartość z diva "aby"
2. Otworzy stronę skopiowaną z diva "aby" w nowej karcie 

Bardzo dziękuję za przeczytanie i za rozwiązanie jeżeli ktoś się podejmie :)

Comments

Czyli chcesz za pomoca JavaScripta na frontendzie przeladowac strone i miec dalej ta sama zmienna?

---

Nie wiem czy konkretnie powinienem użyć JS ale chcę przejść na nową witrynę bez przeładowywania obecnej na link który znajduje się w divie

---

No to z tego co rozumiem masz kilka opcji.

1. Wrzuc wartosc tego diva do zmiennej, wyczysc caly kod html przy pomocy jsa, Ajaxem wczytaj HTML z tej strony na ktora chcesz przeladowac i wtedy masz nadal wartosc tego diva w zmiennej, ktora podkladasz juz sobie gdzie chcesz.

2. Zagleb sie w Angulara, podobno calkiem przyjemny i to co opisalem wyzej zrobi sprawniej i bez wiekszych bledow.

3. Jezeli masz php to po prostu wyslij to przy pomocy GET czy POST.

4. Jezeli masz baze danych to zapisz to w bazie Ajaxem, po czym przeladuj strone, i po wczytaniu Ajaxem wyjmij ta wartosc z bazy i podepnij to gdzie chcesz.

EDIT: Zle zrozumialem pytanie

---

Przeczytalem jeszcze raz. Po cholere chcesz robic w JavaScripcie cos co robisz w HTML? target="_blank" otworzy Ci link w nowej karcie

---

Najpopularniejsze Hashtagi na instagramie to temat, który od dawna stanowi jeden z ważniejszych elementów prowadzenia profilu na Instagramie, hasztagi na insta to najważniejszy element kategoryzujący umieszczane  na portalu posty. 

Answer 1

Propozycja

<a href="#" id="open-in-new" target="_blank">aby</a>
<div id="aby" class="button" data-href="https://stackoverflow.com/questions/7838578/how-to-apply-click-to-a-tag-using-javascript">how to apply click() to a tag using javascript</div>
<div id="aby" class="button" data-href="https://stackoverflow.com/questions/17569012/simulate-a-click-on-a-element-using-javascript-jquery">simulate a click on 'a' element using javascript/jquery</div>

a {
  display: none;
}
.button {
  width: 350px;
  border: 1px solid transparent;
  margin: 0.5em 0;
  cursor: pointer;
  transition: all 0.5s;
}
.button:hover {
  border: 1px solid black;
}

const a_tag = document.querySelector('#open-in-new');
const divs_aby = document.querySelectorAll('div#aby');

divs_aby.forEach(div => {
  div.addEventListener('click', ({target}) => {
    const temp_input = document.createElement('input');
    document.body.append(temp_input);
    temp_input.value = target.textContent;
    temp_input.select();
    document.execCommand('copy');
    temp_input.remove();

    const href = target.getAttribute('data-href');
    a_tag.setAttribute('href', href);
    a_tag.click();
  })
})