21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
tamiklanger@seznam.cz
Profil *
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
tamiklanger@seznam.cz:
pro inspiraci http://jecas.cz/magnific-popup
tamiklanger@seznam.cz
Profil *
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
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 *
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
doctype je kde?
tamiklanger@seznam.cz
Profil *
Zapomněl jsem ho nakopírovat. Nicméně to nic nemění na tom, že mně to nefunguje :(
_es
Profil
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 *
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 *
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
Lebo v
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
nie je uvedeny protokol, bol teda pouzity protokol file a ten logicky nefungoval. Ani s tou nadbytocnou ciarkou ti to v niektorych prehliadacoch fungovat nebude.
tamiklanger@seznam.cz
Profil *
Díky za ujasnění

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0