Új hozzászólás Aktív témák
-
trisztan94
őstag
Sziasztok!
jQueryvel szeretnék ajaxolni 4 menüpontot. itt a kódom:$('document').ready(function() {
$('#welcome, #gallery, #about, #contact').click(function() {
$('#change').load('php/gallery.php');
});
});Az a lényeg, hogy egy ilyen funcitonban legyen benne az ajax és a load után, a gallery.php-s rész az változzon aszerint, hogy melyik menüpontra kattintott.. Szal ha a welcome-ra ment, akkor welcome.php lesz ott, stbstb. Én elágazásra gondoltam, de nem tudom hogy kéne leellenőrizni, hogy melyikre kattintott.
Köszi!
Thttps://heureka-kreativ.hu
-
trisztan94
őstag
Sziasztok!
Egy login form validationt csinálnék, de sehogy sem akar működni..
Eddig ezt hoztam össze:$('#loginform').submit(function(){
return ValidateLogin();
function ValidateLogin()
{
if($('#Username').value == 0 || $('#Username').value == null)
{
alert("hely");
return false;
}
else return true;
}
});Mi a baj?
köszi
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1110 üzenetére
Így sem megy
Html:
<aside>
<form method="post" action="login.php" onsubmit="return ValidateLogin();">
<input type="text" name="Username" id="Username" class="txtinp" placeholder="Felhasználónév"><br/><br/>
<input type="password" name="Password" id="Password" class="txtinp" placeholder="Jelszó"><br/><br/>
<input type="submit" class="btn" value="Belépés">
<h6>Kattints<a href="register.php"> ide</a> a Regisztráláshoz!</h6>
</form>
</aside>és a js:
function ValidateLogin()
{
if($('#Username').val() === "")
{
alert("asd");
return false;
}
if($('#Password').val() === "")
{
alert("sad");
return false;
}
}Nem lehet hogy a Placeholder miatt?
https://heureka-kreativ.hu
-
trisztan94
őstag
Hát én esküszöm beszarok.. Jsfiddlen, amit írtál tökéletes, viszont hiába másoltam pontosan ugyanezt be az oldalra, ott nem csinál semmit, csak megy tovább a login.php-ra...
http://192.168.0.101/~trisztan/own/index.html Nem tudom, hogy behozza-e, nem mindig szokta, saját szeró
Nem vágom én ezt
Lehet bele kéne néznem a html5-ös form validationbe..
[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1119 üzenetére
Így már megy, köszönöm
Amúgy ti honnan tanuljátok a jqueryt? (meg a php-t) Tudtok ajánlani valami jó könyvet vagy weboldalt, vagy akármit?https://heureka-kreativ.hu
-
trisztan94
őstag
Én a thenewboston.com-ról tanulgatom, elég jól magyaráz a csávó, sokat is fejlődtem Hát reméljük megértem magasabb szinten is
https://heureka-kreativ.hu
-
trisztan94
őstag
sos segítség kéne, fél órája ezzel b*szakszom...
Szóval, bejelentkezik az admin az oldalra, van neki egy gomb, hogy adminelület. Na azt ajaxxal (.load) hozza be az #ajax divbe (ami igazából egy <article id="#ajax">). Na most ez mind az index.php-n van, ahol a jquery.js és a script.js is van includelve. Na most, amikor bejött ez az "adminfelület", van két gomb: Termékek és felhasználók, nos ezeket is ajaxolnám a mostani ajax helyére az #ajax divbe. Remélem nem írom nagyon érthetetlenül, nagyon sürget a hnap 13:00-s határidő
Szóval lehet ilyet jquery-vel? Én anno sima mezei JS-el csináltam ajaxban ajaxban ajaxot..Itt a kód:
az "adminfelület"
<?php
header('Content-Type: text/html; charset=utf-8');
?>
<header>
<h1>Adminfelület</h1>
</header>
<h3 id="termekek"><a href="#adminterm">Termékek</a></h3>
<h3 id="felhasznalok"><a href="#adminfelhasznalok">Felhasználók</a></h3>és a script:
$('#termekek').on('click', function() {
$('#ajax').load('admin/termekek/termekek.php');
});
$('#felhasznalok').on('click', function() {
$('#ajax').load('admin/felhasznalok/felhasznalok.php');
});itt van előtte más menüpontok ajaxa is, nincs document.readybe de műküdik
próbáltam sima .click-el is, meg ugye ezzel, semmi se jó
Köszönöm !
[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1134 üzenetére
Mindjárt megnézem így, köszi. Firebug konzollal néztem, ugye az adminfelületre megy az AJAX, írja is hogy get és hogy behozza a két menüpontot, de amikor kattintok pl a termékekre akkor nem csinál semmit és a konzol sem ír semmit :S
https://heureka-kreativ.hu
-
trisztan94
őstag
Na szóval,
Document.ready-ltem, ill bemásoltam azt amit írtál, ugyanúgy nem jó.
Conzole úgy megy, hogy amikor erre mész rá, hogy ugye ezt a két menüpontot kihozza, akkor írja, hogy get request volt és behozza, de amikor már bejött, nem csinál semmit ha kattintok a termékekre vagy a felhasználókra. Semmi konzolművelet.
Nem lehet, hogy az a baja, hogy ugye az id-k ebben az admin.php fájlban vannak, a script.js viszont az index.php-ba van includolva? Az egész amúgy ajaxos, minden azzal van csinálva.https://heureka-kreativ.hu
-
trisztan94
őstag
Sziasztok!
Igazából nem nagyon tudom, hogy ide, vagy a php topikba kéne-e írni, de szerintem ide jobbSzóval az a lényeg, hogy ajaxolni szeretnék egy url-es GET kérést (amit Sk8terPeter kolléga elmagyarázott ) Most jelenleg úgy van, hogy kilistázza a termékeket, de csak a rövid leírást és van egy tovább gomb, ami így néz ki:
<a href='termek_reszletes.php?termekid=$id&termeknev=$nev&ar=$ar&kep=$kep&hosszu_leiras=$hosszu_leiras'><b>tovább!</b></a>
Így ugye a ternej_reszletes.php-ban visszakapom az adatokat, vagyis, hogy melyik termékről akarunk teljes leírást. Na most ezt szeretném beajaxolni a jelenlegi ajaxolt listázás helyére.
Lehet ilyet?https://heureka-kreativ.hu
-
-
trisztan94
őstag
Sziasztok!
Csináltam egy visszaszámlálót, 3-tól számol vissza, viszont azt vettem észre, hogy egy másodpercben semmit sem csinál és csak utána kezd el számolni. Szóval konkrétan vár egy mp-et mielőtt elkezdené. Sehogy sem tudok rájönni, hogy mi lehet a baj
Here ist das code:
$(document).ready(function() {
var timer=3;
window.setInterval(function() {
$('#timer').html(timer);
timer--;
}, 1000);
});illetve lehet-e jQueryben átirányítani?
Köszi
T
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz martonx #1303 üzenetére
Köszönöm!
Igazából nem nagyon értem a logikáját, hogy miért várakozik, hiszem a function előbb fut le, mint a milisecundum paraméter, nem?
Szerk:
Hm, érdekes módon így is várakozik 1 mp-et.
Most jelenleg így néz ki:var timer=2;
window.setInterval(function() {
$('#timer').html(timer+1);
timer--;
}, 1000);[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1307 üzenetére
Szerintem félre értettem amit mondott, azért csináltam így Köszönöm a felvilágosítást neked is és a többieknek is
https://heureka-kreativ.hu
-
trisztan94
őstag
Sziasztok!
Egy olyat szeretnék csinálni, hogy amikor bejelentkezett a felhasználó akkor 5mp-ig slideDown-ol egy divet. Én úgy gondoltam, hogy amikor bejelentkezett a user, php-ban beállítom, hogy úgy irányítson át, hogy egy GET változóba a felhasználó nevét (szóval index.php?user=felhasználóneve [ez úgy is változik ha kattintgat]).Szóval konkrétan jQuery-vel szeretném megnézni, hogy létezik-e a 'user' nevű GET változó, ha igen akkor történik az esemény. Ezt hogy lehet összehozni? $.get-tel?
Köszi előre is!
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1397 üzenetére
Ezeket én is láttam, csak azt hittem van erre egy konkrét metódus jQueryben
Köszönöm a felvilágosítást, megcsinálom ezek szerint"Ez nem biztos, hogy jó megoldás.
Ha én kézzel beírom ezt a paramétert, úgy, hogy már rég be vagyok jelentkezve, akkor is mindig mutogatni fogja nekem a slideDownnal megjelenített divet?"
Igazából, mint átlag felhasználó Én nem írkálnék random ilyeneket, aki meg igen, az kap egy kis animációt Igazából én ezt a módszert saját fejemből pattintottam elő, nem feltétlen ez a legjobb Te (ti) hogy csinálná(tok)d? Mi a legjobb megoldás erre?
Ajaxxal jobb lenne a belépés? Az hogy néz ki? Tudsz rá egy egyszerű példakódot mutatni?[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
Sziasztok!
Egy olyan problémám lenne, hogy van egy slideUp-oló , majd ezzel egyidőben slideDown-oló divem, mely egy funkciót jelenít meg. Ami slideUp-ol, az a funkció menüje, a slideDown-oló, pedig maga a funkció. Igazából nehéz így elmagyarázni, inkább itt egy kép:
A menü
A végeredményEzt így animációval oldottam meg, na.
A lényeg az, hogy a vissza gombra kattintva szeretném ezt visszacsinálni, animálódjon szépen vissza eredeti állapotba, de az istenért sem akar működni. 1.7.1-es a jQuery-m.
Das ist Code:
$(document).ready(function () {
$('#PhpTutorials').on('click', function () {
$('.tutorial_listing').slideUp(400);
$('.TutorialsSlideDown').slideDown(400);
$('#PageTitle').html("PHP Tutorialok. <a class='GoBack'>Vissza</a>");
});
$('.GoBack').on('click', function () {
$('.TutorialsSlideDown').slideUp(400);
$('.tutorial_listing').slideDown(400);
$('#PageTitle').html("@Page.Title");
});
});
Köszönöm!https://heureka-kreativ.hu
-
trisztan94
őstag
válasz trisztan94 #1745 üzenetére
Update:
Próbáltam Callback functionnal is, semm változás
$('#PageTitle').html("PHP Tutorialok. <a class='GoBack'>Vissza</a>", function() {
$('.GoBack').on('click', function () {
$('.TutorialsSlideDown').slideUp(400);
$('.tutorial_listing').slideDown(400);
$('#PageTitle').html("@Page.Title");
});https://heureka-kreativ.hu
-
trisztan94
őstag
Na, sikerült megoldani, nem nagyon tudom mit rontottam el, de átírtam functionbe, így megy.
$(document).ready(function () {
$('#PhpTutorials').click(openTutorials('#PhpTutorials', "PHP Tutorialok. <a class='GoBack'>Vissza</a>"));
$('#AspdotNetWPTutorials').click(openTutorials('#AspdotNetWPTutorials', "ASP.NET Web Pages Tutorialok. <a class='GoBack'>Vissza</a>"));
function openTutorials(id, title) {
$(id).on('click', function () {
$('.tutorial_listing').slideUp(400);
$('.TutorialsSlideDown').slideDown(400);
$('#PageTitle').html(title);
$('.GoBack').on('click', function () {
$('.TutorialsSlideDown').slideUp(400);
$('.tutorial_listing').slideDown(400);
$('#PageTitle').html("Tutorialok");
});
});
}
});Tick
Köszi, ezt nem ismertem, majd kipróbálomAnnyi kérdésem lenne még, hogy ugye ez megjeleníti a TutorialsSlideDown üres div-et. Ebbe szeretnék ajaxxal tartalmat berakni, aszerint, hogy melyik menüpontba léptem. Ez megoldható, vagy minden menüpontnak csináljak egy ilyen külön divet?
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1752 üzenetére
Hogy néz ki egy ilyen ajax hívás kb?
Amúgy ezt a topikot én is megtaláltam korábban, de így használva csak a 2. kattintásra reagál a menüpont valamiért Így is meg a .bind-es megoldással is, azzal amivel én csináltam elsőre. Ez miért lehet szted?
javítás. Tehát, úgy megy ezzel a megoldással, hogy rámegyek 1x, nem történik semmi, másodjára rámegyek, akkor csinálja amit kell neki, utána hibátlanul megy tovább. Szóval valamiért a legelső kattintást nem érzékeli így.
[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1754 üzenetére
Igazad van, nem adtam túl sok infót, bocsi
jsFiddlen egyáltalán nem működik, egy képre van rakva az even handler. Így néz ki a HTML:
<img id="PhpTutorials" src="~/Images/PHP.png" width="150px" height="150px" alt="PHP Tutorialok"/>
<img id="AspdotNetWPTutorials" src="~/Images/ASPdotNet.png" width="150px" height="150px" alt="ASP.NET Tutorialok"/>
<div class="TutorialsSlideDown"></div>css: (nem tudom, hogy kell-é, azért ide rakom)
.TutorialsSlideDown
{
display: none;
padding: 10px;
height: 500px;
background-color: #7AC0DA;
}
#PhpTutorials{
cursor: pointer;
}
#AspdotNetWPTutorials{
cursor: pointer;
}
.GoBack{
cursor: pointer;
}A jQuery kódot feljebb már raktam, de azért berakom mostis:
$(document).ready(function () {
$('#PhpTutorials').click(openTutorials('#PhpTutorials', "PHP Tutorialok. <a class='GoBack'>Vissza</a>"));
$('#AspdotNetWPTutorials').click(openTutorials('#AspdotNetWPTutorials', "ASP.NET Web Pages Tutorialok. <a class='GoBack'>Vissza</a>"));
function openTutorials(id, title) {
$(id).on('click', function () {
$('.tutorial_listing').slideUp(400);
$('.TutorialsSlideDown').slideDown(400);
$('#PageTitle').html(title);
$('.GoBack').on('click', function () {
$('.TutorialsSlideDown').slideUp(400);
$('.tutorial_listing').slideDown(400);
$('#PageTitle').html("Tutorialok");
});
});
}
});Ez vizuálisan így néz ki:
Tehát a lényeg az, hogy amikor a felhasználó rákattint az egyik képre, akkor az felcsúszik (slideUp), eközben a láthatatlan TutorialsSlideDown div felcsúszik, megváltozik a cím. Tehát így tökéletes.
Írtad ugye, hogy nem szép így az event handlerben a function, így írjam helyette:$('#PhpTutorials').click(function(){
openTutorials('#PhpTutorials', "PHP Tutorialok. <a class='GoBack'>Vissza</a>")
});Ezzel az a baj, hogy csak 2. kattintásra reagál. Asszem le is írtam előző hszben, a lényeg az, hogy első kattintáskor semmi reakció, firebug sem mutat semmit, másodikra meg történik az animáció.
No a másik kérdés, hogy ugye ide szeretnék tartalmat beilleszteni, aszerint, hogy melyik képre kattintott. Ha a PHP-sra, akkor PHP-vel kapcsolatos dolgok, így tovább. Erre gondoltam, hogy adatbázisból kiszedném a dolgokat amik hozzá tartoznak, amikor rákattintott a user, de még az animáció nem kezdődött el, és így nem kéne minden képhez külön divet létrehoznom.
jsfiddlen próbáltam img helyett divvel mutatni a példát, de az istenért se csinált semmit
[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1756 üzenetére
Köszönöm! Most már látom, hogy mit rontottam el, valamiért ez nem jutott eszembe.
Megpróbálom a data-s megoldást!
Köszi mégegyszerhttps://heureka-kreativ.hu
-
trisztan94
őstag
Sziasztok!
Nem tudja valaki, hogy van-e egy olyan jQuery tooltip plugin ami használja, vagy lehet vele használni a régi MS Word 2000, 2003-mas idegesítő kis gémkapcsot? Már egy órája keresgélek, de nem tudom a gémkapocs nevétKöszi
Thttps://heureka-kreativ.hu
-
trisztan94
őstag
-
trisztan94
őstag
-
trisztan94
őstag
válasz martonx #1785 üzenetére
Én biztos várok még vele pár hetet
Más:Olyanra tud valaki egy jó plugint, ami egy <textarea>-t lecserél egy olyan kinézetű és funkcionalitásúra, mint pl. a jsfiddle? Syntax highlight különböző nyelvekben, stb.
Szeretnék egy olyan funkciót az oldalamba, hogy különböző kódrészleteket (Snippeteket) fel tudjon tölteni a felhasználó. Ki is választhatja, hogy x nyelv közül melyikben íródott. Nekem erre az alap textarea kevés volt, valamiért abszolút nem jött beKöszi!
https://heureka-kreativ.hu
-
trisztan94
őstag
-
trisztan94
őstag
válasz Sk8erPeter #1789 üzenetére
Pont most próbáltam ki. Eldobom az agyam nagyon jó, pont ilyet kerestem! Köszi, hogy megmutattad
https://heureka-kreativ.hu
-
trisztan94
őstag
Szervusztok!
Sajnos nem működik a kódom (jsFiddle példa)
A lényeg:
Ha látható volt a #SpecifyCodeSnippetLanguage text input amikor fel lett adva a form, akkor azt az üzenetet dobja, hogy "it's ok", amennyiben nem volt látható azt dobja, hogy "hello". Nyilván nem ez lesz a végleges verzió, csak sehogy sem bírom rávenni, hogy működjön.Mi lehet a hiba?
Köszönöm!
[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1806 üzenetére
Köszönöm szépen
Igen, én is gondoltam erre, firebug dobálta ki a felesleges overheadeket, de fogalmam sem volt, hogy mitől, most már világos.https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1808 üzenetére
Programozás tanárom ajánlott még annó egy bővítményt Firebug-hoz, mellyel jobban lehet debugolni a js-t / különböző library-ket. Hirtelen nem jut eszembe a neve, nem találom sehol, majd megkérdezem, ha érdekel
A lényeg, hogy notice-ba írta, hogy unnecessary memory hog (gondolom ez az overhead ? )
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1810 üzenetére
Oh, köszi a felvilágosítást
Majd megkerdezem pontosan, hogy mi az, sajnos nem írja sehol sem a firebug, hogy milyen pluginok vannak felrakvahttps://heureka-kreativ.hu
-
trisztan94
őstag
-
trisztan94
őstag
válasz Sk8erPeter #1813 üzenetére
Bocsi, hogy eddig tartott
Kiderült, hogy ez a tanárom által fejlesztett saját kiegészítő, de még nagyon kezdetleges verzió.
Annyi a lényege, hogy sokkal jobb JS, jQuery és különböző CMS-ek debuggolását fogja lehetővé tenni.
Valami statisztikai rendszer van mögötte, amivel például a sebességet méri. Nézi, hogy előtte milyen gyors volt, miután beraktad az új kódot mennyivel lassult le. Ha nagyon, akkor szól.Igazából nekem magas ez, de eddig tuti. Azt mondta, ha kell nektek szívesen felrakja dropbox-ra, (mindig jól jönnek az "alpha" tesztelők ) de elég bugos jelenleg, a firebug többször is összeomlott már nekem miatta, meg hát sokszor hülyeségeket ír
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz martonx #1835 üzenetére
Majd szolok neki akkor, hogy rakja fel, de csak jov. Het csutortokon talalkozom vele.
Amugy tenyleg ert hozza, sok helyen megfordult mar. pl anno a windows xp-be is benne volt a keze, ha jol tudom az akkori "uj" start menut o (is) kodolta meghttps://heureka-kreativ.hu
-
trisztan94
őstag
Sziasztok!
Ebben a kérdésben DHJ felhasználó válaszát módosítottam saját igényeimnek.Egy karakter visszaszámlálóról van szó, mely nulláig számol. Az ő verziója, ha nyomva tartottuk a betűt, akkor nem számolt csak amint elengedtük, illetve a copy-paste-t sem szerette nagyon.
No, én ezt hoztam össze:
$('#CodeSnippetDescription').bind('keypress keyup keydown change', function (event) {
var max = 500;
var len = $(this).val().length;
var char = max - len;
$('.CountDown').text('Még '+ char + ' karaktert írhatsz.');
if (event.which < 0x20) {
// e.which < 0x20, akkor nem nyomtatható karakter
// e.which === 0 - nem karakter
return; // ne tegyen semmit
}
if (len >= max) {
event.preventDefault();
$('.CountDown').css('color', '#e80c4d');
$('.CountDown').text('Nem írhatsz több karaktert.');
}
});Addig jól működik, hogy elmegy nulláig és onnan visszafelem mínuszba már nem megy, de ha bemásolással túlléptük a max. karaktert (mondjuk 20-al), akkor viszont tovább megy és így jelenik meg: "Még -20 karaktert írhatsz". Mi kellene bele, hogy ezt kiküszöböljük?
Köszi,
Thttps://heureka-kreativ.hu
-
trisztan94
őstag
$('#select').change(function () {
$("#select option:selected").each(function () {
// itt tudsz a kiválasztott opcióra valamit csniálni. pl:
var value = $(this).val(); // a kiválasztott option értéke
if (value == "1") {
//valami
alert("első");
}
if (value == "2") {
//valami más
alert("második");
}
});
});<select name="select" id="select" >
<option selected="selected" value="0">Válassz valamit</option>
<option value="1">Első</option>
<option value="2">Második</option>
</select>valamiért hülyén jelenik meg a kódom, sorry! ott van jsfiddlen a szép
[ Szerkesztve ]
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1875 üzenetére
Mi a kulonbseg jelen estben az each es a find kozott? Nem kell megegyszer hivatkozni ra id-vel?
Ugy nez ki a visual studio nem nagyon szereti a copypasta-t, tobbszor is muvelte ezt velem
Nekem valamiert nem jelezte a PH!, hogy jott valasz Tobbszor volt mar ilyen, lehet, hogy azert, mert rss-be csekkolom az uj posztokat? Na mindegy, amint hazaertem meglesem, koszi!
En sosem gondolkodtam, hogy each-en kivul massal csinaljam, nekem ezzel a megoldassal mindig is mukodott az osszes select input vezerlese. Ez mondjuk egy 21 elemes select box az en oldalamon, csak leegyszerusitettem. Ha a 21. Van kivalasztva akkor megmutat egy divet, meg hat sok minden mas is van benne amit igy rezisztiv kijelzon nincs kedvem most leirni termeszetesen minden optimizalasra, jobb megoldasrqa nyitott vagyok, csak tanulok belole
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1890 üzenetére
Ja értem, köszi a felvilágosítást
Ettől teljesen eltérve, vissza arra a kérdésre amire reagáltál microplugin formájában:
Olvastam egy blogon nem rég, hogy érdemes a legtöbb js/jQuery kódunkat (micro)plugin formájában használni, így növelve az átláthatóságot, későbbi felhasználhatóságot stb.. Te ezt használod, vagy csak a fontosabbakat rakod pluginba? Én nem rég tértem át a sima hívásokról a function-ök használtatára, sokkal jobban szeretem.
Nem lassítja be a böngészőt az, ha tegyük fel 15 különböző microplugint kell külön beolvasnia?(mert ugye hivatkozunk rá a html-ben script tag-ben) Nem egyszerűbb egy fájlban tárolni gyorsaság szempontjából?Köszönöm amúgy a megoldást, remekül megy
https://heureka-kreativ.hu
-
trisztan94
őstag
válasz Sk8erPeter #1895 üzenetére
Aha, értem! Lehet, hogy én értettem félre, nekem abszolút az jött le, hogy a leg- lepkefingnyi kódot is pluginba írjuk, mert az milyen jó. Hát kicsit fogtam a fejem.. Mondjuk németül volt a blog, azt csak középszinten tudom, lehet bekavartam valamit
"Mik azok a "sima hívások"?"
$('#valami').click(function() {
//do stg
});Ezek helyett a "sima hívások" (van erre valami szakkifejezés? nem jut eszembe ) helyett használom most így:
$('#valami').click(function() {
something();
});
function something(){
//do stg
}Persze nem ennyire leegyszerűsítve, mindig az újraírhatóságra gondolok, mindegyiknél lehet változókat átadni stb..
Én próbálok mindig objektum orientált lenni, sokszor kísért meg a "sötét oldal", hogy inkább lesz*rom, gányolok, úgy is működni fog, de most már inkább levágom véder fejét a barlangban, szembe nézek vele és megírom szépen
Teljesen más (mix ASP.Net is van benne):
Még mindig a kódfeltöltés résznél az oldalamon:
Lőn egy div, mi nem látszódik, hacsak nem kattintunk egy linkre, mely mondja néki, hogy: "látszódjál, DIV!"
Na, viccet félretéve:
Tehát lehetősége van a felhasználónak leírást írni a kódrészlethet, de ez opcionális lehetőség. Amikor a felhasználó a linkre kattint, egy <textarea>-t tartalmazó <li> slideDown-ol.
Eddig minden stimmel, itt van róla jsfiddle példa.
Eddig teljesen okés a dolog, tökéletesen üzemel, sok mindent nem lehet elrontani.
A probléma ott lőn, hogy az ASP.net tartalmaz egy nagyon handy szerveroldali validációt. Nos ott ugye megadtam, hogy 10 és 1000 karakter között legyen a textarea szövege, ha ez nem jó szépen oda appendeli alá a validationerror-t így néz ki ez asp-be (de ez ugye teljesen irreleváns):Validation.Add("CodeSnippetDescription", Validator.StringLength(1000, 10, "A leírásnak 10 és 100 karakter között kell lennie."));
Így néz ki a html kódja a jsfiddle példának, ott kivettem belőle az ASP-s validation cuccokat, hogy ne zavarják a megjelenést:
<li class="CodeSnippetDescription">
<label for="CodeSnippetDescription">Kódrészlet leírása</label>
<textarea id="CodeSnippetDescription" name="CodeSnippetDescription"@Validation.For("CodeSnippetDescription")></textarea>
@Html.ValidationMessage("CodeSnippetDescription")
</li>Nos ezzel az a baj, hogy mivel mindig ott van a textarea, így ha a felhasználó nem akar leírást hozzáadni, akkor is fogja mondani, hogy kell a 10 karakter. Ezt úgy akarom kiküszöbölni, hogy jQuery-be, hozzá .append-olom a textarea-t a <li>-hez, és akkor minden nagyon szép és jó lesz, mert ha akar hozzáadni leírást akkor benne lesz a DOM-ban, ha nem akkor pedig nem tud mire validálni. (ezt majd try-catch-el fogom megoldani szerintem). Amikor pedig a leírás visszavonására kattintunk, akkor meg remove-olja a textarea-t, így az is szintén rendben van.
A probléma ott van, hogy sehogy sem akarja appendolni a <li>-n belülre az oda tartozó dolgokat.
Próbáltam több féle képpen is:$('.CodeSnippetDescription).children().append("<p>hello</p>");
$('.CodeSnippetDescription).append("<p>hello</p>");Sehogy sem rakja bele abba a fránya <li>-be.. Megfájdul a fejem esküszöm. Biztos valami nagyon egyszerű cucc ami most nem jut eszembe
Tehát összegzés:
Szeretnék egy <li>-n belülre appendolni egy textarea-t.Update: Az append az nem egy szinten van a DOM-ban a <li>-vel? Tehát ha jól értem, akkor nem a <li>-re kéne append-olni, hanem az ő containerjére, nem? A <li> parent-ja egy <ol>, annak a parentja egy <fieldset>. Mostmár csak arra kéne rájönnöm, hogy hogy appendolom a <li>-n belülre. Esetleg appendTo?
Vagy más ötlet/megoldás? Nagyon túlbonyolítom? Hogy csinálnád ezt PHP-ban?
[ Szerkesztve ]
https://heureka-kreativ.hu
Új hozzászólás Aktív témák
- Eladó i14 128GB, ALZA vásárlás, akku 99%, garancia 2026.11 hó-ig
- Asus ROG Strix makulátlan, igényes build garanciával.
- Telefon felvásárlás!! Apple Watch SE/Apple Watch SE 2 (2022)
- Telefon felvásárlás!! Apple Watch Series 9/Apple Watch Ultra/Apple Watch Ultra 2
- Telefon felvásárlás!! Apple Watch Series 6/Apple Watch Series 7/Apple Watch Series 8
Állásajánlatok
Cég: Alpha Laptopszerviz Kft.
Város: Pécs
Cég: Ozeki Kft.
Város: Debrecen