Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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.
  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>]


Jakieś pomysły?

Ten post edytował playdewu 18.07.2013, 15:39:40
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
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

Posty w temacie


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

 



RSS Aktualny czas: 6.10.2025 - 18:01