Autor Zpráva
Tonny
Profil *
Ahoj,
napsal sjem si funkci, používající colorbox:
function zobrazOkno(url)
  {            $(document).ready(function(){
            $.colorbox({href: url});  
            });
  }
které předám url souboru a on se mi otevře v colorboxu. Udělal jsem to, protože mě nenapadl žádný jendodušší způsob jak otevřít colorbox po nějakém javascriptovém Eventu (onClick,OnChange,atp...)
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(); 
Jenže tohle řešení funguje jen tehdy když se používá inline 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
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 *
    <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(); 

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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