Wszystko

Najnowsze

Archiwum

michaal
  • 0
Mam sobie bazę danych a w niej tabelę. Wszystkie wiersze z tej tabeli wyświetlane są na stronie (tabela generowana przez Flask). Na końcu każdego wiersza mam guzik do edycji ale za cholerę nie wiem jak go zaprogramować, żeby edytował tylko dany wiersz. Jest jakiś sposób, żeby do każdego wiersza (czy nawet komórki) generować jakieś losowe ID czy coś w tym stylu? Coś co bym mógł złapać JSem?
Chciałbym żeby to wyglądało jak tutaj:

https://youtu.be/vYoGKtdl7dQ?t=279

Że
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
januzi
  • 2
@michaal: https://en.wikipedia.org/wiki/Ajax_(programming)#JavaScript_example tu przykład z czystym javascriptem, bez użycia jQuery.
Skoro masz ID, to dajesz je jako data-id="ID" do guzika oraz do tr. Po kliknięciu w guzik odczytujesz tą wartość, wyciągasz tr z odpowiednim data-id i dla każdego wewnętrznego td robisz podmianę zawartości na ``, guzik edycji ukrywasz, zamiast niego dajesz obsługę esc\enter (esc anuluje zmiany i przywraca normalny wiersz, enter wyciąga wartości z inputów, wysyła ajaxem dane do zapisu
  • Odpowiedz
XaDasz
XaDasz
  • 0
#css #html #javascript #jquery
Czołem Mirabelki i Mirki
Mam problem z menu, które sobie ubzdurałem ma swojej prywatnej stronce. Ma to być menu one-page. Mianowicie, chcę uzyskać efekt taki, że, gdy klikam na X na obrazku w "kwadracie", to przenosi mnie do następnego diva. Wszystko ma zniknąć prócz tytułu ("mmmmm" - szlaczki w najwyższej części obrazka). Następnie ma się pojawić następny div w miejsce
XaDasz - #css #html #javascript #jquery Czołem Mirabelki i Mirki Mam problem z men...

źródło: comment_0ITaId1B3mzHS1NuTUAjvtQhynUGjWLp.jpg

Pobierz
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Jurix
Jurix
  • 0
Czy mógłbym prosić kogoś o porządne code review? W pracy miałem robione, ale jestem średnio zadowolony z przebiegu ( ͡° ʖ̯ ͡°)

https://github.com/DawidJur/pallet-generator
Zadanie polegało na zrobieniu rzutu technicznego customowych palet dla sklepu zajmującego się sprzedażą takowych. Dostałem zgodę na wrzucenie kodu do portfolio, ale pierw chciałbym się upewnić czy się do tego nadaje.

#programowanie #javascript #webdev trochę #naukaprogramowania
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
magic96
magic96
  • 3
@Jurix: kod jest dobry, tylko czysto z podejściem perfekcjonisty doczepiłbym się do kilku rzeczy.

Domyślnie odpowiednikiem var z ES5 powinno być const - zakładasz, że dane nie ulegną zmianie, a jeśli wiesz, że na pewno coś zmienisz, wtedy używasz let (dobry nawyk, pozwala wyeliminować sporo błędów).
Nazwy metod są jakieś takie wyolbrzymione, nie są złe i dobrze odzwierciedlają kontekst wywołania, ale jednak są dosyć duże.
Same walidatory sprowadziłbym do czegoś
  • Odpowiedz
marcinRGZ
marcinRGZ
  • 3
@Jurix:

1. w css nie styluj po id.

2 jQuery nie jest ci do niczego potrzebne. W czystym javascripcie możesz użyć metody np. document.querySelector("#pallet-length"), zamiast on() użyć addEventListener, zamiast text(), textContext, zamiast val() value, zamiast css() możesz użyć style i to są chyba wszystkie przypadki gdzie użyłeś jQuery. Zamiast dodawać inlinowe style lepiej zdefiniuj klasę css z tym stylem i dodawaj/usuwaj ją za
  • Odpowiedz
Alodnog
  • 1
Zaraz dostanę p-------a. Od kilku już dni próbuję uruchomić na hostingu swoją działającą na localhoście aplikację zbudowaną na React i Node.js. Po stronie Reacta wszystko działa, a w backendzie 500 (Internal Server Error). Próbowałem metodą dedukcji dojść do tego gdzie leży problem, ale już nie wiem co robić. Robiłem mniejsze testowe aplikacje, sprawdzając czy działa połączenie z backendem, czy działa połączenie z bazą. No i działa. A jak wstawiam właściwą aplikację to
  • 6
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
DlugoMyslalemNadNickiem
  • 0
Zamierzam zrobić w ciągu 2 miesięcy kilka side projectów przy okazji ucząc się trochę nowych technologii. Dotychczas raczej klepałem w starym stacku typu WAMP.
Nie chce drastycznych zmian więc stack typu MERN odpada.

Myślę nad Laravelem i Vue. Słyszałem, że np. React i Angular kiepsko wspierają SEO. I chodzi o generowanie contentu w locie czego nie widzą roboty crawlujace, czy jeszcze o coś innego? Vue pewnie będzie mieć ten sam problem..?

#
  • 11
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
ECMAlover
  • 2
@DlugoMyslalemNadNickiem mit numer jeden: frameworki już od dawna nie mają większego problemu z seo. Angulara wymyślił google. Myślisz, że by sobie z tym nie poradzili? Ale zawsze możesz generować statyczny content tylko pod wyszukiwarki. Tylko sensu w tym brak.
  • Odpowiedz
Alodnog
  • 0
Jeżeli w backendzie (node.js) swojej aplikacji używałem rzeczy z es6, to przed umieszczeniem kodu na serwerze w formie produkcyjnej, muszę go najpierw odpowiednio przerobić. I zrobić to powinienem webpackiem z użyciem babel, zgadza się? Ogólnie lokalnie korzystam z pliku .babelrc o takiej konfiguracji:

{ "presets": [ "env" ], "plugins": [ "transform-object-rest-spread" ] }
I wszystko dobrze działa. Pytanie więc brzmi czy moje rozumowanie jest w ogóle prawidłowe i czy taka konfiguracja wepbacka jest prawidłowa:
  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
sidhellfire
  • 0
@NoNapewnoNie: ale jakiego czatu?

class="link js-away"
to jest atrybut elementu przypisujący mu dwie klasy "link" oraz "js-away". Najprawdopodobniej pierwsza odpowiada za ostylowanie linku, a druga (zgadując na bazie powszechnej konwencji) została mu dodana z poziomu javascriptu i odpowiada za jakieś dynamicznie przypisane style, zależne od tego co tam w skrypcie sobie wymyślił autor.
  • Odpowiedz
N.....e
N.....e
  • 0
@sidhellfire: pojawia się w okienku czatu na jednej ze stron w necie, pod koniec wiadomości wysyłanych mi przez mojego znajomego. Widzę to pierwszy raz i nie wiem co to jest. W necie znalazłam tyle, że chodzi o javascript, ale nie zam się na tym zupełnie, jedyne, co przyszło mi do głowy, to, że zamiast tego w wiadomości powinno pojawić się "coś" ale jakiś błąd, czy cokolwiek sprawiło, że zamiast tego
  • Odpowiedz
kaspil
  • 0
Mam w klasie #javascript metodę która modyfikuje składnik tej klasy. Metoda ta tworzy lambdę zapytanie http, które w asynchronicznej odpowiedzi tworzy lambde, która też musi mieć dostęp do składnika tej klasy. Jak to zrobić? Do tej pory miałam that=this na początku metody, ale niezbyt to działa.
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
magic96
magic96
  • 0
@kaspil: nie wiem co to lambda, ale jak mówisz o arrow function, to ona nie przenosi żadnego kontekstu, więc jak odwołasz się do this, to odwołasz się tym samym do instancji.
  • Odpowiedz
zakopiak
zakopiak
  • 1
nie rozumiem,


@mioDuus: Jeśli robisz soft, który składa się z jakichś tam wielu niezależnych komponentów, to z jednej strony chcesz łatwo rozwijać projekt, a więc masz monorepo, ale z drugiej dystrybuować komponenty niezależnie, żeby można ich było używać pojedynczo. Dlatego tworzy się wtedy repozytoria read-only dla poszczególnych komponentów, gdzie kopiowany jest ich kod. Typowe dla frameworków. Symfony tak miało, ale z czego widzę, teraz mają już realne repozytoria dla każdego
  • Odpowiedz
Nattana
  • 1
Potrzebuję do pracy nauczyć się trochę TypeScript, ale mam zerową wiedzę o JavaScript. Czy są w sieci jakieś poradniki/książki/kursy, które uczą od podstaw TypeScripta, czy jednak przejście przez podstawy JS jest konieczne?
#programowanie #pytanie #javascript #typescript
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
marcinRGZ
marcinRGZ
  • 1
@Nattana:
Możesz napisać dlaczego to w ogóle ma być typescript?

Będzie problem. Z tego co zauważyłem każdy tutorial TS zakłada znajomość JS. Lepiej zrób szybko jakieś podstawy. Tak na logikę to musisz wiedzieć jakie są podstawowe obiekty, jak manipulować DOMem itd. Do JS jest bardzo dużo tutoriali na youtube, masz też tutoriale na w3schools i Mozilla Developer Network.
  • Odpowiedz

Powiązane tagi