+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Youtube - osobne okienko / PROŚBA (/thread-youtube-osobne-okienko-pro%C5%9Bba)
Youtube - osobne okienko / PROŚBA - rem - 29-01-2012
RE: Youtube - osobne okienko / PROŚBA - Pedro84 - 29-01-2012
Colorbox albo Fancybox dla jQuery załatwią takie coś bez problemu.
RE: Youtube - osobne okienko / PROŚBA - _perlik - 29-01-2012
Musisz mieć plik w którym będą osadzone:
- obrazek (tag <img/>) z ustawionym zdarzeniem onclick. Cała magia z onclick polga na tym, że jak klikniesz gdziekolwiek na obrazek to wywoła się funkcja która jest przypisana do onclick. W przykładzie który podałeś wygląda to tak:
Kod:
<script type="text/javascript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
</script>
<img border="0" onclick="MM_openBrWindow('szablon.html','Nazwa okienka','width=800,height=500, scrollbars=0')" alt="opis_obrazka" src="perlik.jpg">Czyli po kliknięciu na obrazek odpalasz funkcję MM_openBrWindow(). Funkcja przyjmuje 3 parametry: theURL,winName,features. Definiujesz je w zdarzeniu onclick tak jak na przykładzie powyżej.
Zadaniem funkcji MM_openBrWindow() jest otworzenie okienka zgodnego z parametrami które przekazałeś. W powyższym przypadku w okienku będzie otwarty plik szablon.html, Nazwa okienka nie działa bo ta wartość jest zaciągana z YT, pozatym ustalasz wielkość okienka i to że ma nie mieć suwaków. Pamiętaj że wielkość otwieranego okna powinna być większa nie wielkość filmu.
Sam plik szablon.html może wyglądać tak:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sebile Koolie Minnow</title>
<style type="text/css">
body {
background-color: #000;
text-align: center;
}
</style>
</head>
<body>
<iframe width="640" height="390" src="http://www.youtube.com/embed/Q4E0bK1y8wU" frameborder="0" allowfullscreen></iframe>
</body>
</html>Generalnie można by się w powyższym przykładzie doczepić jeszcze do wielu rzeczy, ale pokazuje on ogólną zasadzę działania a chyba o to chodziło
O parametrach przekazywanych do "okienka" możesz poczytać np. tu:
http://www.w3schools.com/jsref/met_win_open.asp
RE: Youtube - osobne okienko / PROŚBA - rem - 29-01-2012
@Pedro84 - Hm, jestem można powiedzieć trochę "zielony" więc tyle co podpowiedziałeś nic mi nie daje..
@_perlik:
Kombinuje cały czas nad tym co mi napisałeś (DZIĘKUJĘ), ale NIC..
Może tak:
Moja strona bazuje na CMS'ie TYPOlight więc tylko tam ingeruje w stronę. Zwróciłem się o pomoc gdyż nie mogę znaleźć do niego odpowiedniego rozszerzenia do zainstalowania, aby miał taką funkcję o którą mi chodzi.
Ale próbuje w standardowy sposób, czyli:
W tradycyjnym elemencie zawartości wrzucam sobie zdjęcie (to które ma być zlinkowane do otwarcia filmiku z youtube w nowym oknie), po czym osadzam w nim kod który wkleiłeś (ten pierwszy). Oczywiście w miejsce "plik.jpg" podaje ścieżkę do zdjęcia i jest OK, czyli mam zdjęcie..
W tym kodzie jest "szablon.html", który muszę utworzyć, czyli to co jest w Twoim drugim kodzie.
I teraz tak: Ja w tym CMS'ie mogę tworzyć szablony i tak zrobiłem, jako "szablon.html" jednak szablony te widnieją u mnie jako .tpl - w każdym razie nic nie działa... Na stronie pojawia się zdjęcie ale nie zlinkowane.
Ten szablon.html utworzyłem też w głównym katalogu na serwerze - też nic..
Znając mniej więcej problem mógłbyś pomóc? Lub ktokolwiek..
DZIĘKI BARDZO!