| Autor | Zpráva | ||
|---|---|---|---|
| Tonny Profil * |
#1 · Zasláno: 22. 12. 2012, 21:22:13 · Upravil/a: Tonny
Ahoj,
napsal sjem si funkci, používající colorbox: function zobrazOkno(url)
{ $(document).ready(function(){
$.colorbox({href: url});
});
}Teď ale nastal problém s automatickým zavřením :( chci to udělat tak, že když užvivatel odešle formulář, který v colorboxu zobrazuji, tak aby se colorbox automaticky zavřel. Vím jak ho zavířt: var originalClose = $.colorbox.close;
function cbox_closed() {originalClose();}
$('a#example').colorbox(); Nemáte někdo nápad jak na to? Předm dík za váš čas Tonny Úprava: tohle by mi asi stejnak nepomohlo, spíš bych potřeboval vědět jak pomocí např. OnChange zobrazit ("zavolat") $(".inline").colorbox({inline:true, width:"50%"}); to vyřeší všechny mé potíže :) dík |
||
| Str4wberry Profil |
#2 · Zasláno: 22. 12. 2012, 22:15:09
Při odeslání se provede u daného formuláře událost
onsubmit. Tedy tam je nutno provést zavření toto colorboxu.
Pokud chcete nějakou lepší radu, prosím o odkaz na živou ukázku. |
||
| Tonny Profil * |
#3 · Zasláno: 22. 12. 2012, 23:36:52 · Upravil/a: Tonny
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".inline").colorbox({inline:true, width:"470px", height: "385px"});
});
var originalClose = $.colorbox.close;
function cbox_closed() {originalClose();}
$('a#example').colorbox();
</script>
<a class='inline' href="#inline_content" style="font-size: 60px; text-decoration: none;"><p class="vas_nazor"></p></a>
<div style='display:none'>
<div id='inline_content' style='padding:10px; background:#fff;'>
<center>
<span class="nadpis">Napiš mi svůj názor:</span> <br><br>
<table>
<form method="POST" action="email.php" target="okno">
<tr><td align="left">Tvoje jméno:</td><td align="left"> </center><input type="text" name="jmeno" size="25" value="<?echo get_user_information("jmeno",$_SESSION['user']);?>"></td> </tr>
<tr><td align="left">Tvůj email: </td><td align="left"> <input type="text" name="email" size="25" value="<?echo get_user_information("email",$_SESSION['user']);?>"> </td></tr>
<tr><td align="left">Text: </td><td align="left"> <textarea cols="25" rows="9" name="text"></textarea></td></tr>
<input type="hidden" name="nazor_zleva" value="ano">
<tr><td></td><td><input type="submit" value=" Odeslat " class="odeslat" onClick="cbox_closed();"></td></tr>
</form>
</table>
</center>
</div>
</div>Zavírání po odeslání mi už funguje, teď je problém jenom jak nahradit tetnto řádek: <a class='inline' href="#inline_content" style="font-size: 60px; text-decoration: none;"><p class="vas_nazor"></p></a> za nějakou javascriptovou událost. Řekněme, že ybhc potřeboval otevřít přesně tenhle colorbox, s tímto obsahem, poté co uživatel vybere v <select> nějakou možnost. Snad to bude stačit... Dík :) funkce cbox_closed(): var originalClose = $.colorbox.close;
function cbox_closed() {originalClose();}
$('a#example').colorbox(); |
||
|
Časová prodleva: 11 let
|
|||
0