javascript - linki do przypisów w nowym oknie, Mam przypisy w tekście, nie mam skryptu do linków

Question

Witam, znalazłem fajne demo w sieci:

https://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css

, którego użyłem w swoim projekcie po modyfikacji.
Ale mam problem - na każdej ze stron będę miał przypisy (czasami po kilka na stronę) i chciałbym, aby do każdego z nich link otwierał się w dodatkowym, tym samym oknie, powiedzmy 300px na 300px (jak w Kindle).
Ponieważ nie znam ani javascript ani JQuery i nie udało mi się znaleźć w sieci satysfakcjonującego mnie rozwiązania uprzejmie proszę o pomoc.
Mam nadzieję, że tak banalny skrypt nie będzie stanowił problemu!

Comments

Może rozważ użycie np. modal box-a [ 2 ] , dla przypisów. 

W takim modal box-ie można "umieścić" <iframe> i za pomocą javascript "pobierać" link do strony jaki zawiera przypis i "ustawiać" go w <iframe src="link_do_strony">.

Sprawdź prosty przykład: on-line.

 

można też zrobić podobny efekt bez użycia <iframe> i "ładować" zawartość strony z przypisem do modal-box-a za pomocą fetch (ajax).

 

P.S. Wygląd i kolorystyka dla demonstracji, może być dowolnie zmieniona za pomocą css.

np. można dodać:

• płynne pojawienie się modal-box-a
• animacja, komunikat na czas ładowania się zawartości strony
• itd.

---

Fajne rozwiązanie, wielkie dzięki!

Tylko że ja nie znam javascript i nie wiem jak połączyć/zmienić oba skrypty, aby ten modal działał w ten sposób na kilku stronach. 

Pozostawiłem pierwszą stronę pustą, jak w przykładzie, a treść z Twojego przykładu wkleiłem do Twojego html-u w ten sposób i jej w ogóle nie widać.

<iframe src="pages/page1.html" title="page1" width="300" height="300" style="border:1px solid black;">page1</iframe>

Pozostawiłem oczywiście javascript z przykładu:

$(document).ready(function(){
		var Tabs = {
		'A'     : 'pages/page1.html',
		'B'	    : 'pages/page2.html',
		'C'	    : 'pages/page3.html',
		'D'	    : 'pages/page4.html',
		'E'	    : 'pages/page5.html',
		'F'     : 'pages/page6.html'

	}

I nie wiem co dalej. Podpowiesz?

---

Jeżeli możesz, proszę pokaż cały kod html, takiej jednej strony gdzie chcesz uruchomić przypisy.