Autor | Zpráva | ||
---|---|---|---|
tamiklanger@seznam.cz Profil * |
#1 · Zasláno: 15. 1. 2015, 08:39:33
Zdravím,
potřeboval bych na svých stránkách vytvořit něco jako pop up okno, které by se po kliknutí na tlačítko registrovat zobrazilo v popředí stránky a uživatel by mohl vyplnit své údaje pro registraci. Pravděpodobně bude stačit použít JS, ale nejsem v tom moc sběhlý. Díky za každou radu |
||
Taps Profil |
#2 · Zasláno: 15. 1. 2015, 09:39:04
tamiklanger@seznam.cz:
pro inspiraci http://jecas.cz/magnific-popup |
||
tamiklanger@seznam.cz Profil * |
#3 · Zasláno: 15. 1. 2015, 10:03:04 · Upravil/a: tamiklanger@seznam.cz
Díky za inspiraci,
zaujalo mě tohle http://kod.djpw.cz/env Jen mám problém s tím, že nevím, kam vložit v těle dokumentu JS kód: $("#tlacitko").magnificPopup({ items: [ { type: 'iframe', src: ' lightbox pro html stránku', } ] }); Podle mě byc Díky za inspiraci, zaujalo mě tohle http://kod.djpw.cz/env Jen mám problém s tím, že nevím, kam vložit v těle dokumentu JS kód: $("#tlacitko").magnificPopup({ items: [ { type: 'iframe', src: ' lightbox pro html stránku', } ] }); Podle mě bych ho měl vložit do <head> a ještě ho obalit <scriptem>? |
||
Taps Profil |
#4 · Zasláno: 15. 1. 2015, 10:07:06
tamiklanger@seznam.cz:
„Podle mě bych ho měl vložit do <head> a ještě ho obalit <scriptem>?“ Přesně tak |
||
tamiklanger@seznam.cz Profil * |
#5 · Zasláno: 15. 1. 2015, 10:20:35
Po implementaci to nefunguje. Ukázka celého kódu:
<html > <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Projekt 1</title> <meta name="robots" content="index,follow"> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="author" content=""> <link href="css3.css" rel="stylesheet" type="text/css"> <!-- Magnific Popup core CSS file --> <link rel="stylesheet" href="http://jecas.cz/assets/magnific-popup/magnific-popup.css"> <!-- jQuery 1.7.2+ or Zepto.js 1.0+ --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- Magnific Popup core JS file --> <script src="http://jecas.cz/assets/magnific-popup/jquery.magnific-popup.min.js?v=0.9.8"></script> <script> $("#tlacitko").magnificPopup({ items: [ { type: 'iframe', src: ' lightbox pro html stránku', } ] }); </script> </head> <body> <button id="tlacitko">Okno</button> </body> </html> |
||
jefitto44 Profil |
#6 · Zasláno: 15. 1. 2015, 11:15:25
doctype je kde?
|
||
tamiklanger@seznam.cz Profil * |
#7 · Zasláno: 15. 1. 2015, 11:25:40
Zapomněl jsem ho nakopírovat. Nicméně to nic nemění na tom, že mně to nefunguje :(
|
||
_es Profil |
#8 · Zasláno: 15. 1. 2015, 11:42:11
tamiklanger@seznam.cz:
„mně to nefunguje :(“ Lebo v čase spustenia skriptu element s id=tlacitko neexistuje. Daj skript až za to tlačítko.
|
||
tamiklanger@seznam.cz Profil * |
#9 · Zasláno: 15. 1. 2015, 12:03:23
Chyba bude stále někde jinde. Zkoušel jsi to rozjet u sebe? Mně to tlačítko jakoby nereagovalo, když na něj kliknu, tak prostě nic nenastane.
|
||
_es Profil |
tamiklanger@seznam.cz:
„Chyba bude stále někde jinde.“ To ťažko povedať kde. Daj „živú ukážku“ s tým nefunkčným kódom. Kód v [#5] je nejaký „spotvorený“ a má ešte chybu - nadbytočnú čiarku pred } , čo v niektorých prehliadačoch spraví chybu.
Taps: > „Podle mě bych ho měl vložit do <head> a ještě ho obalit <scriptem>?“ > Přesně tak Určite nie ([#8]). Nie do elementu head, ale tesne za značku </button> .
tamiklanger@seznam.cz: Začlenění skriptu do stránky » Normálně do HTML kódu |
||
tamiklanger@seznam.cz Profil * |
#11 · Zasláno: 15. 1. 2015, 15:09:42
Tak už to funguje. Triviální problém byl v tom, že se mi okno neotevíralo, pokud jsem stránky pouštěl lokálně z PC. Když jsem si stránky nahrál na webhosting, vše funguje, jak má :) I tak díky za rady ;)
|
||
_es Profil |
#12 · Zasláno: 15. 1. 2015, 15:21:19
Lebo v
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> file a ten logicky nefungoval. Ani s tou nadbytocnou ciarkou ti to v niektorych prehliadacoch fungovat nebude.
|
||
tamiklanger@seznam.cz Profil * |
#13 · Zasláno: 16. 1. 2015, 11:56:36
Díky za ujasnění
|
||
Časová prodleva: 9 let
|
0