Hirdetés
-
Fórumok
PROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Tabletek, E-bookok Nyomtatók, szkennerek PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokLOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
-
Frissítve: 2014-02-25 10:20 Téma összefoglaló
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
trisztan94
őstag
while ciklus:
while(i != global(I)) {}
Pontosan erre való, bár ritkán használt. Néha még én is elfelejtem, hogy létezik.

-
trisztan94
őstag
Hát basszus, most nézem, tök igazad van, én meg tök hülyeségeket beszéltem, elég durván felületesen néztem meg, látszik az aznapi tevékenységemen a 3 óra alvás
. 
Mondjuk ettől még tényleg ratyi az a regexp. Eleve furcsa, hogy az <input rész beleírásától miért félt következetesen.
Pl. ez illeszkedik arra az undormány regexpre (a form szigorúan nagybetűvel kezdődjön
):
<Form method="POST" action=''><input name="op" value="asdasd" /><input name="id" value="asdasd" /><input name="fname" value="asdasd" /><input name="hash" value="asdasd" />(#5803) w.miki:
Kódminőségben biztos tudnánk szebbet... ha akarnánk.
(#5804) TheProb:
Heh, milyen fura, még a HTML5 előtti időkből benne ragadt a fejemben, hogy az id csakis akkor valid, ha BETŰVEL kezdődik, a számmal kezdődőek nem azok - de most nézem, HTML5-től kezdve már sima szám is lehet id - sőt, igazából minden (ha nem üres), ha valóban egyedi és nem tartalmaz whitespace-t.(#5809) trisztan94:
"A programozásban nincs olyan, hogy valami egyszer működik, egyszer nem."
Mi? Hát már hogyne lenne?
Olyan szép esetek vannak ilyesmikre, a kedvencem az a fajta hiba, ami debuggolás során nem tapasztalható, csak éles működés során. És erre persze csak elképesztő sok időelkúrás után jössz rá, miután már úgy érzed, hogy végigdebuggoltad az egész világegyetemet, aztán kezdheted vakarni a fejedet, hogy vajon akkor a nem debug módban futás során vajon mi történik, egyszerűen időbeli tényező az oka, vagy netán a többszálú működés alkalmazásodban tapasztalható indeterminizmusa, vagy valami eltérő hardverkörnyezetből előkerülő érdekesség, vagy...vagy...satöbbisatöbbi.Átfogalmazom:
Egy jól megírt kódban nincs olyan, hogy egyszer működik, egyszer nem.
console.log("yolo");
Minden egyes esetben ki fogja írni, hogy yolo. Nincs olyan, hogy 10x kiírja, egyszer nem.

Nyilván fejlesztés közben vannak bugok, meg furcsaságok.
-
trisztan94
őstag
-
trisztan94
őstag
Én ide írtam
for (var i = 0; i < napokHomerseklete.length; i++)
{
document.write(napokHomerseklete+" "); <==========
}
{
if (napokHomerseklete <= 5) {
idojarasClass = 'hideg';
} else {
idojarasClass = 'meleg';
}
currentElement = document.getElementsByTagName("td")(i);
currentElement.classList.add(idojarasClass);
}}
Hát az ott nem jó. Meg az utána következő 2 sor sem. Meg az utolsó sem.
Ne várd már el, hogy miután többen megcsináltuk az egész feladatot helyetted (külön kiemelve Speeedfire-t, aki egyszer módosította neked, illetve még Pastebin-re is felrakta az egészet HTML-ben) még bővítgessük/javítgassuk. Ez mind alap Javascript, triviális szintaktikai hibákkal.
Olvass utána, nézz 2-3 tutorialt, stb. Kb 2 óra alatt rájönnél magadtól, hogy mit rontottál el.
-
trisztan94
őstag
"...a html és css megy"
Azt nehezem tudom elképzelni annak tükrében, hogy nem tudtad hova rakd a stílusokat és a scripteket.

"Hogyan tudom kiiratni a fokokat a képek alá?"
Tétrehozol egy új sort és annak a megfelelő cellájába írod. Ha megy a HTML, mennie kell.
document.write(napokHomerseklete+" ");
A napokHomerseklete egy tömb. Ha simán kiírod így, az egész tömböt írja ki, nem az adott nap hőmérsékletét. Az i-edik (ciklus indexe, mely megfelel a tömb indexeinek) napnak akarod a hőmérsékletét.
Ezt a cikluson belülre kell, hogy a megfelelő naphoz rakja be. -
trisztan94
őstag
index.html-be HTML kód megy, doctype deklarálással kezdve, <html>, <head> és <body> tag-ekkel.
Ide linkeled be a Javascript (.js) és CSS (.css) fájlokat is.Css fájlba értelem szerűen a CSS kód megy, míg a Javascript fájlba a JS.
(#5714) Speeedfire
You da real MVP

-
trisztan94
őstag
Arra figyelj, hogy jQuery-t is rakott bele a kolléga, így ha vanilla JS-ben kell megcsinálni a feladatot, nem feltétlen fogják így elfogadni.
Gondolom sulis beadandó ebben a remek oktatási rendszerben?
-
trisztan94
őstag
"alert helyére képet szeretnék tenni, ha hideg ,akkor ilyen kép ha meleg akkor olyan."
Nagyon nagyon parasztul így lehet megcsinálni a kép kirakást csak javascripttel (+ egy kep id-jű div-el).
document.getElementById("kep").innerHTML('<img src="hideg.jpg" alt="Hideg idő kép"/>');
Értelem szerűen a meleg ágba pedig a meleg.jpg-t kell rakni.
-
trisztan94
őstag
Lehet én vagyok fáradt, de még mindig nem értem mit akarsz a var = 0-val.
A var javascriptben változót jelöl.
Így használjuk: var változóneve = változóértékfor ciklusnak pedig ez a szintaktikája:
for (var i = 0; i < 10; i++)
Ami azt jelenti, hogy előteszteléses ciklust indítasz egy helyi scope-ban értelmezett i változóval, melynek kezdőértéke 0, és minden ciklusban növekszik egyel amíg a feltétel igaz (tehát hogy kisebb, mint 10)
A var = 0 nem jelent semmit, hibát fog dobni.
-
trisztan94
őstag
-
trisztan94
őstag
Sziasztok.
Programot kell írnom, ami Hétfőtől Péntekig kidobja a Celsius fokot és eldönteni hogy hideg van-e meleg van-e, mellé meg kitesz egy képet pl: ha hideg van akkor egy téli képet kitesz, ha mondjuk meleg van akkor értelem szerűen napos képet.
Hogy lássak hozzá?
Köszönöm előre is!

var napokHomerseklete = [
10, -20, 5, 8, 12
];
for (var i = 0; i < napokHomerseklete.length; i++) {
if(napokHomerseklete[i] <= 5) {
alert("hideg");
} else {
alert("meleg");
}
}Valahogy így. Az alertek helyére pedig berakod a logikát ami kiírja a megfelelő helyre a megfelelő infót.
-
trisztan94
őstag
jó tanács, ha kódot másolsz be ide, előbb formázd le jsFiddle Tidy Up-pal, hogy szépséges legyen és ki tudjuk olvasni

Illetve ha már jsFiddle-n jársz, sokkal egyszerűbb ha ottani példát linkelsz.

-
trisztan94
őstag
-
trisztan94
őstag
A win kliens az újdonság. Eddig leginkább csak OS X alá volt.
Igen, közben leesett

Nem rossz amúgy, de nem fogom használni. Ott van nekem a Sublime meg a Brackets (mostanában inkább Sublime, sokkal gyorsabb, egyszerűbb kezelni szvsz), komolyabb melóra pedig IDE (Netbeans, Visual Studio, ha úgy adódik). Tehát igazából nem értem, hogy miért csinálták ezt, direkt kompetense akar lenni a Bracketsnek, ami már eléggé kiforrott.
-
trisztan94
őstag
-
trisztan94
őstag
Aki szokta használni a Sublime-ot, az esetleg lesse meg ezt is, a héten lett elérhető.
https://github.com/atom/atomMár egy ideje elérhető, nekem már úgy 2-3 hete fent van.
-
trisztan94
őstag
Sziasztok!
Canvassal vannak problémáim. Van ez a kódom.
És ezt a hibaüzenetet dobja: Uncaught IndexSizeError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0.
Pedig a kép elérési útja is jó, illetve ha egy kép URL címét adom meg ami egy szerveren van, akkor sem lesz jó. Mi lehet a baja?

Nem lehet, hogy még nem töltötte be a képet, de már le akarja kérni az adatait? Próbáld az onLoad()-ba rakni a getImageData()-t és az alatta lévőt.
-
trisztan94
őstag
Nagyon nem érdemes. Maximum, ha Win 8/RT-re akarsz, ott viszonylag jó.
Vagyis hát igazából attól függ. Ha nem natív nyelven fejlesztesz egy OS-re, akkor az lassabb lesz mindenképp (tehát windows esetén C++, C#, OSX esetén Objective C), mert van egy wrapper körülötte ami végül lefordítja arra (asszem, javítsatok ki, ha tévedek). Akkor lehet jó választás, ha Cross Platform appokat akarsz fejleszteni (lásd: adobe brackets), amit könnyű pluginezni.
De a brackets pl. pont a fent említett dolgok miatt nagyon be tud lassulni. -
trisztan94
őstag
Ha jogos dolgokért szólsz be, akkor azzal semmi gond nincs.

Pl. jelen esetben jogos a megjegyzésed.Egyébként pont ezért rakattam ezt az összefoglalóba:
http://www.slideshare.net/fgalassi/refactoring-to-unobtrusive-javascript

-
trisztan94
őstag
A legenda úgy tartja, hogy csúnya dolog a presentation logicba presentation-t rakni. Ergo JS-be csúnya explicit stílusokat írni, és nem illik.
Inkább cserélgessen osztályokat.Most kezdtem elég komolyan a szép js-css-html kódok írásával foglalkozni, készüljetek fel, hogy be fogok szólni mindenért!

-
trisztan94
őstag
Múltkor - hibásan - mondtam azt, hogy az e.preventDefault() helyett e.defaultPrevented-et kellene használni. Persze azóta már fel lettem világosítva, hogy hülye vagyok, rosszul emlékeztem valamire, ezt tudom.
Most vágom az egyik tutorial vidim, ott viszont egy <a>-ra e.defaultPrevented-et használtam, és valamiért pontosan ugyanaz történik, mintha e.preventDefault() lenne használva, tehát nem fut le az alapértelmezett esemény.
Na de miért? MDN szerint az e.defaultPrevented egy boolean értéket ad vissza arról, hogy az alapértelmezett esemény lefutása meg lett-e gátolva.
Nem lehet, hogy azzal, hogy azt hívtam meg, úgy interpretálta a böngésző (Chrome), mintha return false-t írtam volna? Vagy miért van ez? Console nem dob rá hibát, sem firebug.
-
trisztan94
őstag
-
trisztan94
őstag
Winjs-re gondolsz?
Az mar nagyon regota van, csinaltam is vele appot. Html+js+css.
Mar a 8.1 rc-ben is benne volt.
-
trisztan94
őstag
Hogy micsoda?
Az event.preventDefault() NEM deprecated, hogy lenne már az?! 
https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault#Notes
meg
http://api.jquery.com/event.preventdefault/Szerintem te ismét kevered a szezont a fazonnal:
"event.returnValue is deprecated. Please use the standard event.preventDefault() instead"
http://stackoverflow.com/questions/20045162/event-returnvalue-is-deprecated-please-use-the-standard-event-preventdefault
https://github.com/angular/angular.js/issues/4557
https://drupal.org/node/2170221-->
http://bugs.jquery.com/ticket/14282
http://bugs.jquery.com/ticket/14320Nagyon nem ugyanaz, hogy az event.returnValue deprecated, vagy a másik...
Ráadásul még az sem stimmel, hogy a Firebug dobná, mert a Chrome konzolja írja ki ezt, Firebug nem sír érte. (Kipróbáltam, mert pont erre emlékeztem.)
Ne vezessük félre a népet téves információval, mielőtt utánanéznénk, légyszi.
Valóban

A minifikált jQuery-re írta azt, hogy A getPreventDefault() használata elavult. Használja helyette a defaultPrevented-et.
Ezt kevertem a preventDefault()-al
-
trisztan94
őstag
Szerkesztettem már az előző hozzászólásom csak jött egy áramszünet...
Szóval, az szépen megy hogy javascriptből hívjak meg C#-s függvényt stb, vissza fele is megy, amennyiben ilyen a függvény a js-ben:
function valami() {
alert("masvalami");
}Ahogy sikerült kivennem a kódból, a keyboard_input_manager.js-ben lévő
KeyboardInputManager.prototype.restart = function (event) {
event.preventDefault();
this.emit("restart");
};függvény felelős az újraindításért. Ezt szeretném c-ből meghívni. És ha ezzel megcsinálom a fentebb említett módszert, akkor nem működik. Remélem így már érthető a gondom.
Csak halkan, mellékesen megjegyzem, hogy az event.preventDefault() _elvileg_ deprecated, event.defaultPrevented;-et kell használni (nincsenek zárójelek). Legalábbis a firebug nekem mindig ezért nyavalyog.
-
trisztan94
őstag
Hat igazabol nem nagyon tudom.
Az a lenyeg, hogy amikor meghivjuk a fgvt akkor atadunk neki egy bazi nagy JSON tombot, amiben utvonal adatok vannak (kkordinatak, megnevezes, kozeli helyek, stb).
Az elso elagazas azt ellenorzi, hogy a lat es long koordinatak benne vannak-e.Ami az elso es utolso elem, az lesz a kezdopont es vegpont, a koztuk levok pedig a megallok.
Jim-Y
Jaja a flagre mar en is gondoltam. Berakok egy boolean valtozot false ertekkel, es egyszeruen azt nezem, hogy igaz-e. Akkor lesz igaz, amikor a kulso elagazasbol belep, tehat egyszer fog csak valtozni az erteke. -
trisztan94
őstag
Hello!
for (var key in JSON) {
if(parseFloat(JSON[key][3])>0 && parseFloat(JSON[key][4])>0) {
if (parseInt(key) === 1){
}
else if(parseInt(key) === Object.size(JSON)) {
}
else { }
}
}Itt három dologra kell figyelni:
1. ha a key értéke az első elem
2. ha a key értéke az utolsó elem
3. ha a key értéke más, tehát köztes számA 2. és 3. rész készen van, viszont az 1.-re nem nagyon jut eszembe semmi. Az a lényeg, hogy nem biztos, hogy az 1. vagy 2., vagy akár 3. lesz az első ami átmegy az első elágazáson. Tehát nekem az az elem kell, ami először megy át a fenti if()-en.
Hogyan kellene ezt?

-
trisztan94
őstag
Tudom, hogy nem ide való de hátha tudtok segíteni!
Ezt a feladatot kellene megoldanom:
1. Hozza létre a lotto nevû tömböt, a lotto.txt alapján. Hat sor, soronként 5 szám.
2. Generálja a 7. hét lottó számait. [1,90]
3 Írassa ki az így kapott tömböt[7][5] a képernyõre.
4. Hány darab 50-tõl nagyobb szám lett generálva?
5. Melyik a legkisebb generált szám?
6. Szerepel-e a 19-es szám a kihúzott számok között?7. Készítsen kimutatást:
a) Adja össze oszlopokat
pl:
37 42 44 61 62
18 42 54 83 89
5 12 31 53 60
1 28 47 56 70
54 56 57 59 71
7 21 33 39 86
9 22 32 78 89
Az 1.oszlop összege = 135
a 2.oszlop összege = 223
stb+azt elfelejtettem, hogy netbeans-ben kellene.

Vicces fiú vagy.

Karma: szvsz azt akarja, hogy csináljuk meg neki.
-
trisztan94
őstag
például egy boolean property segítségével. Amin most én dolgozom, ott Future-ök vannak, az aszinkron fv callbackje egy ilyen Future objektumot ad vissza amire lehet hívni .then()-t és ebben a callback-ben át lehet billenteni azt a property-t, ugyanis a then csak akkor hajtódik végre, ha az aszinkron kommunikációnak vége. Ez a te esetedben annyit jelent, hogy csinálj valahol egy, az aszinkron kommunikációra nézve globális property-t, majd sikeres response esetén billentsd át az értékét.
Egyébként javaslom keress rá a js promise-ra. Én még nem dolgoztam vele, de tudtommal jó cucc

Bocsi, hogy csak most válaszolok.
Végül sikerült megoldani future objektumokkal... vagyis... sort of.
Ez a végleges megoldás, lehet, hogy gány, de egyelőre működik, bőven elég. Tudok végre haladni.
$('.form-directions').on('submit', function () {
waypoints = [];
promises = [];
$('.waypoint').each(function () {
promises.push(geoCode($(this).val()));
});
return false;
});function geoCode(address) {
var deferred = $.Deferred();
nokia.places.search.manager.findPlaces({
searchTerm: address,
onComplete: function (data, requestStatus, requestId) {
onGeoCodingCompleted(data, requestStatus, requestId);
deferred.resolve();
},
searchCenter: map.center
});
return deferred.promise();
}Az onGeoCodingComplete függvényben nem változik semmi, csak ezt az egy plusz sort raktam bele:
if (waypoints.length == promises.length / 2) {
drivingDirections();
}Na most azért lett osztva a promises tömb kettővel, mert valamiért minden esetben a waypoints tömb elemeinek számának kétszerese volt benne. Tehát mindent 2x vett.
Tehát annyi a kérdés, hogy miért van a promises tömbben 2x annyi elem, mint a waypoints tömbben?

-
trisztan94
őstag
Még egy kérdésem lenne.
Hogyan tudom figyelni, hogy mikor van meg az összes beírt megálló GPS koordinátája, tehát, hogy mikor fejeződött be az összes aszinkron feladat?
Nyilván itt az lenne a lényeg, hogy akkor lépjen csak be az útvonaltervezés függvényébe, ha már megvan az összes koordináta.
-
trisztan94
őstag
Hali!
Még mindig a térképes alkalmazáson dolgozom, amivel bénáztam a weblap készítés topikban. Most csak egy egyszerű kérdésem lenne. Van egy form, amit ha felad a felhasználó, kiszedi az adatokat az input mezőkből (címeket), azt pedig elküldi egy aszinkron függvénynek, ami utólag feltölt vele egy tömböt.
Jelenleg még csak két input mezővel tesztelem:
[OFF]<div class="form-group waypoint-container">
<label for="waypoints" class="col-md-1 control-label">1.</label>
<div class="col-md-11">
[/OFF] <input type="text" name="waypoints[]" class="form-control form-control-square waypoint" placeholder="Indulási hely" />
[OFF] </div>
</div>
<div class="form-group waypoint-container last-waypoint-container">
<label for="waypoints" class="col-md-1 control-label">2.</label>
<div class="col-md-11">[/OFF]
<input type="text" name="waypoints[]" class="form-control form-control-square waypoint" placeholder="Érkezési hely" />
[OFF] </div>
</div>[/OFF]Itt a form submit eseményre rakott eseménykezelőm:
$('.form-directions').on('submit', function () {
$('.waypoint').each(function () {
getDrivingDirections($(this).val());
});
return false;
});A getDrivingDirections függvény alapvetően két dolgot csinál: első körben geocode-olja (magyarul "geokód"?) a beírt adatokat, hogy GPS koordinátákkal tudjunk dolgozni. Amikor megkaptuk a koordinátákat, akkor pedig tervez rá egy útvonalat a megadott paraméterekkel. Tehát a getDrivingDirections függvény két másik függvényt hív meg: geoCode() és planRoute(). Egyelőre még csak a geoCode függvény implementálásánál tartok.
Tehát miután meghívtuk a getDrivingDirections-t, meghívódik a geoCode():
function geoCode (address) {
nokia.places.search.manager.findPlaces({
searchTerm: address,
onComplete: onGeoCodingCompleted,
searchCenter: map.center
});
}Ez végül meghívja amikor végetért az aszinkron feladat az onGeoCodingCompleted függvényt:
function onGeoCodingCompleted(data, requestStatus, requestId) {
if (requestStatus == "OK") {
var locations = data.results.items;
waypoints.push(locations[0].position);
for (var i = 0; i < waypoints.length; i++) {
console.log(waypoints[i]);
}
} else if (requestStatus == "ERROR") {
alert("hiba");
}
}Na és most jönne a tényleges kérdés. A console.log 3 objektumot ad vissza mindig, pedig csak két input mező van. Mindig az első input mezőt logolja kétszer:
Miért?
(Azért írtam le így az egész működést, mert biztosan lesznek még kérdéseim ezzel kapcsolatban, így ezt megelőlegeztem magamnak
) -
trisztan94
őstag
Hi! Az események buborékszerű felszivárgásáról itt írtam, belinkelve egy példát:
http://prohardver.hu/tema/weblap_keszites/hsz_10515-10516.html
http://prohardver.hu/tema/weblap_keszites/hsz_10543-10543.htmlAz AJAX-os betöltött elemekre kötött event handlerekre jó példa a jQuery.on(), ahol a "delegated events" rész az érdekes, itt tök jól elmagyarázza a helyzetet (kiemeltem a nagyon fontos részeket):
"Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time. By picking an element that is guaranteed to be present at the time the delegated event handler is attached, you can use delegated events to avoid the need to frequently attach and remove event handlers. This element could be the container element of a view in a Model-View-Controller design, for example, or document if the event handler wants to monitor all bubbling events in the document. The document element is available in the head of the document before loading any other HTML, so it is safe to attach events there without waiting for the document to be ready.
In addition to their ability to handle events on descendant elements not yet created, another advantage of delegated events is their potential for much lower overhead when many elements must be monitored. On a data table with 1,000 rows in its tbody, this example attaches a handler to 1,000 elements:
$( "#dataTable tbody tr" ).on( "click", function() {
alert( $( this ).text() );
});A delegated-events approach attaches an event handler to only one element, the tbody, and the event only needs to bubble up one level (from the clicked tr to tbody):
$( "#dataTable tbody" ).on( "click", "tr", function() {
alert( $( this ).text() );
});[...]
Attaching many delegated event handlers near the top of the document tree can degrade performance. Each time the event occurs, jQuery must compare all selectors of all attached events of that type to every element in the path from the event target up to the top of the document. For best performance, attach delegated events at a document location as close as possible to the target elements. Avoid excessive use of document or document.body for delegated events on large documents.
jQuery can process simple selectors of the form tag#id.class very quickly when they are used to filter delegated events. So, "#myForm", "a.external", and "button" are all fast selectors. Delegated events that use more complex selectors, particularly hierarchical ones, can be several times slower--although they are still fast enough for most applications. Hierarchical selectors can often be avoided simply by attaching the handler to a more appropriate point in the document. For example, instead of $( "body" ).on( "click", "#commentForm .addNew", addComment ) use $( "#commentForm" ).on( "click", ".addNew", addComment )."
Itt tehát a példában az eseménykezelőt a tbody-ra kötötte, ahelyett, hogy az összes tr-re tette volna ugyanezt, így az eseménynek csak pontosan egy szintet kell buborékszerűen felúsznia, a klikkelt tr elemből a tbody felé.
Ide felraktam egy egyszerű példát:
http://jsfiddle.net/Sk8erPeter/Tpc3k/
itt például gombokat adok hozzá egy container elemhez. Az első példában csak az első gomb "reagál" (dob alert() ablakot), mert konkrétan a kód lefutásának pillanatában jelenlévő button elemre kötöttem az event handlert; a második esetben viszont amikor hozzáadok újabb gombokat, azok is dobnak alert()-ablakokat, hiszen ott azt határoztam meg, hogy a szülőelemre legyen kötve az event handler (egyébként itt a lényeg a hierarchia, nem az, hogy közvetlen szülőeleme legyen!), és megadtam egy selectort is (ami a "button"), hogy a leszármazott elemek közül ezekre szűrjön az eseménykezelés során, ezek triggereljék a click eseményt.
Lásd a doksiban a leírást a selectorra:
selector
Type: String
A selector string to filter the descendants of the selected elements that trigger the event. If the selector is null or omitted, the event is always triggered when it reaches the selected element.Tehát a különbség:
első:
$container1.find('button').on('click', function (event) { ... } );
második:
$container2.on('click', 'button', function (event) { ... } );Remélem, nagyjából érthető, ha valami nem tiszta, mert bonyolultan írtam, kérdezz nyugodtan
Hihetetlen, hogy milyen kidolgozott profi válaszokat tudsz adni, kb. mindenkinek aki legalább felig ertelmes kerdest tesz fel, le a kalappal. Tenyleg.

-
trisztan94
őstag
Üdv mindenkinek!
Az alábbi problémára keresem a megoldást, remélhetőleg ti tudtok nekem segíteni. Adott egy felület, rajta 2 mezővel: "nicknév" és "e-mail", amiket ki kell tölteni, és az "elküld" gombra kattintva fel kell vinni egy adatbázisba.
<form name="input" action="action.php" method="get" >
User nickname: <input type="text" name="user_name"><br>
User e-mail: <input type="text" name="user_email"><br>
<input type="submit" value="Elküld">
</form>A gombra kattintva az "action.php" hívódik meg, le is fut, be is írja az adatbázisba, amit kell, viszont átirányít egy üres oldalra - az "action.php"-re. Úgy szeretném ezt elérni, hogy ne irányítson át sehova, hanem maradjon az előző oldalon. Érzésem szerint ehhez JavaScript kell, és találtam is kódokat, de valamiért nem sikerül működésre bírni...
Tudnátok ebben segíteni?
Ajax kell neked.
Keress rá arra, hogy Ajax form submit Google-ben.
(Mobilrol vagyok)
-
trisztan94
őstag
Inkább én bocs, így utólag visszaolvasva kicsit túlzás, amit írtam, pedig eredetileg nem szántam ilyen oltósnak, csak kissé fáradt vagyok.
(3 óra alvás, kissé nehéz nap, ilyesmik. Sorry.
)OK, látom már a problémát, lejjebb görgettem.
(Eddig csak megnéztem gyorsan a kezdőlapot, aztán lefostam.) Igazából ott kezdődik a probléma szerintem, hogy mindezt JavaScripttel akarod megoldani, ahogy martonx már utalt erre.
Sok megoldás van divek egyenlő magasságának megoldására:
http://www.hongkiat.com/blog/css-equal-height/ (nézd a demóját)
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
http://css-tricks.com/fluid-width-equal-height-columns/ (+demo)
http://codepen.io/micahgodbolt/pen/FgqLcA jelenlegi megoldásban ez az a kód, ami nálad csinálja a dolgot, erre voltam korábban kíváncsi, de lusta voltam megnézni a forráskódot:
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(document).ready(function() {
equalHeight($(".mid"));
});Ha a .mid class-ra raksz egy overflow: auto; tulajdonságot, akkor működni fog a jelenlegi is. De akkor ott van a görgetősáv, feltételezem, azt nem akartad korábban, azért vetetted be többek közt ezt a kódot.
Hogy most itt a .height() miért ad vissza rossz magasságot, mármint konkrétan 580px-est a 694px körüli helyett, azt most nincs agyam felfogni.
Amúgy a fölső menünél rohadt idegesítő, hogy bizonyos esetekben nem lehet eltalálni a menüpontot, pl. a Rólunk felirat föléviszem, és picit is máshova viszem a kurzort, mint az alsó sáv, akkor már rossz, "kiugrott" belőle. Erről a jelenségről az ennek a hsz.-nek a végén belinkelt cikkben olvashatsz: [link].
http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdownSzerk.:
időközben megelőztek, ugyanazzal a linkkel, amit fentebb én is bedobtam, most láttam, hogy végül nem is küldtem el a hsz.-t, amikor megírtam, csak itthagytam a háttérben az egyik fülön, kész vagyok ma...
"Néha jó 5 perc szünetet tartani"

-
trisztan94
őstag
Szerintem a videódon is teljesen jól látszik az a minimális "röcögés" a slidernél, amiről beszéltem.
A hibaüzenetekkel kapcsolatban: igazából ilyenkor szerintem mindig csak az a pár (másod)percnyi Guglizás marad ki az életedből, amivel megkönnyítenéd a dolgodat.

"azt hittem valamiért egy illuminált pillanatomban, hogy nincsenek globális metódusok"
Hát gondold végig, hogy működhet. Ha include-olsz valamit, és az nincs körbeburkolva valamivel, ami "gátolja" az elérést, akkor annak a scope-jában eléred az adott függvényt/metódust (utóbbit az objektumon keresztül!)."amúgy JS-ben is metódusnak hívják magyarul a function-öket, vagy funkciónak? - Mondjuk a funkció szó szerintem ilyen kontextusban nagyon ronda"
Function = függvény (matematikai és programozási kontextusban mindig ezt jelenti, nem pedig "funkció"!!).
Ezek szerint ott vannak fogalmi zavaraid, hogy egyáltalán mi az a function (FÜGGVÉNY) és mi az a method (metódus). Azért ez is eléggé alapvető kérdés, érdemes kérdezés előtt ismét Guglizni.
Alapvetően eléggé hasonló fogalmat jelentenek, mind a függvény, mind a metódus kb. egy adott programkód egységbe zárt részlete, mindkettőnek lehet visszatérési értéke, mindkettőnek lehetnek paraméterei, de legalább egy igen fontos különbség van, hogy a metódusok mindig objektumokhoz kötődnek, tehát utóbbi fogalom elsősorban objektumorientált programozás kontextusában jön elő. Még egy fontos különbség, hogy a metódus eléri az adott objektum adatait (változók, egyéb metódusok, stb.; nyilván egyébként pl. öröklésnél csak azt, amihez van hozzáférése!), egy függvény nem biztos, hogy kívülről hozzáfér egy objektum adataihoz.Remélem, tiszta.
Ezek szerint ott vannak fogalmi zavaraid, hogy egyáltalán mi az a function (FÜGGVÉNY) és mi az a method (metódus).
Nyilván ezekkel tisztában vagyok, csak azt nem tudtam, hogy magyarul hogy van helyes a function szó.
A hibaüzenetekkel kapcsolatban: igazából ilyenkor szerintem mindig csak az a pár (másod)percnyi Guglizás marad ki az életedből, amivel megkönnyítenéd a dolgodat.

Na igen, ezt megpróbálom a jövőben pótolni

-
trisztan94
őstag
Ha ilyen problémád van, lehetőleg megpróbálhatnád végre értelmesen leírni, milyen hibát tapasztalsz, milyen hibaüzeneteket kapsz, mert tök feleslegesek az ilyen oda-visszaírogatások, hogy aztán a végén kiderüljön, hogy igazából ezt az egészet kettő darab hsz.-ben is meg lehetett volna oldani. Tulajdonképpen most is csak ilyen odavetett félinfókat írogattál (fingunk sincs, hogyan van beállítva a projekted, meg hasonlók), úgyhogy a Visual Studiós problémádat sem tudjuk ennyiből megoldani.
(#3844) trisztan94 :
nézd meg jobban.
Valamennyire észre lehet venni azt a szaggatást, amiről beszél, a monitorok tetejét ha megnézed, egy picit mintha ottmaradna, némi késéssel követi csupán.nézd meg jobban.
Valamennyire észre lehet venni azt a szaggatást, amiről beszél, a monitorok tetejét ha megnézed, egy picit mintha ottmaradna, némi késéssel követi csupán.Na most vagy én nem látom a szaggatást, vagy nem tudom. Videó: [link]
============================================================================megpróbálhatnád végre értelmesen leírni
Igen, tudom, eléggé "semmit" nem adtam információ gyanánt.
Most nincs nagyon lelki erőm átbootolni Windows-ba, meg egy elég nagy projektet nyomogatok, de holnapután szvsz megnézem pontosan. Leginkább abból indultam ki, hogy azt hittem valamiért egy illuminált pillanatomban, hogy nincsenek globális metódusok (amúgy JS-ben is metódusnak hívják magyarul a function-öket, vagy funkciónak? - Mondjuk a funkció szó szerintem ilyen kontextusban nagyon ronda), ezért kérdeztem rá, majd jutottam arra a konklúzióra, hogy a VS hülye. De most meg megint úgy vagyok, hogy a VS valszeg sokkal okosabb, mint én, így nagyon sok esélyt látok arra, hogy én vagyok a hülye már megint és szarul állítottam be valamit. Na, majd megnézem!(#3849) martonx
Hozzáteszem VS2012 - 2013 már alapból tartalmazza a jquery-s intellisense-eket.
A 2013 még knockout-ot, meg mittudomén még mi minden js libet támogat intellisense-el alapból.Na igen, ez meg a másik. Mondom, hogy én vagyok a hülye!

-
trisztan94
őstag
Nálam egyáltalán nem szaggat, semmilyen böngészőben. (Safari, Chrome, FF, Opera)
Konfig:
Macbook Pro, OSX 10.9
i5 (2 mag), 4Gb ram, 1280x800Neked milyen konfigod van?
-
trisztan94
őstag
Már miért ne tudnád elérni "sehogy"?

Szerinted például a jQuery függvényeit, Google Maps API metódusait hogyan éred el? Gondóóóókozzá'!
Na jó, segítek: először include-olod ezek scriptfájljait, utána már tudod használni az abban globálisan elérhető változókat és függvényeket. Tehát ha "globális" függvényről van szó, simán eléred a másik fájlból.Anonymous closure-ökkel*, és más módszerekkel persze lehet "priváttá" tenni a függvényeket, de úgy oldod meg, ahogy jólesik.
*: hasznos olvasnivaló:
http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html#anonymous_closuresNa, akkor nem én vagyok a hülye
Az alapján tettem fel a kérdést, hogy a Visual Studio dobálgatta nekem a Build Error-okat, hogy ismeretlen function-öket hívok meg. De akkor ezek szerint a Visual Studio (2013 Pro) nem tudja kezelni ezeket? Vagy én csinálok valamit nagyon rosszul? Na megnézem mégegyszer.. 
-
trisztan94
őstag
Na erre nem is gondoltam
Köszi!Más:
Másik, a HTML kódban include-olt JS fájlban lévő function-öket nem tudok elérni sehogy, ugye?Van egy default.html fájlom, abban így néz ki a két <script> tag:
<!-- UI logikája -->
<script type="text/javascript" src="/js/default.js"></script>
<!-- Térkép logikája -->
<script type="text/javascript" src="/Scripts/V7ClientSideClustering.js"></script>
<script type="text/javascript" src="/js/mapControl.js"></script>Tehát pl. a mapControl.js-ből elérni a default.js-ben lévő showNavigation(); function-t.
-
trisztan94
őstag
Sziasztok!
Egy Windows 8.1 Store alkalmazást készítek a WinJS motorral, HTML + CSS segítségével. Egy térképes alkalmazás lesz, készen is van, csak egy dolog idegesít.
Ez a kód beméri a felhasználó pozícióját, majd ránagyít és a térkép középpontja lesz:
function getUserPosition() {
// bemérjük a felhasználó pozícióját
var geolocator = new Windows.Devices.Geolocation.Geolocator();
geolocator.getGeopositionAsync().then(function (loc) {
var mapCenter = new Microsoft.Maps.Location(47.165733, 19.416574);
mapCenter.latitude = loc.coordinate.latitude;
mapCenter.longitude = loc.coordinate.longitude;
var pin = new Microsoft.Maps.Pushpin(mapCenter, { icon: "/Images/user.png", height: 39, width: 25});
map.entities.push(pin);
map.setView({ center: mapCenter, zoom: zoom });
});
}Teljesen rendben működik, viszont az a bajom vele, hogy nem írja semmi a felhasználónak, hogy éppen a pozícióját keressük (nyilván akkor, amikor éppen bemérés alatt áll).
Tehát ami kellene, az egy sima üzenet, hogy "Pozíció bemérése folyamatban...". Van valakinek valami tippje?
-
trisztan94
őstag
"Mint a videóban is látszik,ha document ready-be vannak berakva, akkor a feltöltő oldalon megy, ha azon kívülre, window onload-ba, akkor meg a megjelítő oldalon."
Ezt még mindig nem értem, valami fogalmi zavarokat érzek nálad. Mi az, hogy $(document).ready()-n KÍVÜLRE, window.onloadba? Ez így értelmetlen. A .ready egy jQuery által definiált esemény, az .onload pedig megint egy másik esemény, van eltérés is a kettő között, amire a magyarázatot is gyorsan megtalálhatod:http://stackoverflow.com/questions/3698200/window-onload-vs-document-ready/3698214#3698214
"The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded.The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur as early as possible after the document has loaded, so that code that adds funcionality to the elements in the page doesn't have to wait for all content to load."
Szóval nem tudom, honnan jött nálad ez a "document ready-n kívülre, window onload-ba", de ez helytelen, értelmetlen, két különböző eseményről beszélünk, vagy egyikre, vagy másikra feliratkozhatsz egy event handlerrel (mindkettőre is feliratkozhatsz, csak értelmetlen).
Érdekes egyébként, amit írsz, hogy a .ready-vel az egyik esetben nem megy, csak onload-dal.
Egyébként nincs abban semmi gányolás, amit csináltál.
Egyszerűen annyiról van szó, hogy más esemény bekövetkezésére iratkoztál fel egy adott eseménykezelővel.================
(#3243) trisztan94 :
örülök, ha tisztázott egy-két részletet.
Amúgy viszont szerintem ha valaki érteni akarja, mit csinál jQuery-ben, akkor annak értenie kell először az alapokat, szóval sztem sima JavaScripttel érdemes indítani.================
(#3244) martonx :
rakhatta volna mondjuk egy initCodeMirror() nevű csodafüggvénybe, vagy hasonlóba a kódját, de szerintem ettől még nem gányolás, amit csinált.
A document ready-n kívülre dolgot úgy értettem, hogy egy sscript fajlon belül van egy document ready és az után jön rögtön az onload. Tehát kb így:
Document ready{
Sok jquery + feltöltő oldali code mirror hívás
}
Window onload {
Megjelenítő oldali Codemirror hívás
}Ezt hogy kell szakszerűen mondani akkor?
-
trisztan94
őstag
Egy nagyon jó összefoglaló miértekről és hogyanokról, namespace-ekről, objektumokról, tömbökről, scope-okról, adatrejtésről és hasonlókról (nekem modder linkelte):
Kevés igazán átfogó cikket látni, ami egy helyre gyűjti a különböző konvenciók értelmes magyarázatát, ez szerintem pont olyan, érdemes egyszer elolvasni.
Folytatása:
Köszi a megosztást, tényleg nagyon jó írás. Én nagyon keveset sz*rakodtam a javascript-tel, gyorsan rátértem a jQuery-re és örültem, hogy nem kell vele bajlódni. Azóta persze többször is előjött, hogy kellett volna vele többet foglalkozni, például a setInterval-nál, fogalmam sem volt, hogy hogy kell használni. Azóta persze kicsit átnéztem, de még mindig nem az igazi. Sokat segített ez a cikk!

-
trisztan94
őstag
A videód eléggé kapkodós volt, igazából nem tudom, hova rohantál, de lehet, hogy többet ért volna egy kicsit tökölősebb videó.

Az a baj, hogy a kódod többi részében nem vágjuk, mi történik, mi kúrhatja el a megjelenítést, még ennyi infó is kevés ehhez. Azt meg nem értettem, amit egy másik hsz.-ben írtál, hogy a $(document).ready()-n KÍVÜLRE raktad azt, amit írtam... heh?Most ide felraktam még egy példát, elölről kezdve, hátha valami para ennél is előjön, de nem volt semmi gond:
http://jsfiddle.net/Sk8erPeter/TcqAf/
Nálad lehet, hogy valami szükséges fájl nincs betöltve.
===============
(#3238) Dave-11 :
szívesen!No, leellenőriztem mindent:
Minden be van töltve, nem ütközik semmilyen más kóddal, próbáltam külön fájlba csak a jQuery nélküli codemirror scripteket berakni, úgy is ezt produkálja. Mint a videóban is látszik,ha document ready-be vannak berakva, akkor a feltöltő oldalon megy, ha azon kívülre, window onload-ba, akkor meg a megjelítő oldalon.Így oldottam meg, bár eléggé gányolós megoldás, működik, jelenleg ennyi nekem elég:
$(document).ready(function(){
// ... sok más jquery
var UploadPageCodeMirror = CodeMirror.fromTextArea(document.getElementById('CodeSnippetBody'), {
mode: "javascript",
theme: "default",
lineNumbers: true
});
});
window.onload = function() {
var ReadOnlyCodeMirror = CodeMirror.fromTextArea(document.getElementById('CodeSnippetBodyReadOnly'), {
mode: "javascript",
theme: "default",
lineNumbers: true,
readOnly: true
});
}Tehát a feltöltő oldalon lévő codemirrort document ready-be raktam, a megjelenítő oldalon lévőt, a document ready-n kívülre, window onload-ba.
Lehet megnézem az ACE editort

-
trisztan94
őstag
No, megjavult az előző bejegyzésben történt update probléma,minden böngészőben megjelenik a feltöltő oldalon a CodeMirror, nem tudom miért csinálta, ctr-f5-tel újra bejött. Még mindig rossz a megjelítő oldalon though.
Bocsi a felesleges hsz-ért!
Update 2: (
)
Nos, beraktam a document ready-n kívülre amit írtál Sk8terPeter, így most MŰKÖDIK a megjelenítő oldalon!DE
Most meg a feltöltő oldalon nem jelenik meg....
Mindjárt csinálok egy bemutató videót, hogy lássátok.http://screencast.com/t/3lIh3uIDFT3
Itt az említett videó.
Tényleg nagyon nagyon sajnálom a tripla hsz-t, nem fordul elő többet!

-
trisztan94
őstag
$(document).ready-be van rakva az egész script fájl. Ide rakom a jQuery kódokat is. Próbáltam onLoad-dal, úgy egyik oldalon sem jelenik meg a bővítmény

Update:
Nos, most teljesen meghalt a dolog.. átírtam ugye onLoad-ra, láttam, hogy nem jó, vissza Undo-ztam az eredetire és sehol sem jelenik meg. Mi a f*sz?? (már bocsánat, nagyon felhúzott)Az is gáz volt, hogy eddig ami megjelent, az is csak chrome-ban jelent meg, opera, firefox, ie-ben nem.
Most vagy én csinálok valamit nagyon szarul vagy nem tudom. Így vannak include-olva a layout fájlban:
<link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/codemirror.css" rel="stylesheet" type="text/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/doesExist.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script src="~/Scripts/modernizr-2.5.3.js"></script>
<script src="~/Scripts/Codemirror/codemirror.js"></script>
<script src="~/Scripts/Codemirror/mode/javascript/javascript.js"></script>
<script src="~/Scripts/Script.js"></script>Jó sorrendben raktam be őket, nein?
No, megjavult az előző bejegyzésben történt update probléma,minden böngészőben megjelenik a feltöltő oldalon a CodeMirror, nem tudom miért csinálta, ctr-f5-tel újra bejött. Még mindig rossz a megjelítő oldalon though.
Bocsi a felesleges hsz-ért!
Update 2: (
)
Nos, beraktam a document ready-n kívülre amit írtál Sk8terPeter, így most MŰKÖDIK a megjelenítő oldalon!DE
Most meg a feltöltő oldalon nem jelenik meg....
Mindjárt csinálok egy bemutató videót, hogy lássátok. -
trisztan94
őstag
"Lehet, hogy az a baja, hogy külön fájlba van?"
Az biztos, hogy nem, ha megfelelően, sorrendben include-olva van.
Az viszont nagyon nem mindegy, hogy pl. vajon onloadra van-e kötve.
Így:
http://jsbin.com/esomel/1/editSzóval így próbáltad? Még egy kis infó kéne, hogy rájöjjünk, mi lehet a para.
======================
(#3232) Dave-11 :
"Arra a változós módszerre én is gondoltam, csak először kicsit megijedtem tőle"
Ne félj, nem vagy egyedül, itt vagyunk veled.
$(document).ready-be van rakva az egész script fájl. Ide rakom a jQuery kódokat is. Próbáltam onLoad-dal, úgy egyik oldalon sem jelenik meg a bővítmény

Update:
Nos, most teljesen meghalt a dolog.. átírtam ugye onLoad-ra, láttam, hogy nem jó, vissza Undo-ztam az eredetire és sehol sem jelenik meg. Mi a f*sz?? (már bocsánat, nagyon felhúzott)Az is gáz volt, hogy eddig ami megjelent, az is csak chrome-ban jelent meg, opera, firefox, ie-ben nem.
Most vagy én csinálok valamit nagyon szarul vagy nem tudom. Így vannak include-olva a layout fájlban:
<link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/codemirror.css" rel="stylesheet" type="text/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/doesExist.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script src="~/Scripts/modernizr-2.5.3.js"></script>
<script src="~/Scripts/Codemirror/codemirror.js"></script>
<script src="~/Scripts/Codemirror/mode/javascript/javascript.js"></script>
<script src="~/Scripts/Script.js"></script>Jó sorrendben raktam be őket, nein?
-
trisztan94
őstag
De, jsFiddle-re is fel tudod így rakni, úgy, hogy az "Add resources" résznél bepakolod a fájl elérési útját, innen:
https://github.com/marijnh/CodeMirror/tree/master/lib
konkrétan ezt:
https://raw.github.com/marijnh/CodeMirror/master/lib/codemirror.js
és ezt:
https://raw.github.com/marijnh/CodeMirror/master/lib/codemirror.cssMondjuk mostanában nem tudom, mi van a jsFiddle-lel, elég sokat b@szakodik, de használhatod a jsbint is, meg a tinkerbint is, annyi a különbség, hogy ezeknél <script> tagben adod meg, az src attribútum használatával.
Amíg nem mutatsz konkrét kódot, sajnos nem tudjuk megoldani a hibádat.
Érdekes módon itt működik [link], pedig ugyan azt a kódod raktam bele. Lehet, hogy az a baja, hogy külön fájlba van? ASP.net Razorba van az oldal, van egy layout fájl, abba vannak berakva src-be a fájljai, a felöltő oldal is egy content fájl ill. a megjelenítő oldal is.
De akkor miért működik csak a feltöltő oldalon?

Próbáltam inline beírni a megjelenítő oldalon, de úgy sem jó. Layout fájlba is próbáltam inline, úgy sem, de mindenképp szeretném az összes JS-et külön fájlban tárolni az olvashatóság miatt.Mitől lehet ez?
-
trisztan94
őstag
Ha mondjuk megnyitnád a konzolt (F12 vagy Ctrl+Shift+I, Console fül), és azt is elmondanád, ott látsz-e hibát, sőt, esetleg még jsfiddle-re vagy jsbinre vagy tinkerbinre felraknád a kódot, hogy kész változatot lássunk, akkor biztos előrébb lennénk.

Se firebug, se semmi nem ír hibát. Jsfiddle-re sajnos nem tudom felrakni, mert kellenek a fájljai

Fogalmam sincs mitől lehet ez. Az összes böngésző alatt ezt csinálja.
-
trisztan94
őstag
Köszönöm, ez nagy segítség!
Ez egyrészt azt jelenti, hogy mégis megy IE9 alatt...
A probléma viszont továbbra is adott: az XP-s gépem egy teljesen átlagos gép, mindennapi használatban hiba nélkül működik. Gyanítom, hogy rengeteg hasonló lehet még az országban, naponta több száz weboldalt néznek meg rajta probléma nélkül.
Akkor viszont hogy lehet az, hogy CSAK ÉS KIZÁRÓLAG ezen az oldalon hibázik

u.i. Azzal a bordó téglalappal tényleg kell valamit kezdenem... Viszont én csak 1280x1024-es vagy kisebb felbontásban tudom megnézni sajnos, ott nem látszik
Van valami tipp mit kéne kiszednem a kódból?Köszi az eddigi segítséget is!
-
trisztan94
őstag
Sziasztok!
A CodeMirror bővítményről szeretnék kérdezni.
Két külön lapra szeretném beágyazni.
Az első egy kódrészlet feltöltő oldal, mely rendesen működik is, így néz ki most jelenleg. Mint látható tökéletesen megjelenik, nincs vele probléma.Itt a JS kódja (külső script fájl)
var UploadPageCodeMirror = CodeMirror.fromTextArea(document.getElementById('CodeSnippetBody'), {
mode: "javascript",
theme: "default",
lineNumbers: true
});Itt pedig a HTML kódja
<textarea rows="15" cols="70" name="CodeSnippetBody" id="CodeSnippetBody" @Validation.For("CodeSnippetBody")></textarea>
A második oldal egy kódrészlet megjelnítő lap lenne, melyen ugyanúgy CodeMirrorba jelenik meg, de ReadOnly attribútumot igazra állítva csak megjelenítés célt szolgálna. Nos, az valamiért nem akar működni, pedig másol+beillesztéssel csináltam meg még egyszer a kódod. A furcsa benne az, hogy ha ennek a textarea-nak az ID-jét átállítom arra ami a feltöltő oldalon volt (tehát CodeSnippetBody-ra), akkor megjelenik, de ha saját id-t adok neki nem.
Így néz ki a JS kódja (ugyan az a külső js fájl):
var ReadOnlyCodeMirror = CodeMirror.fromTextArea(document.getElementById('CodeSnippetBodyReadOnly'), {
mode: "javascript",
theme: "default",
lineNumbers: true
});Így pedig a HTML:
<textarea id="CodeSnippetBodyReadOnly">@code["CodeSnippetBody"]</textarea>
Így jelenik meg, tehát hibásan
Ha átállítom erre a HTML-jét, akkor viszont megjelenik, de akkor ugye nem tudom ezt külön testreszabni, hogy ReadOnly módba legyen.
<textarea id="CodeSnippetBody">@code["CodeSnippetBody"]</textarea>
Ekkor így jelenik meg.
Mi lehet ezzel a probléma, mit csinálok rosszul?
Köszönöm előre is

T
-
trisztan94
őstag
Még korábban csináltam egy demót formelemek klónozásáról, itt meg tudod tekinteni:
http://jsfiddle.net/Sk8erPeter/RqYYj/Ezt ajánlom még:
SheepIt! Plugin - Dynamic form cloning with Jquery
Elég ígéretesnek tűnik.Meglesem, köszi

-
trisztan94
őstag
Szervusztok!
Van egy file inputom, alatta egy gomb, ha rámész 'appendol' még egy inputot alá. A classuk ezeknek '.otherpic'. Na most azt szeretném, hogy ha 1 van, ugye alapból, akkor fölötte a gomb, amivel egyet el lehet távolítani (tehát hogy eggyel kevesebb kép legyen ) ne látszódjon, ha 2 vagy több van akkor viszont igen.
Itt a jquery-m rá:
$('#addfile').on('click',function(){
var count = $('.otherpic').length;
if (count == 2)
{
alert("hey mr busta");
}
});// most alert van a kód helyett, de a lényeg lejön.
Szóval a fölötte lévő gomb alapból display none.Amúgy azt hogy csinálom, hogy elvegyen eggyet, szóval az append ellentéte?
Köszi!
-
trisztan94
őstag
IE8-ban is próbáltam, ott is jól működik.

Ja, és a fenti kód alkalmazása:
$(document).ready(function() {
$('.blink').blink(); // default is 500ms blink interval.
$('.blink_second').blink({
delay: 100
}); // causes a 100ms blink interval.
$('.blink_third').blink({
delay: 1500
}); // causes a 1500ms blink interval.
});Énis megtaláltam ezt, de nem tudtam leszedni :S
De köszi,működik amit írtál
Örök hálám! -
trisztan94
őstag
Sziasztok!
Egy <h1>-et kéne villogtatni, a színét. Stackoverflowon láttam több megoldást is, egyik se működik. Próbáltam ajaxos oldalon meg ajax nélkülin is.
itt van az egyik
itt a mostani kódom:
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta charset="utf-8"/>
</head>
<body>
<div id="flash"><h1 id="asd">Villogjá'</h1></div>
<input type="button" id="button" value = "Let the medzsik begin"/>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/flash.js" type="text/javascript"></script>
</body>
</html>jquery:
$("#button").click(function () { $('#asd').effect("pulsate", { times:3 }, 2000); });
-
trisztan94
őstag
Gondolom valami ilyesmire gondolsz:
http://jsfiddle.net/Sk8erPeter/KE8LS/Lehet, hogy lehetne még gyönyörűzni, de jelenlegi agyi állapotomban, félhullaként erre futotta.

Istenkirály vagy, köszi szépen!
Tökéletesen működik!Ha veszel valamit tőlem hardveraprón, kapsz kedvezményt a sok segítségért!
Mégegyszer köszi! -
trisztan94
őstag
Szívesen, kérdezz, ha valami nem tiszta!
Nem ezzel kapcsolatban, de elakadtam..
<?php foreach($dataArray as $data) { ?>
<div class="visible">
<?php echo $data[0] . "<br/><center><a href='#' class='story_show'>Teljes Történet</a></center>"; ?>
</div>
<div class="hidden" style="display:none;">
<?php echo $data[1]; ?>
</div>
<?php } ?>Ez egy php txt file listázás, a 'visible' az egy 300 katakteres 'előnézete' a teljes történetnek. Na most az <a>-ra kattintva kéne, hogy bejöjjön a teljes, a 'hidden' rész.. itt a jQuery-m rá:
$('story_show').on('click', function () {
$('.hidden').css('display', 'inline');
});Életem első jQuery kódja nem működik


Amúgy ajaxos az oldal, lehet interferenciál valamit. Netbeans progival írtam, szintaktikai hibát nem jelez. Ja, és ráadásul az <a> 2x jelenik meg (mert ugye most egy filem van amit kilistáz) Egyszer az egész felett, másodszor meg a jó helyen.Köszi mester!

-
trisztan94
őstag
Teljesen egyetértek az ott hozzászólóval, iszonyat ocsmány lenne sima JavaScriptben egy AJAX-hívás, felesleges ezzel szívatnod magad, amikor ilyen jó library-k vannak, mint a jQuery és a többi hasonló. Persze ha nagyon szorgalmas vagy, akkor felfedezheted a spanyolviaszt.

Amúgy ezelőtt én is írtam neked egy választ, arra még nem reagáltál.

Rendben, utánanézek majd, megcsinálom úgy.
Az előző hsz-edet nem jelezte ki
Azóta sem sikerült megcsinálni, gyorsan megcsinálom azzal, köszi!

-
trisztan94
őstag
Sziasztok!
Ide írtam, de csak jQuery-s választ kaptam. Valaki kitudna segíteni egy good ol' javascript javítással ?


T
-
trisztan94
őstag
Sziasztok!
Olyat szeretnék, hogy van egy file inputom, megcsinálva, hogy egy textboxban jelenjen meg, igazából nehéz elmagyarázni. Az elérési útvonal egy text inputban van, a lényeg az lenne, hogy amíg üres, tehát nem lett fájl tallózva, addig display:none; legyen, ha került bele adat, tehát a tallózás megvolt, akkor meg display:inline;
itt a html:
<input type="text" id="fileName" class="file_input_textbox" readonly="readonly">
<div class="file_input_div">
<input id="fileInputButton" type="button" value="Tallózás" class="file_input_button" />
<input type="file" class="file_input_hidden"
onchange="javascript: document.getElementById('fileName').value = this.value"
onmouseover="document.getElementById('fileInputButton').className='file_input_button_hover';"
onmouseout="document.getElementById('fileInputButton').className='file_input_button';" /></div>Szóval a legfelső az amiről beszéltem.
itt a javascript:
window.onload = function() {
var textbox = document.getElementById('fileName');
if (textbox.value == null)
{
textbox.style.display = 'none';
}
else
{
textbox.style.display = 'inline';
}
}Köszönöm szépen!

-
trisztan94
őstag
-
trisztan94
őstag
Meg, már ne is haragudj, de html-beli alap hiányosságok is vannak, nem csoda, hogy nem megy, ha ilyet írsz:
<input type="text" id="email" value="e-mail - *Nem Publikus" class="elemek" name="email"/><br />
majd:
var email1 = document.getElementById("email").innerHTML;
-----------------------------------------------
Csinálj egy táblázatot, a user töltse ki, majd a Submit gombbal ajax segítségével küldd el az értékeket a php fájlnak, vagy még submit előtt végezz ellenőrzéseket, vagy azt is csinálhatod, hogy a kód csak küldi az adatokat, és a php dolgozza fel őket, ha valami nem ok, akkor a php jelzi azt a kódnak, a kódban meg mondjuk pirossal bekeretezed ami rosszul lett kitöltve.
Az ajax meg főleg magas nekem
Igazából egy helyen találtam róla leírást, a www.w3schools.com-on, de ott nem magyarázza el rendesen, vagy legalábbis én nem értem meg, pedig többször is elakartam kezdeni. -
trisztan94
őstag
Ez a tinybox. Én imádom, nagyon profin néz ki tőle az oldal

Tudom, még tanulgatnom kéne, de mindent útközbe kell igazából megtanulnom, elvállaltam egy melót átgondolás nélkül, most már nem akarom visszamondani

-
trisztan94
őstag
-
trisztan94
őstag
A tinyboxosat megoldottam, nem volt még létrehozva a guest_user.php file

A másiknak itt a kódja:
<?php ?>
<!doctype html>
<html lang="hu">
<head>
<title>Cím</title>
<link href='http://fonts.googleapis.com/css?family=Niconne&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="../css/soon.css"/>
</head>
<body>
<form method="POST" action="register.php">
<input type="text" id="name" value="Vezetéknév - *Nem Publikus" class="elemek" name="name" /><br />
<input type="text" id="surname" value="Keresztnév - *Nem Publikus" class="elemek" name="surname" /><br />
<input type="text" id="username" value="Felhasználónév" class="elemek" name="user"/><br />
<div id="wrongemail" style="display: none; border:1 px solid red; background-color:white;">Nem Egyezik a Két e-mail Cím!</div>
<input type="text" id="email" value="e-mail - *Nem Publikus" class="elemek" name="email"/><br />
<input type="text" id="email_verify" value="e-mail megerősítése" class="elemek" onkeyup="verifyemail()"/><br />
<input type="password" id="password" class="elemek" name="password"/><br />
<input type="password" id="password_verify" class="elemek" onkeyup="verifypassword()"/><br />
<span>Elolvastam és elfogadom a <a href="../html/agreement.html">felhasználási feltételeket</a></span>
<input type="checkbox" id="agreement" /><br /><br />
<input type="submit" class="belepes" value="Regisztráció"/>
</form>
<script type="text/javascript">
function verifypassword()
{
var pass1 = document.getElementById("password").innerHTML;
var pass2 = document.getElementById("password_verify").innerHTML;
if(pass1 != pass2)
{
document.getElementById("wrongpass").style.visibility="visible";
}
else
{
document.getElementById("goodpass").style.visibility="visible";
}
}
function verifyemail()
{
var email1 = document.getElementById("email").innerHTML;
var email2 = document.getElementById("email_verify").innerHTML;
if(email1 != email2)
{
document.getElementById("wrongemail").style.display="block";
}
else
{
document.getElementById("goodemail").style.display="block";
}
}
</script>
</body>
</html>
Közben megváltoztattam a visibility-t display-re

-
trisztan94
őstag
Talán ki kéne cserélned az else ágat erre:
if (document.getElementById("adatlap").innerHTML != "Vendég")
{
T$('adatlap').onclick = function(){TINY.box.show('../php/user.php',1,500,400,1)}
}
else if(document.getElementById("adatlap").innerHTML == "Vendég")
{
T$('adatlap').onclick = function(){TINY.box.show('../php/guest_user.php',1,500,400,1)}
}
else { ... }Amúgy nem tudom, hogy mit akarsz csinálni, de amondó vagyok, hogy egyszerűbben is meg lehetne

-------------onkeyup="javascript:verifyemail();" ---> onkeyup="verifyemail()"
Azt is csináltam, nem jó

Hát ugye, rámegy a nevére, kidobja az adatlapját, mennyi kredite van stb, ha vendég fiókkal van bejelentkezve akkor meg azt írja, hogy itt lenne ez meg az.edit:
Végülis annyi változást láttam, hogy az oldal scrollbarja kisebbedik, de nincs tartalom.edit 2:
onkeyup="javascript:verifyemail();" ---> onkeyup="verifyemail()"Szintén semmi változás.
-
trisztan94
őstag
-
trisztan94
őstag
Na, meg van egy másik problémám is, tinyboxxal.
if (document.getElementById("adatlap").innerHTML != "Vendég")
{
T$('adatlap').onclick = function(){TINY.box.show('../php/user.php',1,500,400,1)}
}
else
{
T$('adatlap').onclick = function(){TINY.box.show('../php/guest_user.php',1,500,400,1)}
}Ugye, ha rendesen bejelentkezünk, akkor ottvan a felhasználónév, rákattintasz, bejön rendesen a tinybox. Ezzel semmi probléma nincs. Az else ággal van az, hogy ha Vendég van odaírva, tehát vendég fiókkal léptél be, akkor meg nem csinál semmit.

Gyűlölöm a PHP-t, de az legalább működik


-
trisztan94
őstag
így se jó

A Jquery-n már énis gondolkoztam, csak mivel gyűlölöm a PHP-t, láttam, hogy az is tele van dollár jelekkel, így bele sem kezdtem

-
trisztan94
őstag
Sziasztok!
Egy egyszerű probléma lenne, mégsem tudok rájönni mi a baj
html:
<div id="wrongemail" style="visibility: hidden; border:1 px solid red; background-color:white;">Nem Egyezik a Két e-mail Cím!</div>
<input type="text" id="email" value="e-mail - *Nem Publikus" class="elemek" name="email"/><br />
<input type="text" id="email_verify" value="e-mail megerősítése" class="elemek" onkeyup="javascript:verifyemail();"/><br />javascript:
function verifyemail()
{
var email1 = document.getElementById("email");
var email2 = document.getElementById("email_verify");
if(email1.Value != email2.Value)
{
document.getElementById("wrongemail").style.visibility="visible";
}
else
{
document.getElementById("goodemail").style.visibility="visible";
}
}

-
trisztan94
őstag
Itt is vannak egyediek, választhatnál hasonlót:
Google Web FontsKönnyű beüzemelni is.
Köszönöm szépen, találtam egy jót. Örök hálám üldözni fog!

Üdv,
Trisztán -
trisztan94
őstag
CSS 3 felé indulj, de egyébként legtöbbször nem szerencsés, tök ismeretlen betűtípussal zúzni, érdemesebb olyanokra építeni, ami jó eséllyel megvan mindenkinél, vagy legyen egy használható backup megoldás (egyszerre több font-family-t is használhatsz valamire).
Hát az a baj, hogy igaából csak ezzel néz ki jól az oldal
valami ötlet hogy lehetne megoldani?
-
trisztan94
őstag
Sziasztok!
Olyat lehet csinálni, hogy js sütibe letölt egy betűtípust a felhasználó gépére?
Én Brush Script Std-vel csináltam az egész oldalt, meglepetésemre windows alatt times new romannal üdvözölt..Köszi

Új hozzászólás Aktív témák
-
Fórumok
PROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Tabletek, E-bookok Nyomtatók, szkennerek PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokLOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
- ÁRGARANCIA! Épített KomPhone Ultra 9 285K 64GB RAM RTX 5090 32GB GAMER PC termékbeszámítással
- Apple iPhone 13 Pro 256GB, Kártyafüggetlen, 1 Év Garanciával
- Új AKRACING CORE EX gamer szék dobozában, BONTATLAN!
- Windows, Office licencek kedvező áron, egyenesen a Microsoft-tól - Automata kézbesítés utalással is!
- Xiaomi 17 Ultra 512GB Black Karcmentes állapot 16GB RAM 2029.03.11. garancia
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest










Az



Azóta sem sikerült megcsinálni, gyorsan megcsinálom azzal, köszi!


