- gban: Ingyen kellene, de tegnapra
- Magga: PLEX: multimédia az egész lakásban
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- sziku69: Szólánc.
- gerner1
- tatabike: Vinted - ahol debilnek néznek
- MasterDeeJay: Legolcsóbb "x99" gép építése. (folyamatban)
- MasterDeeJay: Low budget (50.000 forint) light gémer gép összerakása
- Nyuszit otthonra, kedvencnek!
-
LOGOUT
LOGOUT
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
nem gáz, bár van saját pastebin account-om is.
igazából azt gondoltam, ha valahol, akkor a saját domain-emen már csak megmarad, ezér' raktam oda. de értékelem a jó szándékot.No de pastebin-nek igen nagy hátránya, hogy nincs live preview a kódból HTML-, CSS- és JavaScript-tartalmakra, míg jsbin-en van, és az nagyon hasznos tud lenni.
Meg az is fasza, hogy szintaktika-kiemelés és helyben szerkesztés, majd új változat elmentése, változások csekkolása is támogatott, ezentúl kismillió JS-library include-olása is lehetséges egyből, szóval ilyen témakörben millió érv szól mellette.
Ja, és még egy: http://jsfiddle.net/. Ez is legalább ilyen jó. -
Sk8erPeter
nagyúr
az azér' érdekes, mer' én is chrome-ba' próbáltam tegnap.
most hirtelen megnéztem ff-ben is, ott is megy, de alapvetően mindenhol kéne működjön (chrome, ff, opera, ie legalább)a lényege az, hogy az "a" tagre klikkelve (azaz a kéken belül) semmi nem történik, azon kívül viszont (a feketén ill a zöldeken belül) a számláló érzékeli a klikket, és eggyel növeli a jobb felsőben lévő négyzetbe írt számot.
Ja, vágom, és bocsánat, visszavonom, hajnalban nem igazán értem, miért nem ment...
Most kipróbáltam megint, és pörgött a dolog. Kissé furcsa, na mindegy, lehet, hogy már annyira (fél)zombi állapotban voltam, hogy vmit elqrtam.
Szóval sorry, mégis működik.Ja, amúgy ha már beszó'tam, akkor hadd javasoljak is már egyben valamit
Legközelebb az ilyeneket inkább ide pakold fel, ahol meg is marad:
[http://jsbin.com]Utólagos engedelmeddel (remélem nem gáz) inkább felraktam ide az általad mutatott példakódot: http://jsbin.com/unipur/edit#javascript,html,live
-
Sk8erPeter
nagyúr
Nálam ez Chrome-ban egyáltalán nem csinál semmit...
-
Speeedfire
félisten
-
Speeedfire
félisten
Akkor tényleg én vagyok a béna, én nem tudtam, hogy oldjam meg jquery-vel. De mindegy, mert most megy a css machinálással is. Legközelebb, majd jobban erőltetem.
-
Speeedfire
félisten
sztem félreértesz. arra szeretnék rámutatni, hogy ilyesmit úgy érdemes csinálni, ha nem a "li, de nem a" módon definiált elemre akarod aggatni az eseményt, hanem egyszerűen a #menu elemre. nagyjából így:
$('#menu').bind('click',function(e){
// "e" az esemény, amit elkaptunk, "t" az elem, amin elkaptuk
if(!e)e = window.event;
var t = e.target || e.srcElement;// "A" elemen nem csinálunk semmit
// ff-ben kicsit béna a text node-ok kezelése, ezért kell a parentNode-ot is vizsgálni
if(t.nodeName == "A" || t.parentNode.nodeName == "A")return;// egyébként az effektet futtatjuk
// ide írd az effektet, csak arra kell ügyelni, hogy "t" az elem, amire klikkelt a user// és a vége (nem kötelező)
return false;
});úgy is megoldható, ahogy Te elkezdted, csak nem túl hatékony, és kevésbé átlátható, mivel a li és az a elemek definíciói némileg kavarodnak.
a "kulcs" végső soron az, hogy a szülőn kapod el a gyerekek eseményeit, és miután eldöntötted, hogy melyik gyerektől származik a klikk, azt is eldöntheted, mit kezdesz vele.
Végül a css-sel ügyeskedve megoldottam a dolgot.
Nekem nem akart összejönni az általad vázolt séma.
-
Speeedfire
félisten
mivel a klikk a gyerekről a szülőkre "terjed" (event bubbling), ezt úgy tudod megoldani, ha a menüre definiált eseményben "elkapod" az a elemeken történt eseményt is. normál js-ben ez viszonylag egyszerű:
(feltételezve, hogy a teljes struktúra egy "menu" elembe van ágyazva)
menu.onclick = function(e){
// az esemény
if(!e)e = window.event;// az elem, amire klikkeltünk
var t = e.srcElement || e.target;// ha az A elemen vagy annak gyerekén vagyunk, nem csinálunk semmit
if(t.nodeName == "A" || t.parentNode.nodeName == "A")return;// itt csinálunk valamit
...// nem kötelező, de megakadályozzuk a klikk tovább-terjedését
return false;
}(szerk: javítás)
Hát én ha elkapom az effekt előtt az a elemet és mondom neki, hogy return false, akkor az a-n nem csinál már semmit sem, ellenben az effekt is leáll.
Asszem nem szenvedek vele többet, csak az a elemre fogom az effektet megcsinálni. -
ehhez nincs szükség szerver-oldali kódra. önmagában az, hogy klikkre történjen valami a felületi elemmel (pl változzon a színe, mérete, háttérszíne, stb.), jó esetben elérhető html+css kóddal is (erre vannak többek közt a css pszeudo-osztályok). bonyolultabb (pl áttünések) történésekhez szokás javascriptet használni.
-
Brown ügynök
senior tag
ez az üzenet akkor szokott megjelenni, ha egy json objektumban nem stimm valami. olyan karaktert kapott, amit nem szeret (pl. aposztróf )
egyébként méér kell eval?
Nem kell eval. Ezt a kódot netről szedtem és alakítgattam a saját igényeimre.
Az eval() rész helyett a már jól megszokott ('#msg').html(data) használom úgyhogy probléma megoldva. -
Brown ügynök
senior tag
-
Brown ügynök
senior tag
-
Brown ügynök
senior tag
no most van egy kis időm öszeszedni a kódot:
css:
.hiddenClass {display:none;}
js:
function hasClass(lm,cl) {
var r = new RegExp("\\b" + cl + "\\b", "i");
if ( lm && lm.className && lm.className.match(r) !== null ) return true;
return false;
}
function addClass(lm,c){
lm.className = (lm.className.length > 0) ? lm.className + " " + c : c;
}
function isParent(p,lm){
if(!p || !lm)return false;
if ( p == lm ){
return true;
} else if (lm.parentNode) {
while (lm = lm.parentNode){ if ( p == lm ) return true; }
}
return false;
}
document.onmouseup = function(e){
if (!e)e = window.event;
var t = e.target || e.srcElement;
var lm = document.getElementById("ID"); // ez itt az eltüntetendő elem
if(!hasClass(lm, "hiddenClass") && !isParent(lm, t))lm.className += "hiddenClass";
} -
írtam, hogy class-t definiálni kell nyilván css-ben (mondjuk display:none; )
abban igazad van, hogy mindig hozzáadódik, de ezt egy class vizsgálattal lehet rendezni.
pl.function hasClass(ob,cl) {
var r = new RegExp("\\b" + cl + "\\b", "i");
if ( ob && ob.className && ob.className.match(r) !== null ) return true;
return false;
}a document.onmouseup-ba pedig vedd be, hogy csak akkor adja hozzá a classt, ha a fenti fv false-ot ad.
pl.
var lm = document.getElementById("ID");
if (!hasClass(lm, "hiddenClass"))lm.className += " hiddenClass";szerk: jelen esetben ez úgy fog kinézni, hogy
if (t != lm && !hasClass(lm, "hiddenClass"))lm.className += " hiddenClass"; -
Brown ügynök
senior tag
nem, a document.onmouseup minden katt-ra végrehajtódik (bárhová is katt), de csak akkor tünteti el a div-et, ha nem a div-be kattintottál. ezt csinálja az if(lm != t) feltétel (lm a div-ed, t a katt esemény forráseleme (ie-ben srcElement, mindenhol máshol target). ha a kettő eltér (azaz kikatt a div-ből), eltüntetjük a div-et.
(most látom, kicsit elírtam, mer' a className += után kellene egy space is, hogy ne egybe írja az előző class-okkal.)
Oké, hozzáadódik az osztály elemhez az hogy "hiddenClass" de ettől még nem tűnik el. Viszont akárhányszor kattintok beleíródik az osztályba az hogy "hiddenClass".
-
Brown ügynök
senior tag
ez a "kikattintós" cucc szerintem azt feltételezi, hogy van egy document.mouseup vagy document.mousedown függvényed, amiben megmondod a js-nek, hogy tüntesse el a megadott elemet. emlékeim szerint a jquery ezt automatán tudja egyébként, bár most nincs előttem a kódja.
pl. ha "ID" az eltüntetendő elem
document.onmouseup = function(e){
if (!e)e = window.event;
var t = e.target || e.srcElement;
var lm = document.getElementById("ID");
if(t != lm)lm.className += "hiddenClass";}
blur azér' nem jó, mer' ilyen eseménye csak input elemeknek van, div-nek nincs.
mellékszál, de én className-mel operálnék közvetlen style manipulálás helyett, ez tkp szabadon választott.
persze lehet még szinezni (pl. van-e gyereke a vizsgált elemnek), de most az elv átadására törekedtem.
szerk: a document.onmouseup helyett persze lehet addEventListener-t is használni, de annak is megvannak a korlátai, most az egyszerűség végett a "hagyományos" .onmouseup-ot használtam.
-
Brown ügynök
senior tag
a "tel" az valami div?
én createElement-tel, ill appendChild-dal/insertBefore-ral oldanám meg, jquery-ben append-del."meztelen" js-ben pl:
var tel = document.getElementById("tel");
var newInput = document.createElement("input");
newInput.type = "text";
newInput.value = "inpVal";
newInput.className = "inputClass";
tel.appendChild(newInput);ezzel a korábbi gyerekeket bántatlanul hagyod
ha nem az utolsó helyre rakod, akkor kell insertBefore.jquery-ben:
var newInput = "<input type='text' value='inpVal' class='inputClass'>";
$("#tel").append(newInput);(most konkrét példán nem próbáltam ki, de az elv remélem lejött: nem innerHTML-t hanem közvetlen dom-ot kell manipulálni)
Köszi! A "meztelen" js tökéletes!
Lenne még 1 kérdésem.
Van egy ajax-os kérés. Ennek az eredményét egy div-be iratom ami akkor jelenik meg amikor visszatér az eredménnyel a kérés. Addig style="none".Nos, ha ebből a listából kiválasztok egy rekordot, akkor ez a div eltűnik.
setTimeout("$('.suggestions').hide();", 200);
Ha viszont kikattintok az input mezőből, vagy máshova (összevissza) nem akar eltűnni, csak akkor ha kiválasztok valamilyen elemet ebből a div-ből.
Próbálkoztam onblur-ral amit beraktam a div-be és hozzá ezt a fv-t írtam:
function blur() {
var ele = document.getElementById('suggIrszam');
ele.style.display = "none";
}Próbálkoztam egyszerű jquery-vel is: //$('#suggIrszam').hide();
Erre van valami ötleted?
-
Brown ügynök
senior tag
Jól van, sikerült. A változót nem kell idézőjelek közé rakni.
function uploadTel(TelId) {
TelId // Az input mező id-je.
var $tel = $( TelId ).val();
...
}Így most már látja az értékét.
Postolni a $.post()-al szoktam.
-
Furcsáltam is.
Akkor nem értettem meg az előző linked Sk8erPeter
Kösz, ez kellett nekem. Sajnos az a probléma, hogy ha hosszabb ideig nem foglalkozom valamivel, pl. JS, amit alaposan el sem sajátítottam, minden elefelejtek. Oszt' gugli sem segít, ha nem tudom mit és hogyan akarok -
kulcsszavak vs px:
annyaira azér' nem egyszerű a kérdés... ie-ben nincs computedStyle, ami "átváltaná" a szavakat (small, large, stb) pixel értékekre. jquery bicskája is ugyanebbe törik bele, mivel a kulcsszavak függnek az aktuális felbontástól, plusz ie-ben (elsősorban régi ie-kben) vannak beállítások, amiktől nem lehet belőlük számolni. sajna ha css-ben adsz fix értéket, akkor meg bizonyos körülmények között nem lehet módosítani rajta ie6-ban, így marad a "szokásos" osztály-módosítós játék (ha elegendő 3-4 nagyság), vagy inline cssText (ez utóbbira mutattam én példát fentebb), vagy em, ill %.
pl itt lehet róla olvasni, ha mélyebben érdekelKösz a linket.
Részemről úgy döntöttem már egy ideje, hogy IE6-ot nem támogatom. Aki még mindig azt akarja használni - az én statisztikáim alapján ez az IE használók kb. 10%-a, illetve mostanában már az alá csökkent -, az így járt. Különben is, használjanak Enterprise-t, vagy Commodore 64-et, ha a régi cuccok jönnek be nekik. -
én ezeket használom most:
function getStyle(oElm, strCssRule){
try{
var strValue = "";
if(document.defaultView && document.defaultView.getComputedStyle){
strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
}
else if(oElm.currentStyle){
strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
return p1.toUpperCase();
});
strValue = oElm.currentStyle[strCssRule];
}
var num = strValue.replace(/[\sa-z]+/gi, '');
var str = strValue.replace(/[\d\.]+/i, '');
return [parseFloat(num), str];
}catch(er){return [0,"px"];}
}
function setStyle(obj,st,vl){
var a = obj.style.cssText;
obj.style.cssText = (a.length>0) ? a + ";" + st + ":" + vl : st + ":" + vl ;
}
function removeStyle(obj,st){
str = new RegExp("(?:\\b|^)" + st + "\\s?:[^;]*(?:$|;)", "i");
obj.style.cssText = obj.style.cssText.replace(str, "");
}ie6+, ff, opera, chrome megette eddig.
wow, nem semmi...
@Sk8erPeter
Mivel a css-ben is medium-ra van állítva. Mindazonáltal a legtisztább megoldás mégis a px-ben történő értékadás lesz.Kösz mindkettőtöknek a válaszokat.
-
még tovább gondolva:
[^|\s][1-9]\d?\d?(\.\d{3})*\s+ft
sajna egyelőre nem tökéletes, de a hármas csoportok többszörözhetők bárhányszor
az elejére betettem egy kezdő karaktert (vagy a szöveg eleje vagy valamilyen üres karakter)Szia, az a gond ezzel a regexpel, hogy csak a digit-re egy alternatíva, egyébként amit múltkor írtál az tök jól működik
Amire legutóbb kértem segítséget ott fontos, hogy csak azokat (azt) a stringet találja meg ami: ( digit + áfa ) alakú, és végül sikerült is ilyet csinálni, szv most minden happy A program is készen van, vagy legalábbis használható
[link] -
az fog megjelenni a '$1' helyén, amit zárójelbe teszel. mivel a digit változódban a . van zárójelben, ezért egy . jelenik meg. tedd a teljes kifejezés köré a zárójelet -> /(kifejezés)/gi
szerk:
var digit = /([0-9]+\.[0-9]+\s+Ft)/g;
tettem egy +-t a \s mögé, hátha elírja valaki, meg egy escape-et a . elé, hogy ne "bármilyen karakter" nek ismerje fel, hanem .-nak
(bocs, nem teszteltem, ezt már rád bízom)Szia, tudnál segíteni egy olyan regExp-ben ami egy szövegben egy ilyen stringet talál meg?
példa: (394.300 Ft + áfa)
Nekem az kéne, hogy egy ilyet felismerjen, akkor x.search(regExp) visszaadná a nyitó zárójel pozícióját ami nekem tökéletes lenne.. üdv
Eddig ezt hoztam össze magamtól: var end = /(\(*(áfa)\))/g;
Gyanítom, hogy az escapet rosszul használtam a \( -nél :S
Egyébként erre már csinál valamit, de csak az "áfa"-t találja meg, így az előtte levő számot, és nyitózárójelet nem -
az fog megjelenni a '$1' helyén, amit zárójelbe teszel. mivel a digit változódban a . van zárójelben, ezért egy . jelenik meg. tedd a teljes kifejezés köré a zárójelet -> /(kifejezés)/gi
szerk:
var digit = /([0-9]+\.[0-9]+\s+Ft)/g;
tettem egy +-t a \s mögé, hátha elírja valaki, meg egy escape-et a . elé, hogy ne "bármilyen karakter" nek ismerje fel, hanem .-nak
(bocs, nem teszteltem, ezt már rád bízom)Szia
a digitet az első hsz-em után én is átírtam, mert rájöttem, hogy rossz, escapet én is raktam a pont elé így: /[0-9]+(\.)[0-9]+(\s)(Ft)/g; , de most átírom arra amit írtál, mert jó kis ötletek vannak benne
Neee... és megy
kicsit ugyan át kellett írnom a digitet erre:
var digit = /([0-9]+(\.)[0-9]+(\s)+Ft)/g;LAP: GIGABYTE GA-870A-UD3 -- 27.106 Ft
CPU: AMD Phenom II 965 3.40Ghz AM3 BOX Black Edition -- 34.775 Ft
RAM: KINGSTON 4096MB DDR3 1333MHz CL9 KIT KVR1333D3N9K2/4G -- 11.025 Ft
VGA: GIGABYTE GV-N460OC-768I GTX460 768MB GDDR5 PCIE -- 41.225 Ft
HDD: SAMSUNG 1000GB F3 7200rpm 32MB SATA2 HD103SJ -- 13.125 Ft
ODD: LG GH22NS50 Fekete OEM -- 4.250 Ft
HÁZ: GIGABYTE GZ-X1 Fekete -- 9.709 Ft
TÁP: GIGABYTE Superb 460W -- 9.012 Ftde az eredmény magáért beszél ^^ nagy-nagy köszi
-
function wrapText(t, re, b, a){
var r = new RegExp(re);
return t.replace( r, b + '$1' + a );
}t -> a szöveg, amiben manipulálni akarsz (nálad az area)
re -> a regexp kifejezés, amit keresel (nálad a digit)
b -> a regexp elé beszűrandó elem
a -> a regexp mögé beszűrandó elemSzia, köszi ez már majdnem jó
lehet, hogy én használtam rosszul, de most ez lesz az output:LAP: GIGABYTE GA-870A-UD3 [M](C).(/C)[/M]
CPU: AMD Phenom II 965 3.40Ghz AM3 BOX Black Edition [M](C).(/C)[/M]
RAM: KINGSTON 4096MB DDR3 1333MHz CL9 KIT KVR1333D3N9K2/4G [M](C).(/C)[/M]
VGA: GIGABYTE GV-N460OC-768I GTX460 768MB GDDR5 PCIE [M](C).(/C)[/M]
HDD: SAMSUNG 1000GB F3 7200rpm 32MB SATA2 HD103SJ [M](C).(/C)[/M]
ODD: LG GH22NS50 Fekete OEM [M](C).(/C)[/M]
HÁZ: GIGABYTE GZ-X1 Fekete [M](C).(/C)[/M]
TÁP: GIGABYTE Superb 460W [M](C).(/C)[/M]Tehát már hozzáfűzi a dolgokat csak az árak nem jelennek meg, hanem helyette egy 'pont'
Így használom a függvényt:
area = wrapText(area,digit,"[M](C)","(/C)[/M]");
Most kipróbáltam megint, és pörgött a dolog. Kissé furcsa, na mindegy, lehet, hogy már annyira (fél)zombi állapotban voltam, hogy vmit elqrtam.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Kösz az eddigieket. 
Új hozzászólás Aktív témák
- Nem kéri tovább a nekik fejlesztett csúcs-GeForce-ot Kína?
- Sony MILC fényképezőgépcsalád
- Microsoft Excel topic
- gban: Ingyen kellene, de tegnapra
- Milyen autót vegyek?
- Kerékpárosok, bringások ide!
- Akciókamerák
- Vigneau interaktív lokálblogja
- Milyen billentyűzetet vegyek?
- Szeged és környéke adok-veszek-beszélgetek
- További aktív témák...
- szinteÚJ Dell Pro 14 Ultra 7 255U 32GB DDR5 512GB AI PC FHD+ 1 év garancia
- Keresünk iPhone 15/15 Plus/15 Pro/15 Pro Max
- Dobozos Új Dell Xps 15 9530 i7 13620h 16gb ram 1tb ssd intel uhd graphics+ Intel Arc A370M
- Alienware Aurora R13 Gaming! i7-12700KF / RTX 3080 Ti / 32GB DDR5 / 1TB NVMe / 1TB HDD! BeszámítOK
- 27% - MSI MAG 321UPX OLED Gaming Monitor! 3840x2160 / 240Hz / 0.03ms / FreeSync
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest