- Vezetékes FEJhallgatók
- Milyen TV-t vegyek?
- Milyen egeret válasszak?
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
- AMD Ryzen 9 / 7 / 5 7***(X) "Zen 4" (AM5)
- Gaming notebook topik
- A Princeton újraértelmezte az ultrakompakt hordozható SSD fogalmát
- Mindenkinek elérhetővé teszi a képgenerálást a Lossless Scaling
- Bambu Lab X1/X1C, P1P-P1S és A1 mini tulajok
- NVIDIA GeForce RTX 4080 /4080S / 4090 (AD103 / 102)
Hirdetés
-
Miben segít Kevin O'Buckley az Intelnek?
it Igazi veteránnak számít a chipgyártó üzletágban Kevin O'Buckley, aki innentől kezdve az Intel Foundry Services részlegét vezeti.
-
A kard és az űr az új Arc meghajtó két fő motívuma
ph A 31.0.101.5518-as csomag három hibával is leszámolt.
-
Red Dead Redemption - Újabb jel, hogy PC-re is megjelenhet?
gp Vajon a Rockstar meddig húzza még az időt azzal, hogy végre elhozza még egy platformra a játékot?
Új hozzászólás Aktív témák
-
Lacces
őstag
A jQuery-ben a $ - ez pontosan mit jelent?
Nem tanultam előtte komolyabban JavaScriptet, sem jQuery-t csak fogtam magam a w3school.com -on a jQuery-t elvégeztem, és a könyvtárból kivettem a jQuery Receptek című könyvet, amiből a példákat értem még.
$ - erre a könyv csak annyit írt, hogy álnév használata, globális ütközések elkerülésére... és nem tudtam onnan felfogni, hogy most ez mit is akart jelenteni.
Én online azt vettem ki a példakódokból, hogy a jQuery szót helyettesíti, annak a rövidebb változata.
-
Lacces
őstag
válasz Brown ügynök #45 üzenetére
Köszi!
-
Lacces
őstag
Sziasztok!
Ez miért nem működik? Mit nézek be? Nem jöttem rá magamtól, de each()-el megy, hogy if elágaztatással, de így simán valamiért nem működik.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
(function($){
$(document).ready(function() {
$("ul > li:odd").addClass("odd");
$("ul > li:even").addClass("even");
});
});
})(jQuery);
</script>
</head>
<body>
<h2>Family Members</h2>
<ul>
<li>Ralph</li>
<li>Hope</li>
<li>Brandon</li>
<li>Jordan</li>
<li>Ralphie</li>
</ul> -
Lacces
őstag
Ennél, miért kell az each() függvény?
$(document).ready(function(){
var lis= $("ol li").get().reverse();
$("ol").empty;
$.each(lis, function(){
$("ol").append("<li>" + lis.innerHTML + "</li>")} -
Lacces
őstag
Sziasztok!
Észre vettem egy furcsaságot ezzel a példa kóddal kapcsolatban!
Chrome alatt az animate gomb által végrehajtandó függvény, nem fut le!
Viszont megnéztem IE9 alatt is, ott simán lefut. Ez mitől lehet?Hogyan lehet kompatibilissá tenni?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Chapter 6 - Recipe 10</title>
<link rel="stylesheet" href="chapter6.css" type="text/css" media="screen">
<style type="text/css" media="screen">
.big {
font-size: 400%;
width: 500px;
height: 500px;
line-height: 100%;
}
</style>
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#animate').click(function () {
$('.box').toggleClass('big', 2000);
});
$('#effect').click(function () {
$('.box').effect('explode', null, 2000);
});
});
</script>
</head>
<body id="single">
<h1>Using jQuery UI for advanced effects</h1>
<input type="button" id="animate" value="animate" />
<input type="button" id="effect" value="jQuery UI effect" />
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</body>
</html> -
Lacces
őstag
Most jött el az a pillanat, hogy felgyújtanám azt a könyvet amiből tanulok....
Most ismét elindítottam azt a sz*os weblapot, és ment az animate, kinagyította semmit sem írtam át... ment!
Erre meg az explode nem megy... eszem megáll... nem értem... ha meg a legújabb jquery-ui-t teszem be, akkor meg meghal...
[link] itt a példa. Itt nem megy az animate, gépemre letöltve, megy... viszont az effect nem megy... nem értem. Ez nem determesztikus működés már...
effect a leírása jqueryui.com-on található meg!
Megvan az összefüggés:
Ha egyszer a html-ben a jquery forrás linkját átírom a legújabb 1.8.14-re, akkor működik az animate! viszont az effect() az explode, nem megy végre. De ha visszírom is 1.7.xxx-re akkor úgyanúgy "bent ragadhat valahogy a kód", mert onnantól kezdve az effect() ismét nem működik, csak az animate()...
Ha visszont nem piszkálom meg az eredeti 1.7.xxx-t akkor az marad érvényben. És csak az effect() működik
Próbáltam úgy is, hogy a Chrome-nak a gyorsító tárát töröltem, de akkor sincs változás az 1.8.14-ről... Valamiért ha egyszer beírom oda a legújabbat, akkor az nyista... nem műxik többé.
Amúgy kipróbáltam az 1.7.xxx jquery ui-val, amit te mondtad, hogy toggleClass()-t átállítottam true-ra és akkor ment!
Érdekes, hogy a legújabbal megy a toggleClass() , hogy ha true helyett a sebességet adom meg, de az explode() már nem.
Köszönöm a segítséget!
-
Lacces
őstag
Az már biztos, hogy én életben tartom a jQuery topicot :-D
Van ez a kód lentebb, az már biztos, hogy inkább jquery felhasználó leszek, és eseményeket ritkán fogok programozni. Inkább plugin használat, ui, css
Kérdéseim:
var event = jQuery.event - ez pontosan mit akar itt jelenteni? Melyik esemény megy bele az event változóba?setup() miért false-al tér vissza?
teardown() na az mi? és ott is miért fasle-al tér vissza?
na és itt handler() miért van?
Könyv sem írt magyarázatot hozzá, de nem is nagyon várok, ha nem tudtok rá adni választ, de érdekel a miértje.
$('tr').bind('selected',function(){
$('tr').removeClass('selected');
$(this).addClass('selected');
});
(function($){
// Save these to make the code shorter
// Don't do this within the global scope
var event = jQuery.event;
var $selected = event.special.selected = {
setup:function( data ){
event.add(this, 'click', $selected.handler);
return false;
},
teardown:function(){
event.remove(this, 'click', $selected.handler);
return false;
},
handler:function(){
var $elem = jQuery(this);
if( !$elem.hasClass('disabled') )
$elem.triggerHandler('selected');
}
};
})(jQuery);További kérdéseim:
var az változót definiál, de én még nem láttam soha sem ezt a sort: var auto = false, id; ez most micsoda? Két értéket adok meg egy változónak?
Az algoritmusát valaki eltudná nekem magyarázni?
Illetve a bind('start', start) - ennél a 'start' a start egy javascript event type lenne? Nézegettem javascriptes event type-kat de nem találtam meg konkrétan a start vagy stop-ot, de click, mouseover és társait megleltem.
példa élőben illetve ezen a linken van a hozzákapcsolód példa, ennél a kérdésem, hogy honnan szedi ki a képeket? Mert HTML tageknél nem látom a slideshow képeit (csak a vezérlőket) Honnan nyeri ki a képeket, amiket manipulál?
( a lentebbi kódrészlet meg itt van: [link])var auto = false, id;
function start(){
stop();
auto = true;
id = setTimeout(next, options.interval || 2000);
}
function stop(){
auto = false;
clearTimeout(id);
}
$img.bind('start', start).bind('stop', stop); -
Lacces
őstag
Ezt a programkódot láttam.
Csak hogy van vele egy bajom... hogy ha az other radiobuttonbe ír (amelyikhez tartozik szövegbevitel mező ( a többihez nem)), akkor nem jelöli ki egyből azt a rádiogombot. Csak akkor ha befejeztem a szöveg írását és ki kattintok belőle.
Hogyan tudom úgy átírni a kódot, hogy amikor éppen írnak bele szöveget, már akkor kijelölje a radiogombot?
$(document).ready(function(){
// find any text input in chooseSource list, and cycle through each
$('#chooseSource input:text').each(function(){
// these are both used twice, let's store them to be more efficient
// the text input
var $inputTxt = $(this);
// the associated radio button (az input text-hez tartozó radio button hozzáadása)
var $radioBtn = $inputTxt.siblings('input:radio');
// listen for the blur event on the text input
$inputTxt.blur(function(){
// if text input has text
if ( $inputTxt.val() !='' ) {
// select radio button
$radioBtn.attr('checked',true);
}
}).trigger($radioBtn.change);
// listen for the change event on the radio button
$radioBtn.change(function(){
// if it is checked, focus on text input
if ( this.checked ) { $inputTxt.focus(); }
});
}); // close each()
}); -
Lacces
őstag
Aham próbálgatom itt a példát, és közben értelmeztem amit te mondtál melléje, így értem. Ha tényleg csak véletlenül kattintott oda, és akkor közben kijelöli a rádiógombot és tovább halad az űrlap kitöltésével, akkor az marad kijelölve. (Például felette már kijelölt egy rádiógombot csak véletlenül, abba a szövegmezőbe is belekattint és akkor annak a rádigombját jelöli ki a jQuery). Köszönöm!
-
Lacces
őstag
Jeges, vagy bárki más :-)
http://jqueryui.com/demos/slider/#range Van ez a ranger-es slider (csúszka). Nekem nagyon tetszik. Viszont ahogy elemeztem a példát is, (meg keresgéltem a google-n, de sikertelenül)
Engem egy olyan megoldás érdekel, hogy a két érték, amit mutat, azt ne egy inputba mutassa, hanem kettőben!
Erre lennék kíváncsi kód szinten. Ugyanis gondolom ez a 2 input értéke felhasználható lenne egy php fájlban, ahol mondjuk, keresést hajt végre, hogy két érték közé eső objektumokat keressen.
Konkrétan: ár csúszka. A két szélső érték eső árú termékeket jelenítse meg. Na erre vagyok kíváncsi, egy ilyen hogy néz ki kód szinten. Vagy iránymutatás, hogyan nézz ki. (csak a jquery és max a html kód érdekel hozzá)
-
Lacces
őstag
Jeges! Vagy bárki aki ért a jQuery UI-hoz.
Kellene egy kis segítség!
Van ez a html oldal, ami jQueryt használ fel. De valamiért nem működik...
A shoppingcart-os weblap, az jó, ott működik a jquery, de a másik a Calling-jquery ... weblapon a jQuery nem működik, és nem tudom, hogy miért...és csak az ideg eszi az agyamat, és az asztalt tudom csak verdesni...
A két weboldal, ugyanazokat a jQuery js fájlokat tölti be, ugyanazokat a témák, de az egyik nem működik, a másik meg igen... és nem értem, hogy miért.
Hálás lennék ha valaki elmondaná, hogy mi a bibi.
-
Lacces
őstag
válasz Brown ügynök #88 üzenetére
jeges és Brown ügynök köszönöm a segítséget!
Firebug nekem nem jelezte... igaz javascriptre sosem használtam, de nem láttam volna érte, hogy visítana.
Google Chrome, nekem még új volt. Aztán feltűnt egy kis piros x, meg aztán egy másik ablak is, nagyon jó! Tetszik nagyon!
Bár arra még nem jöttem rá, hogyan lehet a CSS-hez új tulajdonságot beszúrni mint a Firebugnál.
Most már ezt is megtanultam.Amúgy mint fejlesztő eszközt jQuery-hez mit ajánlotok? Én most egy sima notepad++-ot használtam, de az lazán átugrott a hibán :-D
Ha ősztől lesz állásom, akkor kaptok egy karton sört, vagy amit szeretnétek :-)
Másik kérdésem:
Bevásárló kosarat érdemes jQueryvel megvalósítani? Vagy inkább Ajax-xal szokás?
Nézegettem a google-n 2 órán keresztül. Egy Drag and Dropos bevásárló kártya tutorialt találtam, de azt néhány lehurogták, hogy hasztalan meg borzalmas a kód (bár én kezdőként semmi rosszat nem találtam benne). A másik meg nem működött!
És észre vettem, hogy sok bevásárló kártya ajax-xal van megírva.
Most elgondolkotam azon, hogy érdemes-e jQuery-ben ilyet csinálni? (mert elég keveset láttam google-n, meg ami volt is olyan, hogy is mondjam, nem felhasználó barát)Érdekel ez ügyben a véleményetek!
-
Lacces
őstag
Köszönöm a sok segítséget! Majd még néha napján lesz egy-két kérdésem. Így végre kedvet kaptam a jQuery tanulásához. (De ehhez kellett a sok a segítő válasz!)
-
Lacces
őstag
Van ez a jQuery kód, és nem tudom elérni sehogy sem, hogy az id neve után egy számot rakjon...
Én annyit módosítottam, hogy a funciton()-be beraktam az i változót, illetve a div-ben deklaráltam egy id mezőt, de más nem
pl.: id="sub-container-2"
Ezt hogyan kéne módosítanom?
$('> li',$dcMegaMenuObj).each(function(i){
//Set Width of sub
var mainSub = $('> ul',this);
var primaryLink = $('> a',this);
if($(mainSub).length > 0){
$(primaryLink).addClass(defaults.classParent).append($arrow);
$(mainSub).addClass('sub').wrap('<div id="sub-container-'+[i]'"' ' class="sub-container" />'); -
Lacces
őstag
válasz Brown ügynök #96 üzenetére
Köszönöm!
Tényleg, nem vettem figyelembe a class előtti " jelet amivel az id-t már alapból zárom... (és mindenképpen igyekeztem egyet még oda rakni). Köszi!
-
Lacces
őstag
Sziasztok!
Melyik az a Jquery függvény, amivel eltudnék érni egy popup féle valamit?
Mondjuk megoldottam a témát, de az nem tetszik.
Én olyat szeretnék, hogy egy javascript fájlban lenne külön, hogy a $.(document).read(... belül lenne, egy függvény, $('mentes') -nek egy click függvénye...
Van egy gomb , rákattintok, feldob egy ablakot üzenettel 2 másodpercre és eltűnik.
Jelenleg egy alap javascript van onclick() eseményre nézve egy alerttel.
+1 kérdés: Érdemes a normális jquery helyett, a mobilos változatát használni csak a weboldalaknál?
[ Szerkesztve ]
-
Lacces
őstag
válasz Sk8erPeter #680 üzenetére
Nekem UI nélkülis kellett, tényleg lehet rosszul kerestem rá
De megérte bénának lenni, mert kaptam 2 jó linket[ Szerkesztve ]
-
Lacces
őstag
Sziasztok!
Van egy kis problémám, nem tudom hogyan valósítsam meg... / vagy mit rontok el.
Ötlet: Van egy input text mező, és egy select mező, amelyben értékek vannak. És egy gépelés alapján történő listázást szeretnék. (passz, hogy hívják ezt angolul)
Ha az input mezőbe elkezdek írni például: ab, akkor a select mezőbe csak az ab-val kezdődőek jelenjen meg: például Abba, abból stb.
Felmerült bennem, hogy magamtól megírom jquery-ben, egyrészt tanulni, mert már nagyon régen írtam jquery-t... Csak hát nem működik.function searchProject(){
// input text mező, bevitel. "kereső kifejezés"
var search = $('#searchProject').val();
// ez most használaton kívül, de itt nem más, mint a select mezőben lévő
// optionok values és text értékét akartam volna beolvasni.
var values = $('#projectlist>option').each(function() { return $(this).val();});
var texts = $('#projectlist>option').each(function() { return $(this).text();});
// ez egy másik módszer az option-ok beolvasására egy tömbre.
var options = $('#projectlist').attr('options');
// select mezőről készítek egy "backup"-ot
var backup = $('#projectlist').html();
// a kereső kifejezést méretének lekérdezése
var size = search.size();
if( size > 0){
// option-ok eltávolítása
$('#projectlist option').remove();
// options tömbön végig megyek
for( var index in options)
// ha a kereső kifejezés megegyezik az adott option subtextjével,
// akkor töltse fel a select mezőt.
if( search == index.text().substring(0,size) )
$('#projectlist option').append('<option value=' + index.val() +'>' + index.text() + '</option>');
}
}Miket ronthattam el? Hogyan érdemes megcsinálni? Vagy ha erre a megvalósításra egy oldalt is ajánlotok (tényleg nem jut eszembe a neve ennek... biztos valami auto..) Hadd tanuljak belőle
<input id="searchProject" type="text" onkeyup="searchProject()" />
[ Szerkesztve ]
-
Lacces
őstag
és Karma, köszönöm, akkor majd megnézem a kódját. Igazság szerint a hibámra majd még várom a többiek válaszát .
Még egy kérdés, egy select tartalmát, hogyan tudom lekérdezni? (lehet az is rossz nálam)
Egyébként itt jönne egy kérdésem mindenkinek. Gondolkoztam ezen a Jquery használaton, hogy ha egy weboldalt szeretnék minden fajta eszközön megjeleníteni ( mobil, ipad, pc ), akkor én észrevettem, hogy sajnos nem mindenhol működik a jquery.
Nekem ipadem nincs, de egyik haverom mutatta, hogy ha egy dropdown féle menüszerkezetet írtam meg jquery-vel, és az az ipad-jén nem műxik...
És van erről leírás, hogy a jquery mely eszközökre érhető el? Esetleg érdemes használni az új jquery mobil könyvtárat inkább? (ez amúgy pc-s böngészökön is jól működik?) -
Lacces
őstag
Ez a jsField nekem még vadiúj .
Összeraktam egyet. Itt a link Így jó összerakva?
HTML-t adtam meg a Jquery függvényt, meg oldalt kijelöltem amit kell. -
Lacces
őstag
Igen, a size() tényleg nem "javasolt" sztringnél, hanem a length(), csak, hogy mikor melyiket használjam, ezt még szoknom kell.
each és map-en gondolkoztam, hogy melyik, valahol sejtettem, hogy az each csak végig megy rajta. De most már tudom, hogy akkor a map kapja vissza.Ezt az var options = $('#projectlist option');-nél az attr-osat láttam neten. Ezt onnan szedtem.
Egyébként az onkeyup()-ot, hogy törölni kellett, az nekem egy kicsit furcsa, mert kipróbáltam, hogy egy másik input text-ben is megjelenítem a tartalmat, amit az első input text-be gépelek be... és megjelent. Én ezért mertem alkalmazni az onclick=onkeyup-ot .
De így is jó, ahogy mutattad.
Amúgy ez a logolás tetszett, meg a jsField is. ahogy itt lehet próbálgatni . Új ablakot adott a jquery-s programozói világomba.
Meg a végén megkaphatom a linket? Közben én is nézem. Érdekel, ezt a tömbök kiíratását te hogyan csináltad, tanulni akarok belőle. Ez a log is tetszett amúgy.array-like objektumról - igen, sejtem. Java alapján jött elő belőlem, de hmm... Majd a foreach-es property-ről tudnál nekem oldalt ajánlani? Ami kitárgyalja ezt a témát. Érdekel.
Sejtem valahogy, mert a Java-ban is van a "primitív tömb - a C nyelvből" és van az ArrayList, ami generikus és foreach-el bejárható.
De ez a property kezelés az számomra furcsa, és a gondolkodásom miatt lehet sokszor használnám...[ Szerkesztve ]
-
Lacces
őstag
válasz Sk8erPeter #909 üzenetére
Igen,igen, csak ha már elkezdtem, szeretném befejezni
Ennél a résznél a chrome developer ottls azt írja, hogy uncaught syntaxError: unexpected identifier, ezalatt mit ért? a for feltételére érti
for (i=0; i<texts.length; i++)
if (search == index.text().substring(0, size)) $('#projectlist option').append('<option value=' + values[i].val() + '>' + texts[i].val() + '</option>'); -
Lacces
őstag
Karma, köszi, nagyon érdekes megoldás ez a clone-zás tetszik. Majd figyelek azokra amit mondtál, amúgy == helyett a localeCompare() jónak tűnik az ékezetes betű problémára.
Amásik, Autocomplete esetében, hogyan tudnám ráerőszakolni, hogy az input text esetében ne ott jelenjen meg a keresési javaslat (mint legördülő rész), hanem a select listában?
Ott az az egy select listám, tele adattal, az inputba beírom amit keresek, és nem ott legördülőben, hanem a select lista elemek helyén jelenik meg.
-
Lacces
őstag
Csáó
Segítséget kérnék, documet.location.href-et kell alkalmaznom, de nem tudom, hogy hogyan kéne átadni az URL-ben egy értéket.
Röviden ha a select-ben kattintok (kiválasztok egy elemet a listából), akkor az oldalt kell újra generálni, az url-ben viszont a megjelenik a $selectedItem, mint szöveg, de az értéket hogyan kell megjeleníteni? (hozzáfűzni az urlhez)?
$selectedItem = $("#szallmodvalt").val();
$('#szallmodvalt').attr('onClick', "document.location.href='/admin.php?url=admin_raktar_item.php&szallmodvalt=$selectedItem';");
$('#szallmodbutton').click() -
Lacces
őstag
Már lejárt az időlimit...
Kijavítottam és így az url már okés, viszont a click() esemény nem fut le, hogyan tudnám azt is lefuttatni?var selectedItem = $("#szallmodvalt").val();
var url = "document.location.href='/admin.php?url=admin_raktar_item.php&szallmodvalt=" + selectedItem + "';";
$('#szallmodvalt').attr('onClick', url);
$('#szallmodbutton').click()Nem a legszebb megoldás, de ekkor viszont 2db "ajax" kérés fut le az oldalon.
[ Szerkesztve ]
-
Lacces
őstag
válasz Sk8erPeter #1071 üzenetére
mentettem is az oldalt
-
Lacces
őstag
Nagyúr! Baj van
Hogyan tudom "installálni" a legújabb jPlayer-t?
4 tutorial-t végeztem ki, a hivatalos oldal kódjait is beszúrta, de röhej... nálam egyáltalán nem jelenik meg a lejátszó.
Régen, 1 évvel ezelőtt még szuper volt minden, most meg... nem tudom összehozni...
Esetleg te tudsz valami jó linket adni nekem?
Vagy van valami más audio lejátszó, amivel zeneszám címét lehet megjeleníteni? -
Lacces
őstag
válasz Sk8erPeter #1077 üzenetére
Dejó hogy itt vagy mester
Azóta megoldotam. Sőt firefox, chrome alatt is megy. Úgyhogy most jó minden
Az volt a gond, hogy mp3-ról volt szó, na az meg alapból nem ment firefox alatt, hiába ahogy az oldal írta, így ki kellett ezt azt vennem és nem kérdezd, miért, de elkezdett működni.
A másik böngésző a chromium volt, azon alapból nem működött a jPlayer, de Chrome alatt viszont igen. Érdekes.Viszont lenne egy kérdésem, nem tudom, hogy most php vagy inkább jquery-s mindkettő.
Itt a jquery:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
var radioStation = "http://87.117.193.10:8000/";
....Most épp linuxon vagyok, és az lenne a kérdésem, hogyan tudnám elérni, hogy a radioStation nevű változónak php-val adjak értéket?
Egyszerűen próbáltam a <?php echo ... ?> megoldást, de az persze nem működik.
A lényeg, hogy a radioStation változó értéke mindig változik a php által.
[ Szerkesztve ]
-
Lacces
őstag
válasz Sk8erPeter #1081 üzenetére
Hát most döbbentem... az idézőjelek
jPlayernél jaj, ne is mond, a "/"-jeleket le kellett felejeteni és csak akkor volt jó, ha az .sw fájlnak csak a mappát adtam meg és kész. Jah és a tanácsolt wmode-ot ki kellett ütni.
+ htaccess-t beállítani és ezeken áthaladva ilyen sorrendben, a htaacces beállítása után, már babán mentAjax hívás:
Az ajax függvénynek bizonyos időközönként (20 másodperc) automatikus postolást kell végezni az egyik php fájlhoz, ahol művelet hajtódik végre, és visszaad egy tömböt.Először meghívom a függvényt, aztán setIntervallal érem el, hogy 20 másodpercenként ismét küldje le az ajax kérést.
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
...
swfPath: "js",
supplied: "mp3",
//wmode: "window"
}).jPlayer("play");
ajaxStation();
setInterval("ajaxStation()",20000);
});
function ajaxStation(){
$.ajax({
type : 'POST',
url : 'shoutcast_info.php',
cache : false,
dataType: 'json',
data: {
station: radioStation
},
timeout: 6000,
success: function(obj){
$("#track_name").html(obj.track);
$("#station_name").html(obj.station);
}
});
}Egyébként ha már itt tartunk. Mivel automatikusan postol az ajax, ezért jó hogy benne van a cache : false? Illetve, hogy tömböt kapok vissza a php fájltól, annak a lekezelése így elfogadható az obj-al?
[ Szerkesztve ]
-
Lacces
őstag
válasz Sk8erPeter #1083 üzenetére
Na várj, át kell akkor alakítani a fájlt, hogy megtudjak jelenítei eredményt neked:
Pölö itt van egy:
{"station":"House Station Radio ","track":"Tactics - Remedy "}
De működik, és jah, nem jPlayerben jelenítem meg, hanem egy div-en. -
Lacces
őstag
válasz Sk8erPeter #1086 üzenetére
igen azt használok, de erről a fájlról van szó itt. Rátudnál már majd nézni?
Pedig az elején még elég lelkes voltam, gondolkodtam azon is, hogy megírom logout-ra egy mini kis leckeként.
Gépen babán megy, tárhelyeken már nem.TonTomika: Hallgás a mesterre! Én is próbálkoztam saját megoldással és csak félig volt jó... amit ajánlott Sk8erPeter, az nagyon jó.
[ Szerkesztve ]
-
Lacces
őstag
Sziasztok,
Hogyan tudnám pontosan elérni, hogy a egy form-on belül ajaxxal eltudja küldnei a Post tömböt?
A lenti kódnál, megpróbáltam, de ott valamiért üres POST-ot küld el a szervernek... test metódusnak.
<form method="post">
<div class="row">
<label for="User">Name</label>
<input id="User" type="text" name="User" value="" />
</div>
<input id="ajax" type="button" onclick="ajaxhivas()" value="AJAX"/>
</form>
<script type="text/javascript">
function ajaxhivas(){
$.ajax({
type : 'POST',
url : 'test',
dataType : 'json',
success : function(data){
alert("Az adat itt is van: "+data);
}
});
}
$(document).ready(function(){
});
</script> -
Lacces
őstag
Plusz még lenne egy. Az a baj, hogy hozzászoktam a keretrendszer nyújtotta kényelemhez, és az ajax / jquery most teljesen halál nálam.
a 'user' id-val rendelkező input-nál miért nem veszi ki az értéket?
<input id="user" type="text" name="User" />
<script type="text/javascript">
$(document).ready(function(){
var v = $('#user').val();
$('#kell').click(function(){
alert("bökd "+v+" ki");
});
});
</script> -
Lacces
őstag
válasz Sk8erPeter #1916 üzenetére
Mester, a formos jó... megjegyzem e nevet
Láttam valahol, hogy ott sem használtak value értéket...
De ez mind szép és jó, de nekem lehet nem a val() metódus kell
#kell
<input id="kell" type="button" value="kell"/>Szóval nekem az kellene, hogy amikor a #kell id-s gombra kattint, akkor a #user textbox-ba beírt szöveget kiszedje (ne pedig annak value attribútomát).
-
Lacces
őstag
Hali
Az alábbi kódnál mit nézhetek be? Ugyanis az van, hogy Interval-t alkalmazzok, mert az egyik input hidden mező változik. Van amikor nincs jelen, mint most első körben ezért undefinied-del jön elő. És kiválasztok egymásik szakmát, és hopp, már ott is van a html kódban az érték, de az interval-ás után, mégsem veszi elő az újnak az értékét, hanem a régiét nyomatja!!! Pedig a példát is néztem, és mégsem jó
function survey(selector) {
var input = $(selector);
var oldvalue = input.val();
setInterval(function(){
alert("Új: "+input.val()+ " --- Régi: "+oldvalue);
if (input.val()!=oldvalue){
oldvalue = input.val();
alert("OK");
}
}, 5000);
}
survey('input[name="szakma[]"]');Válaszokat előre köszönöm!
-
Lacces
őstag
Azért kell a tekerés, mert lehetőség-e van a felhasználónak többször is azt a mezőt modósítani. Ajax hívás eredményét kérdezi le. És ugye nem csak egyszer kereshet, hanem többször is, és emiatt lehet még egy másik... Max 3-4-szer keres a felhasználó.
A change esemény pedig ha jól tudom csak egyszer értékelődik ki. Meg ugye ahogy mondtam a HTML tartalom jön vissza Ajaxból. És van amikor nem, ezért a setInterval...
Persze lehetne mondani, hogy miért nem minden keresésnél... azért mert ezt a függvényt máshol is használja a webes alkalmazás... és így abba a keresőfüggvényben nem akarok "rondítani".
Új hozzászólás Aktív témák
- Ukrajnai háború
- Yettel topik
- Anyagi katasztrófára figyelmezteti az Apple-t a brit média
- Kodi és kiegészítői magyar nyelvű online tartalmakhoz (Linux, Windows)
- Politika
- Vodafone otthoni szolgáltatások (TV, internet, telefon)
- Vezetékes FEJhallgatók
- Luck Dragon: Asszociációs játék. :)
- Milyen TV-t vegyek?
- Kés topik
- További aktív témák...
- AKCIÓ! Szépségápolás, Haj - és Szakállápolási márkás gépek - BOLTI ÁR FELÉÉRT!
- Bomba! HP EliteBook 1040 G7 x360 Érintős Hajtogatós Ultrabook Tab 14" -70% i7-10710U 16/256 FHD LTE
- BONTATLAN Új Iphone 15 és 15 Plus 128-512GB 1év APPLE garancia gyári független Deák AZONNAL Átvehető
- BONTATLAN Új Iphone 13 128-512GB 1év hivatalos Apple garancia gyári független Deák Azonnal Átvehető.
- ÚJ BONTATLAN Apple Watch Series 8 S8 41-45mm Azonnal Átvehető DEÁK TÉRNÉL 1 Év Apple Garanciával.
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen