Hirdetés
- Android alkalmazások - szoftver kibeszélő topik
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Magisk
- Apple iPhone 16 Pro - rutinvizsga
- One mobilszolgáltatások
- Műholdas AI chippel fedné le a bolygót a Samsung
- Xiaomi 15T - reakció nélkül nincs egyensúly
- Megvásárolható a Vivo X300 és X300 Pro Magyarországon, íme a hivatalos árak
- Yettel topik
- Íme az új Android Auto!
Új hozzászólás Aktív témák
-
-
Muton
addikt
Köszönöm a gyors választ Akkor minden div külön html-be, pedig milyen jó lett volna egy href=akérmi.html, target=valamiDivID páros
(amúgy qrva jó, hogy semmi sem megvalósítható, amit a főnökék kitalálnak
mondjuk nem az Ő hibájuk, mert ők sem (ahogy én sem) jqm fejlesztők, csak logikai úton indulnak el...) -
Karma
félisten
"Note: You cannot link to a multipage document with Ajax navigation active because the framework will only load the first page it finds, not the full set of internal pages. "
Tehát a settings.html-ed nem lehet többoldalas, mert megnyekken, és nem is tudsz adott aloldalra navigálni. Talán a legegyszerűbb az lenne, ha mindenhol áttérnél a single-page template-re.
Az index gyorsításához meg használj prefetchinget.
-
Muton
addikt
Heló!
Némi segítséget kérnék.
A helyzet az, hogy van az index.html-m, benne két div, aminek a data-role-ja page.
Amikor betöltődik az index, akkor megjeleníti az első div-et, de közben lefut egy script, és ha kell, akkor átvált a második div-re.
<script>
if (valami teljesul) {
$.mobile.changePage("#masikDivID", { transition: "pop"});
}
<script>Eddig minden rendben van, de.
Az a lényeg, hogy az index.html-t a lehető legkisebbre kell hagyni, hogy minél előbb be tudjon tölteni, ezért csak az első két div-page van benne, és a többi div-et külön html-ekbe kell raknom, csoportosítva, pl settings.html (app info divvel, user info divvel, stb), workArea.html (benne több divvel).Azt hogy tudom elérni, hogy scriptből meghívjam egy másik html bizonyos div-jét?
-
#1295
Karma
félisten
Sk8erPeter
#1294
Karma
félisten
válasz
Sk8erPeter
#1294
üzenetére
A hivatalos dokumentációból olvastam, az alapján leginkább semmi.
-
#1292
Karma
félisten
Speeedfire
#1291
Karma
félisten
válasz
Speeedfire
#1291
üzenetére
Természetesen az aszinkron, hacsak nem WebWorker szálban vagy a háttérben. Ne blokkold le a böngészőt. A jQuery 1.8-tól egyébként is deprecated állapotba került az async: false.
-
#1291
Speeedfire
félisten
Speeedfire
félisten
Ajax hívásnál melyik a jobb a szinkron vagy az aszinkron?
-
#1290
Sk8erPeter
nagyúr
Speeedfire
#1289
Sk8erPeter
nagyúr
válasz
Speeedfire
#1289
üzenetére
Oké, de ha a gondodat meg akarjuk oldani, akkor tudni kéne.
-
#1289
Speeedfire
félisten
Sk8erPeter
#1284
Speeedfire
félisten
válasz
Sk8erPeter
#1284
üzenetére
Itt most semmire.
Csak mutattam, hogy az ajax előtt definiáltam.
-
#1288
Male
nagyúr
Sk8erPeter
#1287
Male
nagyúr
válasz
Sk8erPeter
#1287
üzenetére
Gondolom szerintük "Jó az úgy!"...
-
#1286
Male
nagyúr
Sk8erPeter
#1284
Male
nagyúr
válasz
Sk8erPeter
#1284
üzenetére
Aki a saját gépén nem forgatta el előre, az a szerveren sem fogja már
-
#1285
martonx
veterán
Speeedfire
#1259
martonx
veterán
válasz
Speeedfire
#1259
üzenetére
Hűűű, miket nem tud ez a Yii... Viccet félretéve, ezt bármilyen framework meg tudja csinálni, sőt kézzel is oda fűzöd be a js-t, ahova jól esik
![;]](//cdn.rios.hu/dl/s/v1.gif)
-
#1284
Sk8erPeter
nagyúr
Speeedfire
#1282
Sk8erPeter
nagyúr
válasz
Speeedfire
#1282
üzenetére
Jó, és itt a $(this) mire vonatkozik nálad?
(#1283) Male : sztem is, de mondjuk az elforgatást inkább szerveroldalon kéne elvégezni, annak, aki feltöltötte, csak akkor olyan eszköz is kell, hogy rendelkezésére álljon.
-
#1283
Male
nagyúr
Sk8erPeter
#1279
Male
nagyúr
válasz
Sk8erPeter
#1279
üzenetére
Az kb az igényteleneknek van, akik nem forgatják be az álló képeket még a weboldalra kipakoláskor sem
(OFF: Mi a fene történt? Az FF-ben angol a billentyűzetem, de csak ott :S ...minden más ablakban normál magyar kiosztással megy... most notepadban írom meg a hozzászólást
) -
#1281
Karma
félisten
Speeedfire
#1280
Karma
félisten
válasz
Speeedfire
#1280
üzenetére
"var $this = $(this);"
Ha ezt a success callbackbe rakod, akkor nyilván nem fog működni, mert ott belül már teljesen más a scope
-
#1280
Speeedfire
félisten
Sk8erPeter
#1279
Speeedfire
félisten
válasz
Sk8erPeter
#1279
üzenetére
A valami miattot tényleg nehéz. Az ajax elején még okés, de a success-ben nem megy végbe, pedig ott is kellene még, hogy éljen a $(this). A fura, hogy saját változóval sem ment.
var $this = $(this);
Nem tudom, nekem hasznos volt a forgatás. De a loading pörgő forgó miatt átálltam a fancybox-ra.
-
#1279
Sk8erPeter
nagyúr
Speeedfire
#1278
Sk8erPeter
nagyúr
válasz
Speeedfire
#1278
üzenetére
A "valami miatt"-ot nehéz debuggolni.
(#1276) : speciel a forgatásnak sosem láttam igazi gyakorlati hasznát a clearbox-nál, csak mindig láttam, hogy van, de szerintem a felhasználók 99%-a kb. soha nem használja, legfeljebb egyszer kipróbálja, hogy hű de jó, hogy van ilyen.
-
#1278
Speeedfire
félisten
Speeedfire
#1277
Speeedfire
félisten
válasz
Speeedfire
#1277
üzenetére
Na jó, megvan a hiba oka. Nem voltam teljesen őszinte. Ez a 2 sor egy ajax success részben van és ott valami miatt már nem fut le.
-
#1277
Speeedfire
félisten
Speeedfire
félisten
Adott egy jquery ui tabs szerű dolog. Igazából ilyet szeretnék, de...
$(".fejlec").removeClass("active");
$(this).parent(".fejlec").addClass("active");Elvileg kattintásra minden .fejlec-ről, amin van leszedni az active class-ot, majd amire kattintottam arra egy egy active class-t, de mégsem...mit rontok el?
Leszedni leszedni a class-t, de hozzá már nem adja.html szerkezet
<div class="fejlec">
<a href="#"></a>
</div>
<div class="fejlec">
<a href="#"></a>
</div>
<div class="fejlec">
<a href="#"></a>
</div>
<div class="fejlec">
<a href="#"></a>
</div> -
#1276
Speeedfire
félisten
Sk8erPeter
#1275
Speeedfire
félisten
válasz
Sk8erPeter
#1275
üzenetére
Hát, hogy már megvan a fancybox alap.
Amúgy meg nincs olyan ami igazán bejönne. A clearbox volt jó anno, ott lehetett a képeket is forgatni, de betöltés jelző már nincs.
A fancybox meg igen jó, de nem lehet a képeket forgatni, letölteni. Szóval mindegyik másban jó. Bár lehet, hogy van egy másik ami meg mind tudja. -
#1275
Sk8erPeter
nagyúr
Speeedfire
#1274
Sk8erPeter
nagyúr
válasz
Speeedfire
#1274
üzenetére
Ömm, most ez nem tom, hogy függ össze.
-
#1274
Speeedfire
félisten
Sk8erPeter
#1273
Speeedfire
félisten
válasz
Sk8erPeter
#1273
üzenetére
Ok, bár ezek után lehet kedvet kapok készíteni egy saját fancyboxot.
-
#1273
Sk8erPeter
nagyúr
Speeedfire
#1272
Sk8erPeter
nagyúr
válasz
Speeedfire
#1272
üzenetére
Ja, jó ez így.
-
#1272
Speeedfire
félisten
Sk8erPeter
#1271
Speeedfire
félisten
válasz
Sk8erPeter
#1271
üzenetére
Én is pont emiatt gondoltam. Mert míg a chrome mutat lent egy folyamatjelzőt %-ban, addig a többi csak pörög. Gondoltam benyomok oda valamit, kicsit el van sötétítve a háttér, áttetszős és mozog középen egy kis kör.
-
#1271
Sk8erPeter
nagyúr
Speeedfire
#1270
Sk8erPeter
nagyúr
válasz
Speeedfire
#1270
üzenetére
Jó, hogy mutatsz egy töltődést jelző képet, mert így legalább lehet tudni, hogy valami fog történni, csak kicsit várni kell rá, és nem egy álló képet lát a júzer.
-
#1270
Speeedfire
félisten
Sk8erPeter
#1269
Speeedfire
félisten
válasz
Sk8erPeter
#1269
üzenetére
Rég drupaloztam már.
Ok, egy objektum metódusa.Mittudom én, csak kérdem, hogy ezzel így nincs-e baj.
-
#1269
Sk8erPeter
nagyúr
Speeedfire
#1268
Sk8erPeter
nagyúr
válasz
Speeedfire
#1268
üzenetére
Ez egy objektum metódusa, nem egy objektum, és még vannak átadott paraméterek is.
Azért is neveztem "inline"-nak, mert a Drupal is ezt a szót használja, két különálló példa innen:drupal_add_js('jQuery(document).ready(function () { alert("Hello!"); });', 'inline');
drupal_add_js('jQuery(document).ready(function () { alert("Hello!"); });',
array('type' => 'inline', 'scope' => 'footer', 'weight' => 5)
);De alapvetően ez a fenti kerülendő.
Ez a kettő például oké:drupal_add_js('misc/collapse.js');
drupal_add_js(array('myModule' => array('key' => 'value')), 'setting');====
Másodikra: nem értem, hogy érted, hogy "milyen dolog az".
Míg tart a folyamat, megjelenítesz egy töltést jelző képet, mi ezzel a gond? Semmi. -
#1268
Speeedfire
félisten
Sk8erPeter
#1267
Speeedfire
félisten
válasz
Sk8erPeter
#1267
üzenetére
Itt ez, de lehet hogy "elbeszélgetünk" egymás mellett.
Yii::app()->clientScript->registerScript(
'hide', //a js azonosítója a html kódban
'
//js kód
',
CClientScript::POS_READY
);Ja, kérdés. Milyen "dolog" az ha képfeltöltéshez csinálok egy fancybox szerű div-et és benne egy pörgő kép?
Post után úgyis újratölt az oldal.$(".gomb").click(function () {
var divheight = $(window).height();
var divwidth = $(window).width();
var divtop = (divheight/2);
var divleft = (divwidth/2);
var porogdiv = '<div id="porog" style="padding-top:'+divtop+'px; padding-left:'+divleft+'px; position:absolute; left:0; top:0; opacity:0.8; background: black; width:'+divleft+'px; height:'+divheight+'px;"><img src="/css/fancybox_loading.gif"></div>';
$("body").append(porogdiv);
}); -
#1267
Sk8erPeter
nagyúr
Speeedfire
#1266
Sk8erPeter
nagyúr
válasz
Speeedfire
#1266
üzenetére
Hogy mi az objektum?
Ez?
$adsasd = '
$('#loszar').html('asdasdasd');
';Én nem látom, hol van itt PHP-oldalról objektum
-
#1266
Speeedfire
félisten
Sk8erPeter
#1265
Speeedfire
félisten
válasz
Sk8erPeter
#1265
üzenetére
Nem volt jó, illetve ez nem string, hanem objektum.
-
#1265
Sk8erPeter
nagyúr
Speeedfire
#1264
Sk8erPeter
nagyúr
válasz
Speeedfire
#1264
üzenetére
Itt az "inline" kódot úgy értettem, hogy beleerőszakolva PHP-s stringekbe, de lehet, hogy rossz megfogalmazás volt.
-
#1264
Speeedfire
félisten
Sk8erPeter
#1263
Speeedfire
félisten
válasz
Sk8erPeter
#1263
üzenetére
Ezek nem inline JS kódok, mint írtam.
Ha van pl 3 view amit legenerálok egy oldalra és mondjuk mindben van JS kód, akkor a Yii ezeket egy <script> alá teszi be, megfelelően elnevezve őket. Nekem ezért is szimpatikus ez a megoldás.
De igyekszem majd rászokni a külön-külön js fájl írogatásra. Meg arra, hogy átadjam php változókat a js-nek. -
#1263
Sk8erPeter
nagyúr
Speeedfire
#1262
Sk8erPeter
nagyúr
válasz
Speeedfire
#1262
üzenetére
Pedig nem ismerem, csak gyorsan rákerestem.
Igen, hasonló tákolást Drupalban is lehet csinálni, ha nagyon akarod.
Mármint az inline JS-kódra gondolok, ami csak ilyen kényszermegoldás, de igazából iszonyat csúnya. Hasonló módon konvertál PHP-s tömböt JS-objektummá, ahogy a Yii, csak annyi különbséggel, hogy a Drupal egy elég jól bevált patternt használ, a Yii-nél nem láttam erre utalást, de mondjuk nem is nagyon olvastam utána.
Még a kezdetek kezdetén én is erőlködtem ilyesmivel, hogy PHP-vel íratok ki komplett JS-kódokat, mert hű de jó, hogy PHP-vel bele tudom generálni a kódot, de aztán rájöttem, hogy nincs olyan, amit ne lehetne átírni úgy, hogy kényelmesen kezelhető legyen sima JS-kóddal. Persze ezekhez érdemes frameworköt/CMS-t használni (ahogy végül is most tesszük), mert aztán az ember eljut oda, hogy feltalálja a spanyolviaszt. -
#1262
Speeedfire
félisten
Sk8erPeter
#1261
Speeedfire
félisten
válasz
Sk8erPeter
#1261
üzenetére
Még a végén kiderül, hogy jobban ismered a Yii-t, mint én.
Jónak tűnik ez a CJavaScript - encode().Én ezt szoktam használni:
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/js/jquery.form.js', CClientScript::POS_HEAD);
Yii::app()->clientScript->registerScript(
'hide', //a js azonosítója a html kódban
'
//js kód
',
CClientScript::POS_READY
);De sokszor van pl, hogy egy külön fájlba készítem el és csak azt húzom be az oldalra. Attól függ, hogy épp melyik "fekszik jobban".
-
#1261
Sk8erPeter
nagyúr
Speeedfire
#1259
Sk8erPeter
nagyúr
válasz
Speeedfire
#1259
üzenetére
Hát igen, ahogy sejtettem, van ilyen módszer Yii-ben is, nem kell hozzá gányolni, szóval a mindent PHP-vel kiíratós módszered felejtős:
CJavaScript - encode()
"Encodes a PHP variable into javascript representation.
Example:
$options=array('key1'=>true,'key2'=>123,'key3'=>'value');
echo CJavaScript::encode($options);
// The following javascript code would be generated:
// {'key1':true,'key2':123,'key3':'value'}
" -
#1260
Sk8erPeter
nagyúr
Speeedfire
#1259
Sk8erPeter
nagyúr
válasz
Speeedfire
#1259
üzenetére
"Illetve így még php-s változókat is bele tudok fűzni a kódba."
Inkább kéne valami objektum, ahol a beállításokat PHP-vel passzolgatod át, de komplett JavaScript-kódokat PHP-vel kiíratni elég gázos. Nagyon nem karbantartható, a JS-kód tulajdonképpen egy PHP-s string, így még annak a szintaktikai vagy egyéb hibáit sem írja ki az IDE (pl. NetBeans, Eclipse, stb.), nem kínál fel hozzá autocomplete-es kódokat, és így tovább, remélem nem kell sorolni.Az, hogy a headben vagy body végén jelenjen meg, és hogy a jQuery-t behúzza, azért nem egy olyan nagy valami.
Sejtem egyébként mire gondolsz, Drupalban is megadható ilyen a drupal_add_js() függvény segítségével, hogy adott JS-fájl(oka)t hova töltsön be a rendszer (header vagy footer), de attól még maga a JS-fájl teljesen különállóan kezelhető (mondjuk nagyon jó pattern van a moduláris JS-kezelésre), de ugyanennek a függvénynek a segítségével JavaScriptes beállítások is átpasszolhatóak (pl. drupal_add_js(array('myModule' => array('key' => 'value')), 'setting'); ), azok pedig egy settings objektum formájában a moduláris kódoknak kerülnek átadásra, így az a JS-kódból elérhető.
Tehát így is totál külön tudom kezelni a JS-fájlokat, de kódból így is széleskörűen tudom irányítani az egész betöltődését és egyebeket.
Szerintem Yii-ben is kell, hogy legyen erre értelmesebb módszer... -
#1259
Speeedfire
félisten
Sk8erPeter
#1258
Speeedfire
félisten
válasz
Sk8erPeter
#1258
üzenetére
Azért php-val, mert a yii-nek erre nagyon jó beépített függvényei vannak. Megtudom adni, hogy a js pl a head-ben jelenjen meg, esetleg a body végén. Illetve így még php-s változókat is bele tudok fűzni a kódba. Ja és magától behúzza a jquery-t is.
Igen, pont így van. Van egy üres div, amire ha föléviszi az egeret ajax-al behúz egy naptárt, amiben az sql-ben lévő adatokat is benne vannak. Adott napra, helyre van-e már valami megrendelés. Ahol van ott az adott hét elszürkül és ha fölé viszi az egeret a juzer, akkor meglátja qtip-ben a user adatait, hogy ő kicsoda.
Most jó a dolog, csak így kevésbé látványos. -
#1258
Sk8erPeter
nagyúr
Speeedfire
#1257
Sk8erPeter
nagyúr
válasz
Speeedfire
#1257
üzenetére
Ja, sejtem, hogy PHP-vel íratod ki, de ennek az okát nem igazán vágom... Miért?
Miért nem választod szét a PHP- és JS-kódokat?Ha jól értettem, itt arról van szó, hogy van egy naptár, amit megmutatsz a júzernek, az pedig az egyes napok fölé tudja vinni az egerét, és ha így tesz, akkor te egy qtip-cuccosban megmutatod az arra a napra vonatkozó adatokat.
Itt tényleg előfordulhat, hogy valaki rángatja az egerét, de szerintem erre fel kellene készítened a rendszert: ne érje folyamatos felesleges terhelés a szervert ilyen esetben, hanem beállíthatnál valami időlimitet, hogy mondjuk 5 másodpercen belül ne kérje le újból a szerverről még egyszer, hanem addig a helyi, már korábban lekért változatot mutassa meg egyszerűen, 5 másodpercen belül úgysem valószínű, hogy valami nagy változás fog történni az adott napra vonatkozóan (gondolom nem brutális forgalmú dologról van szó ).
Ez így gyorsabb is lenne.Persze látni kéne konkrétan, mi a gond nálad, és akkor könnyebb lenne róla vauvauzni.
-
#1257
Speeedfire
félisten
Sk8erPeter
#1256
Speeedfire
félisten
válasz
Sk8erPeter
#1256
üzenetére
Igen írta is a netbeans, csak én php-val iratom ki a yii-vel. De nem az a hiba.
Már sejtem mi lehet a gond. Most nem a hover-t nézem, hanem a mouseover-t és a qtip nem mozog az egérrel. Így nem bugzik be. Szerintem ott bukott eddig el, hogy amikor rángatja valaki az egeret nem tudja követni a qtip és ráhúzza a qtip div-re. Onnantól kezdve meg megszűnik a figyelés, mert az már a body végén van. Remélem érhetően írtam le.
Na, ez az ajax jsfiddle nem is rossz dolog. Meglesem majd.
-
#1256
Sk8erPeter
nagyúr
Speeedfire
#1217
Sk8erPeter
nagyúr
válasz
Speeedfire
#1217
üzenetére
Miért nem csekkoltad le legalább egyszer ezt a kódot JSLinttel (akár NetBeans-en belül) vagy hasonlóval?
Felesleges vesszők vannak benne, ez egyből látszik, ha jsFiddle-ön validálod (JSLinttel szintén); persze nem tudom, ettől "törik-e el" a kód, vagy más a probléma, de ezeket mindenképp javítani kell:show: {
solo: true,
ready: true,
when: {
event: "mouseover"
},
},
api: {
onHide: function() {
$(".qtip").qtip("destroy");
},
},
position: {
target: "mouse"
},
});Aláhúztam a problémás helyeket, ahol felesleges vesszők vannak a kódok végén.
Most én hiába dobom be jsFiddle-be, úgysincs meg a $("#kiemelesek-tabla .ajaxnaptar") selectornak megfelelő elemem, ha azt a naptárat (legalább egy részletet) bedobnád, akkor az segítene. Persze lehetne egy akármilyen elemet legenerálni, utánanézegetni, mi felelne meg a qtipnek, de nehogy már én dolgozzak vele.Egyébként meg lehet tesztelgetni AJAX-os kéréseket is jsFiddle-ön, nincs túlzottan eldugva az erről szóló bal oldali panel:
"Testing Ajax requests
Echo apis are created to simulate Ajax calls: /echo/json/ for JSON, http://jsfiddle.net/echo/jsonp/ for JSONP, /echo/html/ for HTML and /echo/xml/ for XML.
Please read API documentation and follow examples."
-
#1254
Karma
félisten
Speeedfire
#1253
Karma
félisten
válasz
Speeedfire
#1253
üzenetére
Akkor nagyon világított a hiba, meg tartottam tőle hogy reménytelen, ezért nem mondtam a JSFiddle-t. Most már tényleg érik.
-
#1253
Speeedfire
félisten
Sk8erPeter
#1251
Speeedfire
félisten
válasz
Sk8erPeter
#1251
üzenetére
Nem egy JSFiddle, de ...
-
#1252
Male
nagyúr
Sk8erPeter
#1251
Male
nagyúr
válasz
Sk8erPeter
#1251
üzenetére
Jó volt az, ez várható hibajelenség volt
...én kicsit máshogy alakítottam át közben, mivel külön formokban vannak (jó, ezt nem tudhattad... még én is variáltam akkor, hogy hogyan legyen), így egyszerűen a click-et jobban becélzom (form id-je + a class), hogy melyik melyikre hasson, és így már tökéletes. Végülis ugyan ezt éri el a tiéd is a next-tel. (Lesz olyan combobox is az oldalon, amibe bele lehet írni, így a sima classos megoldás már ott is bukna, ezért indultam ebbe az irányba. Na igen, ezt az infót sem írtam korábban ) -
#1251
Sk8erPeter
nagyúr
Male
#1245
Sk8erPeter
nagyúr
Ja igen, erre is írtam, hogy a legprimitívebb megoldással csináltam, ilyen hibalehetőségeket egyáltalán nem lekezelve, épp ezért nem szép megoldás, de azt hittem, most gyorsan kell, és csak egy selected van.
Most akkor hadd írjak egy hasonlóan tuskó megoldást
$uiComboboxInput = $('.ui-combobox-input');
$uiComboboxInput.attr('readonly', true);
$uiComboboxInput.click(function(){$(this).next('.ui-combobox-toggle').click();});
Igazából csak a next()-et raktam bele pluszban.===================
(#1248) martonx :
ezzel teljesen egyetértek, igazából elég nevetséges, hogy mennyire nem is bővítgetik a UI-t, bár lehet, hogy csak én nem vettem észre igazán komoly változásokat, de várnék valami nagy durranást tőle, ehhez képest még egy ilyen probléma sem oldható meg szépen, mint a fenti (bár biztos lehetne szebben a mutatott kódnál, de most nem volt kedvem kotorászni), pedig elég alapvető elvárás lehet.
Csomó jó ötlet össze van pakolva, de valahogy akkor is nagyon félkésznek érzem a UI-csomagot.=====================
(#1250) Speeedfire :
ez a "néha bugos lesz" elég gyanús, sanszos, hogy valamit Te rontasz el.
Mutathatnál esetleg kódot jsFiddle-ön, biztos tudnánk segíteni. -
#1250
Speeedfire
félisten
Karma
#1247
Speeedfire
félisten
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.
-
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 ).
-
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. -
#1247
Karma
félisten
Speeedfire
#1243
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?
-
#1246
v2izzy
tag
Speeedfire
#1243
v2izzy
tag
válasz
Speeedfire
#1243
üzenetére
Ez visszaad egy objektumot, az adott elementhez tartozó eventeket. Vizsgáld meg inspector-ral.
-
#1245
Male
nagyúr
Sk8erPeter
#1244
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 ) -
#1242
v2izzy
tag
Speeedfire
#1241
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") -
#1241
Speeedfire
félisten
Speeedfire
félisten
Egy eventet, hogy lehet elkapni, megvizsgálni?
pl$(".valami").each(function(event){
//ide kellene valami pl ha az event click akkor valamit csináljon
}); -
#1240
Male
nagyúr
Sk8erPeter
#1239
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
-
#1238
Male
nagyúr
Sk8erPeter
#1237
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) -
#1237
Sk8erPeter
nagyúr
Male
#1236
-
#1236
Male
nagyúr
Sk8erPeter
#1235
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
-
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ő
) -
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 )
-
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.
-
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.
-
#1217
Speeedfire
félisten
martonx
#1214
Speeedfire
félisten
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"
},
});
}); -
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?
-
#1215
Karma
félisten
Speeedfire
#1213
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.
-
#1214
martonx
veterán
Speeedfire
#1213
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. -
#1213
Speeedfire
félisten
Speeedfire
félisten
Valakinek tipp erre?
Itt már nem mertem megkérdezni, mert ... -
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.
-
-
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);
});
}
}); -
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);
});
}
}); -
#1206
martonx
veterán
Speeedfire
#1204
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.
-
#1205
Speeedfire
félisten
Speeedfire
#1204
Speeedfire
félisten
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 ]
-
#1204
Speeedfire
félisten
Speeedfire
félisten
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;
}); -
#1202
Karma
félisten
Speeedfire
#1201
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.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
- alza vélemények - tapasztalatok
- Sütés, főzés és konyhai praktikák
- Android alkalmazások - szoftver kibeszélő topik
- Óra topik
- Hardcore café
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Magisk
- Milyen TV-t vegyek?
- Synology NAS
- További aktív témák...
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő