Forum PHP.pl > [JavaScript] Dodatkowe okno po kliknięciu w obrazek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Dodatkowe okno po kliknięciu w obrazek

playdewu

18.07.2013, 15:30:58

Witam.
Potrzebuję skryptu napisanego w JavaScript, który po kliknięciu w brazek będzie tworzył dodatkowe okno (nad/pod) nim, w którym można używać HTMLa.
Dokładnie chodzi mi o coś takiego, jak na tej stronie: http://www.animezone.pl/odcinki-online_blood-lad_1
Po kliknięciu w button odtwarzający pojawia nam się okno z odtwarzaczem, ponadto możemy takie okno łatwo zamknąć krzyżykiem.

Myślałem też o alternatywnie takiego skryptu jaką jest okienko dialogowego typu alert. W sumie byłoby to dla mnie najlepsze wyjście, ale niestety, nie da się zamieścić w nim odtwarzacza.

[PHP] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function show_alert()
{
alert("TUTAJ PRÓBOWAŁEM UMIEŚCIĆ ODTWARZACZA YOUTUBE'A");
}
</script>
</head>
<body>
<input type="button" onclick="show_alert()" value="ZOBACZ" />
</body>
</html>]
[PHP] pobierz, plaintext

Jakieś pomysły?

gorden

18.07.2013, 15:50:37

Blood Lad, ciekawe anime z sezonu:P

animezone.pl wykorzystuje jQuery. Domyślnie jest ukryty kontener z odtwarzaczem, a potem zmienia się ich embed w zależności od klikniętego playera.

co do okienka, robisz sobie plik np. player.php i getem przesyłasz id odcinka i ewentualnie playera, jeśli jest ich kilka

[JAVASCRIPT] pobierz, plaintext 
window.open("player.php?episodeId=30&player=3", "okno", "toolbar=no, menubar=no, location=no, personalbar=no, status=no, resizable=yes, scrollbars=yes, copyhistory=yes, width=700, height=600, top=0, left=0");
[JAVASCRIPT] pobierz, plaintext

playdewu

18.07.2013, 16:08:35

Można troszkę jaśniej? Średnio rozumiem, co gdzie i jak mam utworzyć/wkelić.
W końcu to przedszkole ;D

Btw. Blood Lad owszem, zapowiada się ciekawie

@EDIT
Ma to być embed z YouTube'a.

gorden

18.07.2013, 17:00:53

jeśli chcesz jeden filmik, to wystarczy zrobić funkcję java script:

[JAVASCRIPT] pobierz, plaintext 
function show_window() {
    window.open("player.html", "okno", "toolbar=no, menubar=no, location=no, personalbar=no, status=no, resizable=yes, scrollbars=yes, copyhistory=yes, width=700, height=600, top=0, left=0");
}
[JAVASCRIPT] pobierz, plaintext

zdarzenie onclick i wywołanie tej funkcji, a w player.html wklejasz embed

playdewu

18.07.2013, 19:15:34

No nie do końca o to mi chodziło.
Zamiast wczytać to okienko na załadowanej już stronie, otwiera mi się nowe okno z playerem.

gorden

18.07.2013, 19:55:03

w takim razie będziesz musiał użyć własnego skryptu na wyskakujące okienko.
google pod zapytaniem "custom popup javascript".. można pobrać kilka gotowych skryptów, ale te ładniejsze wymagają jquery, więc "custom popup jquery"

Gość

18.07.2013, 23:00:55

To jest bardzo proste do zrobienia, wystarczy podstawowa wiedza jquery + php

Wyswietlasz sobie wyniki i robisz link np. z onclick (najprosciej) onclick="$('div#tu-film-<?php echo $id_filmu; ?>').load('strona.php?idFilmu=<?php echo $id_filmu; ?>'); gdzie strona php to oddzielny plik i zwykle zapytanie z warunkiem id=$id_filmu i w tym samym pliku umieszczasz odtwarzacz i to w zasadzie tyle, to sa podstawy podstaw.

zamkniecie okna to zwykle click() w jquery.

wyswietlanie samego odtwarzacza to nie moja dzialka ale w google pelno tego

Gość

18.07.2013, 23:05:56

Nawet troche przekolorowalem bo na podanej stronie film zawsze otwiera sie w jednym oknie na gorze strony, ja Ci podalem przyklad z innym div id co da Ci to, ze kazdy filmik moze np otwierac sie pod danym linkiem

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.