jQuery topic - Szoftverfejlesztés fórum

üzenetek

hozzászólások


tildy
(nagyúr)
Blog

Talán néhányan ismerik már a JQueryt:)
Akik nem azoknak elmondanám, hogy egy speciális Javascript library , amely kifejezetten a Javascript és a HTML közötti kapcsolatot hangsúyozza , és ingyenes ,nyílt forrású szoftver.
Kezelése egyszerű, könnyen megtanulható , és könnyedén elvégezhetők az oldalon olyan módosítások , mint pl. egy adott link cseréje radiobutton alapján, vagy kép csere, vagy div hide.

Jómagam is kezdő vagyok, most tanulgatom, de látom, hogy nagyon nagy potenciál van benne.
Szóval megnyitom ezt a topikot, remélem sok hasznos információ lesz majd benne, és mindannyian tanulhatunk belőle.

Rögtön egy kérdés is. Adott egy form, radiobutonokkal, egyik sincs kiválasztva, és az egyik alatti text input mező disabledre van állítva , amely csak akkor aktivalodik, ha a hozza tartozo radiobuttonra kattintasz. Azt szeretném elérni, hogy akkor is aktiválódjon a mező, ha belekattintok, és ekkor a radiobutton is váltson át a mezőhoy tartozora.


tildy
(nagyúr)
Blog

$('input[name="xPaymentID"]').change(function(){
if ($('input[name="xPaymentID"]:checked').val() == '1')
$('input.text').removeAttr('disabled');

else

$('input.text').attr('disabled', true);
});

Ez csinalja a radiobuttonos valtast.

Az alabbi kodot probaltam egy payment idju tr-re, de nem mukodik:
$('#payment').hover(function (){
$('input.text').removeAttr('disabled');
else
$('input.text').attr('disabled', true);
});


tildy
(nagyúr)
Blog

Up a topiknak!

filefeltoltesnel felugro loader ablakra lenen szuksegem... nem egyszeru....


vamzi
(őstag)
Blog

Up a topicnak. Látom még nem indult be. De hátha van valaki, aki pont idenéz és a választ is tudja.

A jelenlegi oldalamon úgy vannak megoldva a dolgok, hogy ki van istázva az egyik táblám. Mindegyik rekordhoz tartozik egy link is, amire ha rákattintok feldob új ablakban egy textboxot, ahol az értékét tudom változtatni az adott rekordnak. Ezt már eléggé elavultnak tekintem ráadásul lassú megoldás is, sok a felesleges kattintás és szerencsétlenkedés.

Úgy szeretném megoldani, hogy a linkek továbbra is maradjanak meg, de ha rákattintok, akkor ne feldobjon egy ablakot, hanem a szöveget tolja feljebb és lejjebb, az így nyert üres helyre pedig keletkezzen egy textbox. Remélem érthető, hogy mit is szeretnék. Ez egyébként egy 300 pixel széles és 600 pixem magas frame, ezért is kellene fentre meg lentre tolni. Nagyon sok helyen láttam már, de tutorialban vagy letölthető pluginként még nem sikerült megtalálnom. IQ-ból pedig nem megy.

Lekötelezne valaki, ha tudna irányt mutatni :R


TomyLeeBoy
(tag)

Megoldódott már a problem?


D@ni88
(addikt)
Blog

<script src="http://code.jquery.com/jquery-1.5.js"></script>
<label class="valami1">Valami1</label>
<label class="valami2">Valami2</label>
<p class="valami1" style="display: none"> <?php include("content/valami1.php"); ?> </p>
<p class="valami2" style="display: none"> <?php include("content/valami2.php"); ?> </p>
<script>
$("label.valami1").click(function () {
$("p.valami1").show("slow");
$("p.valami2").hide("slow");
});
$("label.valami2").click(function () {
$("p.valami2").show("slow");
$("p.valami1").hide("slow");
});
</script>

Ha simán beinclude-olom, akkor megjelenik a tartalom és nem tűnik el. hogy lehetne megcsinálni, hogy ne kelljen ide külön bemásolni a forráskódot, hanem csak hivatkozni rá?


Brown ügynök
(senior tag)

A <script>...</script> részét mentsd js fájlba aztán így hivatkozz rá:

<script type="text/javascript" src="script.js"></script>


D@ni88
(addikt)
Blog

Valaki próbálta már ezt?

nekem valami nem stimmel :S


martonx
(veterán)

Hát ezt így ebből a képből senki nem fogja megmondani neked. Mondjuk forráskóddal sokat segítenél.
Egyébként mielőtt fórumon kérsz segítséget érdemes a dokumentációkat is átnézni, hidd el sokat segítenek :DD
Én például itt kezdeném: [link]


ubid
(őstag)

Helló!

Én még kezdő vagyok ebben a témában, ezért egy igen láma kérdést tennék fel :D de fel kell hiszen nem tudom megoldni...

egyenlőre csak a jquery-plugin.hu ről szedett dolgokkal pórbálkozok, értelmezgetem őket.

azt szeretném hogy egy html oldalon kettő darab plugin is érvenyesüljön.

Ezt hogyan lehet megoldani ? mert én leszedtem mind két plugin demojat és azokat egyesítettem. tehát a javascript fájlt egy mappába raktam.. egy css-t csináltam belőlük. stb.

de nem megy. ilyenkor egyik se működik. külön külön igen.

