- Otthoni hálózat és internet megosztás
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Hálózati / IP kamera
- Bittorrent topik
- Ubuntu Linux
- HBO Max & OD topic
- Vodafone otthoni szolgáltatások (TV, internet, telefon)
- Synology routerek
- Facebook profil letiltás kapcsolt ismeretlen Instagram fiók miatt
- Kaspersky Antivirus és Internet Security Fórum
Új hozzászólás Aktív témák
-
Speeedfire
nagyúr
Törékeny alatt mit értesz?
Azt csak azért raktam oda, hogy ha valaki csak végig húzza az egeret ne jelenítse meg mind a két div-et. Így meg csak akkor jeleníti meg "ha az egér rajta van még".Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Karma
félisten
válasz Speeedfire #1201 üzenetére
Törékeny alatt azt értem, hogy ha a jQuery megváltoztatja a hide() viselkedését valamiért, és nem "display: none"-t használ, akkor nem működik tovább.
Tisztább lenne, ha $(element).is(":visible")-re cserélnéd.
“All nothings are not equal.”
-
Speeedfire
nagyúr
Ha egy elem csak a "jövőben" jön létre, akkor az on()-t kell rá használni igaz?
pl van egy #container div amiben majd egyszer lesz egy .pelda p mondjuk.
Ha így hivatkozok rá akkor az jó?$('.pelda').on("click", function(event){
return false;
});Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz Speeedfire #1204 üzenetére
Végül ez lett belőle.
Van amin lehetne még javítani?$(".ajaxnaptar").hide();
function ajaxnaptar(ho) {
$.ajax({
url: "'.Yii::app()->baseUrl.'/kiemeles/ajaxnaptar/",
type: "GET",
data: "ho="+ho,
async: true,
cache: true,
success: function(data) {
if($this.children(".szoveg").is(":visible") == false ) {
$this.children(".ajaxnaptar").show();
$this.children(".ajaxnaptar").html(data);
}
}
});
}
$("#kiemelesek-tabla .rows").mouseover(function(event){
$this = $(this);
$(this).children(".szoveg").hide();
ho = "'.(date('Y').'-'.date('m')).'";
if($this.children(".ajaxnaptar").is(":visible") == false ) {
ajaxnaptar(ho);
}
}).mouseleave(function(event){
$(this).children(".ajaxnaptar").hide();
$(this).children(".szoveg").show();
});
$("#kiemelesek-tabla .ajaxnaptar").on("click", ".lapozo", function(event){
var ho;
var t;
t = $(this).parent(".ajaxnaptar");
ho = $(this).attr("rel");
ajaxnaptar(ho);
return false;
});[ Módosította: #65675776 ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
martonx
veterán
válasz Speeedfire #1204 üzenetére
Ember, annyi fáradtságot vegyél már, hogy megnézed a jquery hivatalos dokumentációt mielőtt hülyeségeket kérdezel. Mondjuk kezdtnek google -> jquery .on keresőszavakra az első találatot javaslom.
Én kérek elnézést!
-
martonx
veterán
Sziasztok!
Tudtok-e ajánlani valami jó kép feltöltő jquery plugint? Olyan kellene, amivel még kliens oldalon rögtön át is tudom méretezni a feltöltendő képet.
Ezt használom jelenleg: https://github.com/blueimp/jQuery-File-Upload
Maga a feltöltés része működik is, de az átméretezést nem sikerül működőképesre beparamétereznem, és sehol nem találtam hozzá egy működő példa kódot.Itt van a jelenlegi működő kódom (tudom, hogy az .each ebben a kódban felesleges, mielőtt szóvá tennétek ):
$("#file").fileupload({
url: "../Account/FileUpload",
dataType: "json",
done: function (e, data) {
$.each(data.result, function (index, name) {
var insert = "<img src='" + name + "' height='120' width='160' />";
$("#avatar").append(insert);
});
}
});Ezt kellene valami ilyesmire átalakítani (nem működik az alábbi kód):
$('#fileupload').fileupload({
url: "../Account/FileUpload",
dataType: "json",
process: [
{
action: 'load',
fileTypes: /^image\/(gif|jpeg|png)$/,
maxFileSize: 20000000 // 20MB
},
{
action: 'resize',
maxWidth: 1920,
maxHeight: 1200,
minWidth: 800,
minHeight: 600
},
{
action: 'save'
}
],
done: function (e, data) {
$.each(data.result, function (index, name) {
var insert = "<img src='" + name + "' height='120' width='160' />";
$("#avatar").append(insert);
});
}
});Én kérek elnézést!
-
martonx
veterán
Sziasztok!
Tudtok-e ajánlani valami jó kép feltöltő jquery plugint? Olyan kellene, amivel még kliens oldalon rögtön át is tudom méretezni a feltöltendő képet.
Ezt használom jelenleg: https://github.com/blueimp/jQuery-File-Upload
Maga a feltöltés része működik is, de az átméretezést nem sikerül működőképesre beparamétereznem, és sehol nem találtam hozzá egy működő példa kódot.Itt van a jelenlegi működő kódom (tudom, hogy az .each ebben a kódban felesleges, mielőtt szóvá tennétek ):
$("#file").fileupload({
url: "../Account/FileUpload",
dataType: "json",
done: function (e, data) {
$.each(data.result, function (index, name) {
var insert = "<img src='" + name + "' height='120' width='160' />";
$("#avatar").append(insert);
});
}
});Ezt kellene valami ilyesmire átalakítani (nem működik az alábbi kód):
$('#fileupload').fileupload({
url: "../Account/FileUpload",
dataType: "json",
process: [
{
action: 'load',
fileTypes: /^image\/(gif|jpeg|png)$/,
maxFileSize: 20000000 // 20MB
},
{
action: 'resize',
maxWidth: 1920,
maxHeight: 1200,
minWidth: 800,
minHeight: 600
},
{
action: 'save'
}
],
done: function (e, data) {
$.each(data.result, function (index, name) {
var insert = "<img src='" + name + "' height='120' width='160' />";
$("#avatar").append(insert);
});
}
});[ Szerkesztve ]
Én kérek elnézést!
-
Karma
félisten
-
martonx
veterán
IE9 és FF15, meg Chrome akárhányas - a legújabb. Egyiknél sem csinál semmit a resizing.
No mindegy, az IE miatt amúgy is kezelnem kell szerver oldalon az átméretezést.
Mivel publikus hoszting-on lesz a készülő cucc, aminek mind a sávszélessége, mind a napi adat forgalma, mind a szerver erőforrása erősen limitált, így gondoltam legalább FF, meg chrome alól ne érkezzenek több megás képfeltöltések.Ez a plupload egészen jópofának tűnik, lehet ezzel 100%-ban ki tudnám váltani a szerver oldali átméretezést. Este kipróbálom.
Én kérek elnézést!
-
Speeedfire
nagyúr
Valakinek tipp erre?
Itt már nem mertem megkérdezni, mert ...Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
martonx
veterán
válasz Speeedfire #1213 üzenetére
Ha nem tökéletesen hülyeséget kérdezel, ami kerek-perec le van írva a Jquery dokumentációjában, akkor nincs baj a kérdéseiddel.
Ahogy néztem, az lehet a baj, hogy a #table selectorod túl általános. Erre rákötve a hover-t, az folyamatosan elsül.Én kérek elnézést!
-
Karma
félisten
válasz Speeedfire #1213 üzenetére
Megint az a baj, hogy az .on()-nak hála a hover közben újra meg újra lefut a qtip példányosítása, aminek nyilván nem kellene. Ezt jól megállapítottad a prog.hu-s topikban. Ahogy láttam, a többi kommentelő igen sötét az ügyben egyébként. Oda felesleges vinni a kérdéseket.
Kis keresgéléssel találtam egy ilyen megoldást:
$('selector').live('mouseover', function() {
$(this).qtip({
overwrite: false, // Make sure another tooltip can't overwrite this one without it being explicitly destroyed
content: 'I\'m a live qTip'
show: {
ready: true // Needed to make it show on first mouseover event
}
})
})A live()-ot adaptálnod kell on()-ra, de az már nem nagy falat.
[ Szerkesztve ]
“All nothings are not equal.”
-
Soak
veterán
Sziasztok !
Van egy ilyen kódom :
$(document).ready(function(){
$('.show_hide').showHide({
speed: 1000,
easing: 'easeInSine',
changeText: 0,
showText: 'View',
hideText: 'Close'
});
});Tökéletesen müködik, ha a div magassága fix-re van állítva. Viszont ha csak a minimumát adom meg ( min-height:200px; ) az animáció teljesen random működik, leginkább nem. Mi erre a megoldás?
-
Speeedfire
nagyúr
válasz martonx #1214 üzenetére
Jogos volt, csak én hiába kerestem nem találtam először ezt meg.
Karma: Ezt a ready-t néztem már én is, de a hover kell mindenféleképpen. Ellenkező esetben "szaggat", ahogy húzom az egeret. Viszont így hoverrel, ha lehúzom az egeret a kijelölt objektumról ott marad a legutolsó.
Ez lett a megoldás végül. Megnéztem az "api"-val az onHide eseményt, majd eltüntettem az összes .qtip elemet.$("#kiemelesek-tabla .ajaxnaptar").on("hover", ".foglalt", function() {
$(this).qtip({
content: {
method: "get",
data: {
id: $(this).attr("rel")
},
url: "'.Yii::app()->baseUrl.'/hirdetes/ajaxtipkiemeles"
},
style: {
name: "cream",
width: 220
},
show: {
solo: true,
ready: true,
when: {
event: "mouseover"
},
},
hide: {
when: "mouseout",
target: false,
},
api: {
onHide: function(){
$(".qtip").qtip("destroy");
},
},
position: {
target: "mouse"
},
});
});Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Karma
félisten
Igazán összerakhatnál egy demót JSFiddle-ön, hogy ne nekünk kelljen összevadászni ezt a showHide-ot meg ilyenek...
Egyébként meg adja magát: ha csak min-heightet írsz elő, akkor a height animálása (amit valószínűleg ez a plugin csinál, a minimumhoz értelemszerűen nem nyúl) ez ellen dolgozik, vibrál egy kicsit és úgyis a min-height lesz az erősebb.
“All nothings are not equal.”
-
Karma
félisten
Az előző összekeveredés sztornó, most olvastam a slideUp() dokumentációját:
"Once the height reaches 0 (or, if set, to whatever the CSS min-height property is), the display style property is set to none to ensure that the element no longer affects the layout of the page."
Tehát az biztos, hogy a teljes animációért a min-heightet 0-ra kell állítanod, mielőtt elkezded a slideUpot. Egy class remekül fekszik erre a feladatra szvsz.
“All nothings are not equal.”
-
Karma
félisten
Közben ne rakd rá, mert elrontja az animációt (próbáltam).
Játszottam kicsit, így működik, de nem vagyok rá büszke.“All nothings are not equal.”
-
Karma
félisten
Ha már tanulmányozod, kicsit tuningoltam még rajta. Most már, mint egy rendes jQuery plugin, több elemre is meg lehet hívni egyszerre, lásd a példát
“All nothings are not equal.”
-
Male
nagyúr
Csak egy rövid jQuery UI kérdésem lenne: Van egy "combobox" lehetőség itt, ami lenyitható select, de bele is lehet írni tetszőleges szöveget. Pár helyen használnám egy oldalon, de néhol sima select kéne a helyére ( tehát ne lehessen beleírni mást, csak választani a listáról ). A kérdés, hogyan lehet ezt azonos kinézettel megoldani? ( én vagyok a béna, hogy nem találok ebből sima select verziót a doksiban, vagy tényleg nincs )
Lehetőleg külön plugin nélkül szeretném megoldani... már csak az ui-hoz készített custom css miatt is. ( illetve az se lenne szép megoldás, hogy be lehet írni, csak hibát jelzek vissza )
-
Male
nagyúr
Köszi!
Ettől tartottam Nem értem, miért hagyták ki... így lehetne szép, egységes kinézet.
Ha a "Custom data and display"-re gondolsz, abban meg pont a lenyitó gomb nincs benne. ...holnap nekiállok akkor átalakítani, gondolom össze lehet hozni ( pl amit csinál sima input mezőt, azt ha readonlyvá teszem, akkor... na ilyet még úgysem csináltam, a JS gyanítom át tudja írni az értékét ugyan úgy, de a felhasználó nem tud beleírni.... most elsőre ez ugrott be, amivel megkerülhető )
[ Szerkesztve ]
-
Male
nagyúr
válasz Sk8erPeter #1235 üzenetére
Köszi! Tényleg megy, csak bele lehet kattintani... még akkor kéne egy olyan, hogy belekattintásra is lenyílik, és tökéletes
-
Sk8erPeter
nagyúr
-
Male
nagyúr
válasz Sk8erPeter #1237 üzenetére
Köszi, ez így nekem teljesen jó! ...aztán majd csinálnak egy sima selectet is egyszer az UI-ben (pluginnel van, de egyrészt akkor mégegy betöltendő dolog, másrészt annak a CSS-ét is át kell akkor alakítani, hogy azonos legyen az UI-hez összehozottal)
-
Male
nagyúr
válasz Sk8erPeter #1239 üzenetére
Hm, én ezt találtam hozzá tegnap (tetszene amelyik fel-le nyílik ki, középen az épp kiválasztottal). Mindkettőnél gond, hogy a CSS-üket át kell írni teljesen (az UI-hez custom változatot használok), ehhez a macerához meg nagyon nincs kedvem most
-
Speeedfire
nagyúr
Egy eventet, hogy lehet elkapni, megvizsgálni?
pl$(".valami").each(function(event){
//ide kellene valami pl ha az event click akkor valamit csináljon
});Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
v2izzy
tag
válasz Speeedfire #1241 üzenetére
Arra gondolsz, hogy hogy lehet megvizsgálni milyen event-ek tartoznak egy elementhez? Ha jQuery-vel adtad hozzá őket akkor, ezt vizsgáld:
Régebbi version-ök:
$(".valami").data("events")
Újba (1.8):
$._data(element, "events")http://flic.kr/ps/MuuJU | @gerhard_berger | https://github.com/gerhardberger
-
Male
nagyúr
válasz Sk8erPeter #1244 üzenetére
Hm, ennyire nem hasonlítottam össze... a multiple select tényleg hasznos dolog. Megnézegetem még.
(A readonly bevált, a belekattintás hozzárendelése viszont nem jó sajnos, mert több ilyen select is van egy oldalon... aztán egyikre kattintok, és a másik nyílik le néha ...holnap ha nem lesz villámlás, akkor folytatom )
-
v2izzy
tag
válasz Speeedfire #1243 üzenetére
Ez visszaad egy objektumot, az adott elementhez tartozó eventeket. Vizsgáld meg inspector-ral.
http://flic.kr/ps/MuuJU | @gerhard_berger | https://github.com/gerhardberger
-
Karma
félisten
válasz Speeedfire #1243 üzenetére
Nein! Ez nem arra való, mint amire ránézésre gondolsz. A data-val az elementhez rendelt eseménykezelőket tudod lekérdezni, semmi köze az elsülő eseményekhez...
Alapjáraton elég blődnek tűnik a kérdés, hiszen minden eseményhez külön függvényt rendelhetsz, miért kéne az eseménykezelőn belül disztingválni?
“All nothings are not equal.”
-
martonx
veterán
Egyébként röhej, hogy az alap Jquery UI mennyire minimális funkcióval bír.
Nincs benne select, nincs benne grid, nincs benne upload. Persze mindenhez lehet találni ilyen-olyan plugineket, de nagyon macerás őket összeválogatni, css-ezni.
Egy újabb Jquery változat kiadása helyett, igazán gatyába rázhatnák már végre az UI-t.Én kérek elnézést!
-
Male
nagyúr
válasz martonx #1248 üzenetére
Leginkább a CSS része gáz, igen... mert oké, a pluginhez ott vannak az alap témák általában, de ha egyedit használsz az UI-hez, akkor véged van.... szépen egyesével írkálhatod át a CSS-ben az értékeket. Az lenne nagy durranás, ha a custom verzió legenerálásnál elmentené egy külön fileba a beállításokat, és ez alapján a pluginek is el tudnák készíteni az ehhez illő CSS-üket ( mert végülis az alapéból már következik az összes szín, méret, stb. ami a pluginnek kellhet ).
-
Speeedfire
nagyúr
Az utóbbi példámmal kapcsolatan van, hogy néha bugos lesz ha hirtelen lehúzom róla az egeret. Ilyenkor a létrehozott Qtip ott marad még akkor is ha a figyelt mező már nem létezik. Erre akarom megoldani, hogy ha az egeret leveszem a figyelt mezőről akkor mindig törli a Qtip div-et.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
Új hozzászólás Aktív témák
- ASUS H97-PRO alaplap 1150 Intel H97 lapkakészlet, 4xDDR3, SATA 3.0, HDMI, M.2 SSD foglalat
- Macbook Pro 16 M1 PRO 10C/16C 16GB - 1TB Magyar billentyűzet - Garanciális 2025.augusztus 4.-ig
- Sharkoon TG5 számítógép ház Corsair HX650 tápegységgel eladó
- Asus V8460 Ultra ( Geforce 4 Ti 4600 )
- HP Prodesk 600 G5 DM, Tiny i5-9500T , 8-16GB DDR4 , 256GB NvME , 2 év gari , AAM számla
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Alpha Laptopszerviz Kft.
Város: Pécs