jQuery - zapis

Programovacie jazyky, rady, poradňa...
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

jQuery - zapis

Príspevok od používateľa fikotek »

Prosim Vas,

vim ze pro nektere z Vas je to hracka ale pro me je to zatim spanelska vesnice ve ktere je jeste jedna spanelska vesnice.
Muzete mi prosim rict co je spatne tady na tomhle zapisu?

Rozhodl jsem se ze se zacnu pomalu ucit jQuery. Teoreticky tusim jak to funguje ale prakticky to absolutne nefunguje.

Zapis ctu jako: Az bude dokument pripraven tak po kliknuti na p.button schovej #odstavec pomalu. Je to tak dobre ne?

Kód: Vybrať všetko

    <script type="text/javascript">
        $(document).ready(function(){
          $("p.button").click();{
            $("#odstavec").hide(slow);
          }
        })
    </script>

Kód: Vybrať všetko

		<div id="odstavec" class="one-third column">
			<h3>About Skeleton?</h3>
			<p>Skeleton is a small collection of well-organized CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
            <p class="button">SCHOVEJ</p>
		</div>
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: jQuery - zapis

Príspevok od používateľa sharky-no »

troska si pozri syntax, a potom skus vymyslat :lol:
princip si pochopil, zle si to ale zapisal.

Kód: Vybrať všetko

 <script type="text/javascript">
        $(document).ready(function(){
          $("p.button").click(function(){
            $("#odstavec").hide('slow');
          })
        });
</script>
//oki pridal som
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa audiotrack »

Kód: Vybrať všetko

$(document).ready(function(){
          $("p.button").click(function(){
            $("#odstavec").hide('slow');
          })
        })
oh shit, bol som predbehnutý
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Diky klucim, uz to funguje. Sharky, chybi ti tam jedna zavorka.

A jeste jeden smely dotaz: To function() tam pisu v jakych pripadech? Ja myslel ze to staci jen nahore u toho .ready.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa audiotrack »

tým vytvoríš anonymnú funkciu (bez mena, na jednorázové použitie). Kľudne si ju zadeklaruj aj vopred nejakým menom ak chceš, a potom by si ju tam zavolal cez jej meno
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Diky audio, vzdalene tusim co jsi tou vetou chtel vyjadrit, musim pogooglit co znamena presne zadeklarovat. A taky zda-li se daji psat funkce do funkci .. teda jestli neco takoveho je. Jako ze dam prvku treba click ale do toho mu dam treba jeste neco at udela. Mno bude to asi na delsi dobu tohle. Mozna by se hodila i nejaka ceska literatura.
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: jQuery - zapis

Príspevok od používateľa sharky-no »

skus tu, mozno ti ten styl nesadne, kazdopadne sa tam mas co naucit.
http://www.zajtra.sk/serial/7/jquery-videotutorial
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Díky moc sharky, už jsem na mobilu takze se na to teď nepodivam ale fakt moc diky.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa audiotrack »

v tom pripade by si mal zacat so samotnym javascriptom ked mas taketo vazne nedostatky a az potom prejst na jquery.
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Kluci, mam tu zapis:

Kód: Vybrať všetko

<script>
    $(document).ready(function(){
      $(".mozna").hide();

      $(':checkbox').change(function(){
        var checked = $(this).is(':checked')

      });
    })
</script>
mam checkbox. Pokud je oktivni zobrazi se input + ikonka. Pokud aktivni neni tak input s ikonkou zmizi. Inputu a ikone jsem dal class="mozna". Inputu a obrazku tam bude vic proto maji tridu mozna jen nektere.

Ted me napada ze by tam mohlo byt i .next() ale jak to funguje kdyz potrebuju schovat 2 objekty?

Tusite jak tento zapis dokoncit?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa audiotrack »

a majú sa všetky zobraziť alebo podľa čoho chceš príslušný vybrať? Ak nie všetky, tak bez toho aby sme poznali DOM ti to nikto nedokončí.
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

je takovy to zapis:

Kód: Vybrať všetko

		<tr>
			<td>Rondo lišta [i]</td>
			<td><input name="Rondo" type="checkbox" value="true" onchange="odeslat()">
			    <select class="mozna" name="Brl" onchange="odeslat()">
			    <option value="?">?</option>
			    <option value='1'>bílá</option><option value='7'>kávově hnědá</option>
			<a class="ajax mozna" href="vzornik.html"><img src="/images/icona_vyber_barvu.png" alt="vyber barvu" /></a>
                        </td>
		</tr>