a java scriptet is egy fájlba kéne rakni ? vagy hogy lehet ezt megoldani ?
gondolom triviális a megoldás de mégse megy.

köszi a segítséget!


martonx
(veterán)

Szia!

Akárhány plugint használhatsz egyszerre egy oldalon (már persze hacsak azok hatása nem pont kioltja egymást).
Mindehhez annyit kell tenned, hogy nem kell tenned semmi különöset. Bemásolod a plugineket valami szimpatikus helyre, mondjuk csinálsz nekik egy js mappát.
Majd a html kódodban behivatkozod mindegyik plugint.


bush2021
(csendes tag)

Sziasztok!

Nekem a következő a problémám amire még eddig nem sikerült választ találtni.

Talán néhányan ismeritek a ThickBox névre hallgató csodálatos találmányt.
Van egy flash oldalunk és abban használjuk a galériát.

Na most ez a remek kis dolog firefoxban elinditja a loadert de a képet nem tölti be, amugy egyéb böngészőkbe müxik,
illetve hogy a képek mellé kiküld egy scrollt amit overflow hiddenel eddig a pillanatig nem sikerült eltüntetni.

2 óra googlézás után biznám rátok az ügyet

Előre is köszi


Sk8erPeter
(nagyúr)

Milyen jó lenne, ha nem csak úgy a vakvilágba kéne találgatnunk, mi lehet a probléma az oldallal... :D Egy kód vagy egy példaoldal megmutatása nem ártana... :U


martonx
(veterán)

Szia!

A ThickBox 2007-ben frissül utána. Szóval kuka. Felejtős. Nem gond, mert kismillió pont ugyanezt tudó jquery plugin van. A 2 órás guglizásból 5 percet rászánhattál volna arra, hogy egy olyat keresel, ami még élő, friss plugin. ahelyett, hogy egy őskövületet tákolgatnátok.


Sk8erPeter
(nagyúr)

Ráadásul a hivatalos honlapon is ajánl alternatívákat egyből, idézem:
"While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives.
colorbox
jQueryUI Dialog
fancybox
DOM window
shadowbox.js"


zserrbo
(aktív tag)

Hali!

Látom friss még a téma :) Épp elakadtam, hátha tud valaki segíteni.

Mutatom mi nem megy: [link]
Bal oldalt azt szeretném, ha alapból az első .leftcontent osztályú div jelenne meg.
Ha
- az elsőre kattintanak tűnjön el
- másikra akkor is tűnjön el az első, de a másik jelenjen meg
-tudja kezelni, ha olyan .almenure (a dátumra) kattintanak, aminek a .leftcontentje meg van jelenítve akkor eltűnjön simán.
Remélem érthető mire gondoltam.

Ezzel a kóddal próbáltam:
$(document).ready(function () {
$(".leftcontent").hide();
elso=$(".leftcontent:eq(0)").show();
$(".almenu").click(function() {
hanyadik=($(".almenu").index(this));


/*$(".leftcontent").filter(':eq(hanyadik)').show(600);*/
kattintott=$('.leftcontent:eq(' + hanyadik + ')');
if( $(".leftcontent:eq(0)") == $('.leftcontent:eq(' + hanyadik + ')') ) {
elso.hide(600);
} else {
elso.hide(600);
kattintott.show(600);
elso=$('.leftcontent:eq(' + hanyadik + ')');
}



});

});

A gond ott van, hogy sztem gáz van az összehasonlítással az ifben, mert ha 2x kattintok ugyanarra az elemre akkor is sztem az else ág hajtódik le. Eltűnik az doboz majd megjelenik.


martonx
(veterán)

Az, hogy szerinted mi hajtódik végre az ifnél az egy dolog. Az, hogy a Firebug / IE developer / Chrome develop tools (vagy mi a szösz a neve) mi hajtódik végre, na az a lényeg.
És ha már ezt így jól megnézted, akkor tudni fogod a választ is, remélhetőleg :DD


zserrbo
(aktív tag)

Alertet raktam az ágakba és mindig az else ág alertje iratódott ki. Így már jobb? :)

Azt még most se tudom hogyan lehet összehasonlítani két eredményhalmazt, azaz hogy mindkettő ugyanarra mutat-e, de így már megy:
$(document).ready(function(){
$(".leftcontent").hide();
$(".leftcontent:eq(0)").show();
$(".fo").click(function(){
if($(this).find(".leftcontent").css('display')=='none'){
$(".leftcontent").hide(500);
$(this).find(".leftcontent").show(500);
}else{
$(this).find(".leftcontent").slideToggle(500);
}
});
});

[ Szerkesztve ]


martonx
(veterán)

Na ne hülyéskedjünk már alertekkel 2011-ben. A te érdekedben, könyörgök nézd már meg egy web developer eszközzel.
Ráadásul rögtön látni fogod azt is, hogy mit mivel hasonlított össze, meg az egész folyamatot.


zserrbo
(aktív tag)

Most vissza raktam az első kódot csak hogy megnézzem, de nemtom mit kellene néznem. Azt látom a DOM fülön, hogy az elso és a kattintott is ugyanazt a dobozt jelöli ki és a hanyadik a 0. számot tartalmazza, de hogy miért hamis az első == kattintott kiértékelése az nem derül ki számomra.

[ Szerkesztve ]

üzenetek