Új hozzászólás Aktív témák
-
whYz
addikt
Megtalaltam mire lenne szuksegem: [link]
Itt is a 3 columns valtozatra.
A bokkeno csak annyi, hogy fizetos. -
Sk8erPeter
nagyúr
Ja, OK, értem már, mit szeretnél, szerintem nem kell feltétlenül ehhez JavaScript, ahogy martonx is írta, CSS-ben is megoldható, úgy keress rá, hogy "multi-column dropdown menu", biztos találsz ezermillió megoldást rá, például itt ha a Categories fölé viszed az egeret, akkor többoszlopos megjelenítést láthatsz: http://apps.wittysparks.com/tutorials/css/pure_css_menu.html
Szerk.: na, én meg közben elhúztam egy kis időre, és nem frissítettem, látom közben megtaláltad magadtól is, hogy a multi-column változatra van szükséged.
[ Szerkesztve ]
Sk8erPeter
-
whYz
addikt
válasz Sk8erPeter #1802 üzenetére
Megoldottam. Sokkal egyszerubb volt mint gondoltam, csak egy float kellett es egymas melle csusztak a listaelemek. Megint tul akartam bonyolitani
-
trisztan94
őstag
Szervusztok!
Sajnos nem működik a kódom (jsFiddle példa)
A lényeg:
Ha látható volt a #SpecifyCodeSnippetLanguage text input amikor fel lett adva a form, akkor azt az üzenetet dobja, hogy "it's ok", amennyiben nem volt látható azt dobja, hogy "hello". Nyilván nem ez lesz a végleges verzió, csak sehogy sem bírom rávenni, hogy működjön.Mi lehet a hiba?
Köszönöm!
[ Szerkesztve ]
https://heureka-kreativ.hu
-
Sk8erPeter
nagyúr
válasz trisztan94 #1805 üzenetére
if($('#SpecifyCodeSnippetLanguage').css('display', 'none'))
Ez a feltétel eleve értelmetlen, mivel itt a display-nek none értéket adsz, és vizsgálgatod a visszatérési értékét.Így lenne értelmes:
if($('#SpecifyCodeSnippetLanguage').css('display') === 'none')
Ezenkívül inline-block jelenleg a szövegmező, tehát a sima inline-ra való vizsgálgatás nem lenne jó.
Még valami, simán rossz kódolási szokással kapcsolatos megjegyzés/javaslat:
$('#SpecifyCodeSnippetLanguage').css('display')
ezt egy függvényen belül nem érdemes többször hívogatni, mivel túl sok overheadet jelent.Így lehet elkerülni az overheadet:
var $customCodeSnippetLanguageElement = $('#SpecifyCodeSnippetLanguage');
var $customCodeSnippetLanguageElementVisibility = $customCodeSnippetLanguageElement.css('display');
if($customCodeSnippetLanguageElementVisibility === 'none'){
// ...
} else if($customCodeSnippetLanguageElementVisibility === 'inline-block'){
// ...
}így nem lesz túl sok felesleges függvényhívásod.
[ Szerkesztve ]
Sk8erPeter
-
trisztan94
őstag
válasz Sk8erPeter #1806 üzenetére
Köszönöm szépen
Igen, én is gondoltam erre, firebug dobálta ki a felesleges overheadeket, de fogalmam sem volt, hogy mitől, most már világos.https://heureka-kreativ.hu
-
Sk8erPeter
nagyúr
válasz trisztan94 #1807 üzenetére
Szívesen!
"firebug dobálta ki a felesleges overheadeket"
Ezt hogy érted, hogy "dobálta ki" az overheadeket?Sk8erPeter
-
trisztan94
őstag
válasz Sk8erPeter #1808 üzenetére
Programozás tanárom ajánlott még annó egy bővítményt Firebug-hoz, mellyel jobban lehet debugolni a js-t / különböző library-ket. Hirtelen nem jut eszembe a neve, nem találom sehol, majd megkérdezem, ha érdekel
A lényeg, hogy notice-ba írta, hogy unnecessary memory hog (gondolom ez az overhead ? )
https://heureka-kreativ.hu
-
Sk8erPeter
nagyúr
válasz trisztan94 #1809 üzenetére
Ja, hát ha valami plusz kieg., engem érdekelne, melyik az.
Az "unnecessary memory hog" kifejezés azért többre utal, mint a felesleges "overhead", mert az előbbi konkrétan azt jelenti, hogy valahol zabálja a kódod a memóriát, utóbbi meg "csak" azt, hogy a kódod túl sok felesleges lépést tartalmaz, jobban is lehetne spórolni az erőforrásokkal, és azzal, hogy ne legyen össze-vissza ugrálás a kódban; ilyen lehet például számtalan tök felesleges függvényhívás, amikor mondjuk bizonyos visszatérési értékeket el is tárolhatnál egy változóban, és azt használhatnád fel a kódodban máshol is. Ez persze nyilván összefügghet felesleges memóriakajálással is, tehát a két fogalom nem áll távol egymástól, de azért mégis picit mást jelent.
Sk8erPeter
-
trisztan94
őstag
válasz Sk8erPeter #1810 üzenetére
Oh, köszi a felvilágosítást
Majd megkerdezem pontosan, hogy mi az, sajnos nem írja sehol sem a firebug, hogy milyen pluginok vannak felrakvahttps://heureka-kreativ.hu
-
martonx
veterán
válasz trisztan94 #1811 üzenetére
elég ha a firefox pluginjeidet megnézed
engem is érdekelne, egy ilyen js elemző firebug bővítmény.Én kérek elnézést!
-
Sk8erPeter
nagyúr
válasz trisztan94 #1811 üzenetére
"sajnos nem írja sehol sem a firebug, hogy milyen pluginok vannak felrakva"
Hát nyomass a Fájörfoxban egy Ctrl+Shift+A-t, ott tudsz kotorni a felrakott extensionjeid közt.Sk8erPeter
-
trisztan94
őstag
-
Muton
addikt
Heló!
Van egy sorom: egy wrapper div-em abban egy checkbox egy sima szöveg div és egy ikon
ki van a külső divre jelölve click-re egy funkció. hogy tudom megoldani, hogy ha a checkboxra kattintok, arra ne működjön?
<div class="wrapper">
<div class="checkbox">
<input type="checkbox" id="1" />
</div>
<div class="title">gyömülcs</div>
<div class="icon"></div>
</div>$(".wrapper).click( function() { alert(alma); });
$("#1").click( function() { alert(körte); });Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
Legegyszerűbb workaround, ami eszembe jutott:
$(document).ready(function () {
$(".wrapper").click(function (e) {
// ez a lényeg
if(e.target.id !== "mycheckbox"){
alert("alma");
}
});
$("#mycheckbox").click(function () {
alert("körte");
});
});http://jsfiddle.net/Sk8erPeter/wTkkr/
Másik módszer:
if( !$(e.target).is("input, div") ) {
// ...
}Ez viszont persze teljesítményben rosszabb, mint az előző, tehát az e.target.id összevetése egy stringgel.
Sk8erPeter
-
Muton
addikt
válasz Sk8erPeter #1817 üzenetére
Erre gondoltam, azt hiszem az első verzió pont nekem való! Köszönöm!
Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
Szívesen!
Most amúgy kíváncsi lettem, vajon milyen különbség van a kettő között rengetegszer lefuttatva, és én azért meglepődtem, hogy igazából releváns különbség nincs:
http://jsperf.com/jquery-event-target-difference
(Ha az ember sokszor futtatja, még olyan eset is kijön, hogy az első lassabb, pedig az egy kicsit meglepő... )
Ez az oldal egyébként jó tesztelésre.
Sk8erPeter
-
Muton
addikt
válasz Sk8erPeter #1819 üzenetére
basszus! nem kicsit gyorsabb a chrome nem is gondoltam, hogy ekkora különbség van köztük. ideje lenne váltanom...
Muton#2316 - $z@r a drop >_<
-
Muton
addikt
válasz Sk8erPeter #1821 üzenetére
A ff-nál. kb 3x. Viszont a ff-ra van "Naruto Kyuubi sennin mode" skin... szóval mégis nyert
Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
Ja, hogy a Firefoxnál gyorsabb a Chrome, az nem meglepő, én annál amikor még HDD-m volt, még az IE8-at is gyorsabbnak éreztem...
Sajnos a Fájörfoxszal kapcsolatban elég rosszak a tapasztalataim mostanság, régen csak úgy simán nem volt szimpi a felülete miatt, de most meg már vánszorgós is a többi böngészőhöz képest.Sk8erPeter
-
Muton
addikt
válasz Sk8erPeter #1823 üzenetére
nekem bejött a sok plugin a ff-hoz
ON:
formázgatom a felületet kínomban, és olyan király cuccot találtam, hogy írok is a főnökségnek, hogy tartalék gatyával jöjjenek, mert szükségük lesz rá, ha megnézik a mai upgradetMuton#2316 - $z@r a drop >_<
-
Muton
addikt
válasz Sk8erPeter #1825 üzenetére
Nekem az
Mármint a dives verzió. Az oldal lapozásnál használtam már, de nem gondoltam, hogy ennyire általános, és mindenhol használható. Ma is tanultam valamit
Muton#2316 - $z@r a drop >_<
-
martonx
veterán
válasz Sk8erPeter #1825 üzenetére
Ismered a mondást egy újszülöttnek minden vicc új.
Én kérek elnézést!
-
Muton
addikt
milyen paranccsal lehet egy eseményt átadni egy másiknak, tehát ha egy divre kattintok, akkor egy másik div úgy "érezze", hogy rá volt kattintva? bind?
Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
hát nem túl bonyolult...
például:
$('#first').click(function(){
$('#second').click();
});Sk8erPeter
-
Muton
addikt
válasz Sk8erPeter #1830 üzenetére
ettől féltem, hogy ezt írod/írja valaki. sajnos arra az input mezőre nem működik, amire egy datepicker van kötve
próbáltam triggerrel is, azzal legalább a focust át tudtam adni, de azt elérni, mintha tényleg belekattintottam volna, sajnos nem tudom.Muton#2316 - $z@r a drop >_<
-
trisztan94
őstag
válasz Sk8erPeter #1813 üzenetére
Bocsi, hogy eddig tartott
Kiderült, hogy ez a tanárom által fejlesztett saját kiegészítő, de még nagyon kezdetleges verzió.
Annyi a lényege, hogy sokkal jobb JS, jQuery és különböző CMS-ek debuggolását fogja lehetővé tenni.
Valami statisztikai rendszer van mögötte, amivel például a sebességet méri. Nézi, hogy előtte milyen gyors volt, miután beraktad az új kódot mennyivel lassult le. Ha nagyon, akkor szól.Igazából nekem magas ez, de eddig tuti. Azt mondta, ha kell nektek szívesen felrakja dropbox-ra, (mindig jól jönnek az "alpha" tesztelők ) de elég bugos jelenleg, a firebug többször is összeomlott már nekem miatta, meg hát sokszor hülyeségeket ír
https://heureka-kreativ.hu
-
Sk8erPeter
nagyúr
-
martonx
veterán
válasz trisztan94 #1833 üzenetére
Egy próbát megérhet, illetve neki is jól jöhet némi visszajelzés.
Egyébként kellemes meglepetés, hogy egy hozzáértő tanár az oktatód!Én kérek elnézést!
-
Muton
addikt
válasz Sk8erPeter #1832 üzenetére
megcsináltam, a fiddle izét, csak nem működött, mert mindig elszáll: bad gateway
valszeg a külső linkek fogják megcsináltam, egy rövid működő cuccot, csak ctrl c-zni kellene:
alma.html:
<head>
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui-timepicker-addon.css" />
<link rel="stylesheet" media="all" type="text/css" href="alma.css" /><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="http://trentrichardson.com/examples/timepicker/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="alma.js"></script>
</head>
<body>
<div class="deadlineBlock">
<div class="deadlineLabel">deadline:</div>
<div class="dateIco" id="deadlineDateIconId"></div>
<div class="deadlineInput">
<input type="text" id="deadlineInputId" />
</div>
</div>
</body>alma.css:
#deadlineDateIconId {
background-color:blue;
width:10px;
height:10px;
cursor: pointer;
}alma.js:
$(document).ready( function() {
$("#deadlineInputId").datetimepicker(); // ez működik rendesen
$(".deadlineInputId").click( function() {
// ide kellene valami, amitől a #deadlineInputId azt hiszi, hogy belekattintottak és megjeleníti a datepickert
});
});szóval az a bajom, hogy nem tudom a datepickert egy külső gombra is kötni
Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
Legalább azt a jsFiddle-IZÉT megmutathattad volna, amit elkezdtél... Egyébként meg ott van a jsbin.com, tinkerbin.com, megoldhattad volna.
A kódod alapján te most .deadlineInput -ot VAGY .dateIco-t VAGY #deadlineDateIconId -t akartál írni a click event handlerre, nem?
Egyébként meg esküszöm, nem értelek, hogy miért nem tudsz HIVATALOS dokumentációt olvasgatni...a jQuery UI-os cuccok dokumentációja kifejezetten jó, szóval nem értem, miért szopatod magadat, meg minket azzal, hogy alapvető cuccokat nem nézel meg, jé, nekem 10 másodperc bambulás után sikerült:http://api.jqueryui.com/datepicker/#method-show
sőt, ez alapján két módszer is kínálkozik:
$("#show_datepicker").click(function () {
$('#deadlineInputId').focus();
});de inkább:
$("#show_datepicker").click(function () {
$('#deadlineInputId').datepicker( "show" );
});DEMO:
http://jsbin.com/umegac/1/edités nem, a #deadlineInputId nem hisz semmit...
Sk8erPeter
-
Muton
addikt
válasz Sk8erPeter #1837 üzenetére
deadlineDateIconId-t terveztem, azaz ha a input előtti div-re kattintok, akkor a div utáni inputra kötött datepicker jelenjen meg.
pedig küzdöttem vele, mielőtt kérdeztem, próbáltam egy csomó módon, de nem sikerült, sőt, még ezt is direkt végigolvastam: link, de nem találtam benne használhatót, pedig a show a megoldás
nagy thx! 1-én kellene átadni, utána már tényleg sörözünkMuton#2316 - $z@r a drop >_<
-
trisztan94
őstag
válasz martonx #1835 üzenetére
Majd szolok neki akkor, hogy rakja fel, de csak jov. Het csutortokon talalkozom vele.
Amugy tenyleg ert hozza, sok helyen megfordult mar. pl anno a windows xp-be is benne volt a keze, ha jol tudom az akkori "uj" start menut o (is) kodolta meghttps://heureka-kreativ.hu
-
Sk8erPeter
nagyúr
Ez jópofa:
jQuery source viewer
http://james.padolsey.com/jquery/A jQuery 1.7.2 verziójáig (hát igen, frissíteni kéne) meg lehet nézni magának a jQuery-nek a source code-ját, hogy bizonyos dolgokat hogyan implementáltak, ha valamikor érdekessé válik, például ami be van linkelve a főoldalon, a .css() metódus:
Sk8erPeter
-
Muton
addikt
Heló!
Csinálnom kellene egy olyan input+ dropdown kombót, hogy az input mezőbe írok egy számot pl x, és alatta megjelenik hogy x perc, alatta x óra, alatta x nap. Az x dinamikusan változik minden dropdown optionban, tehát mindig azt mutatja, amit az inputba írok, és ha valamelyikre rákattintok, akkor az input mezőbe berakja.
Hallottatok már ilyesmiről? Van rá gyári megoldás?
Muton#2316 - $z@r a drop >_<
-
Jim-Y
veterán
Udv. Telefonrol vagyok igy bovebben nem tudom kifejteni, de a [link] jquery autocomliteal meg tudod csinalni szerintem. Ez egy listat jelenit meg az input mezo alatt amibol tudsz valasztani. Ezt a listat tudnad koddal megkonstrualni azutan, miutan beirtad az x et, amit meg is tudsz jeleniteni.
-
Muton
addikt
igen, ez jónak tűnik, csak akkor ahogy írja az x-et, mindig újra kell generálni a dropdown optionokat az aktuális x-el. Köszönöm az ötletet, ez lesz az út!
martonx: mert ilyen dizájn készült, így kell megvalósítani. Arra én is gondoltam, hogy csak az óra, perc, stb megy dropdown-ba, de az elég szoc módon néz ki
Muton#2316 - $z@r a drop >_<
-
Jim-Y
veterán
nem tökéletes még, de a koncepció látszik ...
[ Szerkesztve ]
-
Jim-Y
veterán
Ez egy problémát már kiküszöböl: http://jsbin.com/icinaz/3/edit
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
Sztem az nem fasza, hogy ha begépelem, hogy "1 ór", akkor kiválaszthatom a listából azt, hogy "1 ór óra"
Mivel minden alkalommal a begépelt érték alapján összepakolod, hogy x+óra. Meg az sem fasza sztem, hogy minden keyup során inicializálod az autocomplete()-et. Túlzott erőforrásigény-szagot érzek.Sk8erPeter
-
Jim-Y
veterán
válasz Sk8erPeter #1847 üzenetére
Az első dologra: ja igen tényleg.. fck
A második dologra.. nekem kellett már csinálnom ilyet, de ott úgy csináltam meg, hogy 3 karakterig nincs autocomlete, ha már van 3 begépelt karakter akkor lehúzza egy adatbázisból a találatokat...Nyílván ha jobban ismerném a feladatot, akkor ezt meg lehetne oldani jobban is, mármint az utóbbit, előbbi felvetésedre most így hirtelen nem tudom mit kéne kitalálni :/
-
Muton
addikt
Jajj, ez nekem nagyon jó első körös megoldásnak, meg lehet hogy végsőnek is, ha csinálok hozzá valami szűrést intre. Köszi
Sk8erPeter: azt mondták, hogy nézzen ki úgy, mint a grafikus tervén és működjön. Ha egy átlag pc-t nem fog meg, akkor szerintem jó lesz, annak ellenére, hogy meg lehetne kevesebb erőforrással is csinálni. Felírtam amúgy a hobbi fejlesztési listámra problémának
Muton#2316 - $z@r a drop >_<
-
Jim-Y
veterán
Az erőforráscsökkentést leginkább a probléma dekompozíciójával, vagy a probléma átgondolásával lehet csökkenteni.. Például ha a példában nem minden keyup-ra menne az autocomplete, hanem click-re (ikonon, gombon), vagy nem rögtön listázná a találatokat, hanem csak akkor ha az x teljesít valamilyen feltételt, akkor máris kevésbé lesz erőforrás igényes, ezt már csak te fogod tudni finomítani..
Új hozzászólás Aktív témák
- Nem indul és mi a baja a gépemnek topik
- Kerékpárosok, bringások ide!
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- DIGI kábel TV
- Kedvenc zene a mai napra
- Samsung Galaxy A54 - türelemjáték
- Aliexpress tapasztalatok
- Politika
- Autós topik
- További aktív témák...
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Alpha Laptopszerviz Kft.
Város: Pécs