A ja potrebuju: kdyz nebude zakliknuty checkbox aby nebyl videt "select a obrazek". A kdyz bude chcekbox zakliknuty aby se "select a obrazek" objevil.
Nekdy bude misto selectu input.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa audiotrack »

Kód: Vybrať všetko

 $(document).ready(function () {
     $(".mozna").hide();
     $(':checkbox').change(function () {
         $(this).next().toggle();
     });
 })
ale možno by si mal popremýšlať o lepšej štruktúre toho html
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

audiotrack napísal:

Kód: Vybrať všetko

 $(document).ready(function () {
     $(".mozna").hide();
     $(':checkbox').change(function () {
         $(this).next().toggle();
     });
 })
ale možno by si mal popremýšlať o lepšej štruktúre toho html
Dekuju, funguje to. Select spolecne s tim img jsem obalil classem mozna a funguje to skvele. Co myslis tim lepsi strukture? Myslis ze se to da udelat lip?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa audiotrack »

myslel som tým to, čo si spravil. Prvky ktoré sa majú chovať spoločne (naraz zobrazovať, naraz skrývať...) majú byť logicky spolu a nie ako dva nesúvisiace elementy. Ale napríklad tam nemáš ani ukončenie toho selectu a pár ďalších menších nedostatkov ktoré budú validátoru vadiť
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Prvky ktere se budou skryvat jsou ted obalene classem "mozna". Takze ted uz by to melo byt v pohode ne? Select je ukonceny ale bylo tam moc <optionu> tak jsem je smazal a nechal jsem tam jen nejake :-) a nechte jsem pri tom smaznul i ukonceni selectu. Jaj.

//autoeditácia príspevku (25 Apr 2013, 18:56)
A ted mi reknete. Da se to napsat i lip ze? Muzete kdyztak uvest i priklad jak by se to dalo napsat lip.?

Kód: Vybrať všetko

<div id="zprava" class="sixteen columns">
   <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.</span>
   <a class="schovej" href="#">X</a>
</div>

<script>
    $(document).ready(function(){
      $("#zprava").find("a.schovej");

      var schovej = $("a.schovej");
          zprava = $("#zprava");

      schovej.click(function(){
        zprava.slideUp();
      });

      return false
    });
</script>
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: jQuery - zapis

Príspevok od používateľa sharky-no »

ja by som to spravil takto a bude fungovat aj v pripade ze tych sprav budes mat viac

Kód: Vybrať všetko

<div class="sixteen columns">
   <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.</span>
   <a class="schovej" href="#">X</a>
</div>

<script>
    $(document).ready(function(){
      $("a.schovej").click(function(){
        $(this).parent().slideUp();
      });
    });
</script>
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Super, dekuju. A jen bych se zeptal proc jsi tam dal ten .parent?
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: jQuery - zapis

Príspevok od používateľa sharky-no »

ziskas "otca" toho prvku, teda element v ktorom je ten prvok vlozeny, a uz pracujes s tym tak ako keby si mal selectnuteho toho rodica cez $("#id_rodica")

pochopil? ci?
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zapis

Príspevok od používateľa fikotek »

Ahaaaa jasne, ty jsi vybral a.schovej a "this" jako jeho rodic se ma po kliknuti slideUp.

//autoeditácia príspevku (27 Apr 2013, 15:54)
Kluci, premyslim nad takovou veci, a ted nevim jestli by se to dalo napsat i pomoci jQuery.
Mam nasledny kus kodu "tabulky"

V prvnim <td> je vzdy nejake jine cislo nebo cislo+nejake pismeno.

Kód: Vybrať všetko

  <tr onclick="select_barva('7')">
    <td class="form_top"> 7</td>
    <td class="form_top"><img src="/vzorniky/vzornik_1/18_7.jpg" alt=""></td>
    <td class="form_top"><?= get_name_color('7') ?></td>
    <td class="form_top"><?= check_priplatek('7') ?></td>
  </tr>
A ted: Jde napsat v jQuery takova vec ktera by dokazala vypsat atribut onclick s hodnotou ktera je v prvnim <td> a take do tretiho a ctvrteho kus toho phpkoveho kodu? Nebo tohle uz jQuery nedokaze?
Napísať odpoveď