Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Dodatkowe okno po kliknięciu w obrazek
playdewu
post
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 12.07.2013

Ostrzeżenie: (0%)
-----

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 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function show_alert()
  5. {
  6. alert("TUTAJ PRÓBOWAŁEM UMIEŚCIĆ ODTWARZACZA YOUTUBE'A");
  7. }
  8. </script>
  9. </head>
  10. <body>
  11. <input type="button" onclick="show_alert()" value="ZOBACZ" />
  12. </body>
  13. </html>]
[PHP] pobierz, plaintext


Jakieś pomysły?

Ten post edytował playdewu 18.07.2013, 15:39:40
Go to the top of the page
+Quote Post
gorden
post
Post #2





Grupa: Zarejestrowani
Postów: 486
Pomógł: 101
Dołączył: 27.06.2010

Ostrzeżenie: (0%)
-----

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 
  1. 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


Ten post edytował gorden 18.07.2013, 15:50:59
Go to the top of the page
+Quote Post
playdewu
post
Post #3





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 12.07.2013

Ostrzeżenie: (0%)
-----

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 (IMG:style_emoticons/default/wink.gif)

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

Ten post edytował playdewu 18.07.2013, 16:15:50
Go to the top of the page
+Quote Post
gorden
post
Post #4





Grupa: Zarejestrowani
Postów: 486
Pomógł: 101
Dołączył: 27.06.2010

Ostrzeżenie: (0%)
-----

jeśli chcesz jeden filmik, to wystarczy zrobić funkcję java script:
[JAVASCRIPT] pobierz, plaintext 
  1. function show_window() {
  2.     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");
  3. }
[JAVASCRIPT] pobierz, plaintext


zdarzenie onclick i wywołanie tej funkcji, a w player.html wklejasz embed
Go to the top of the page
+Quote Post
playdewu
post
Post #5





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 12.07.2013

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
gorden
post
Post #6





Grupa: Zarejestrowani
Postów: 486
Pomógł: 101
Dołączył: 27.06.2010

Ostrzeżenie: (0%)
-----

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 to the top of the page
+Quote Post
-Gość-
post
Post #7





Goście
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 to the top of the page
+Quote Post
-Gość-
post
Post #8





Goście
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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 22:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn