Pokaż wyniki od 1 do 7 z 7

Wątek: [Q]Inline Edit

  1. #1
    Zarejestrowany
    Dołączył
    May 2013
    Posty
    4

    Domyślnie [Q]Inline Edit

    Witam mam problem wlasnie z dynamiczna edycja tekstu przy kliknieciu. Czy moze ktos mi pomoc lub napisac jakiegos gotowca jako przyklad. Bardzo bylbym wdzieczny

  2. #2
    Zarejestrowany
    Dołączył
    Mar 2008
    Posty
    251

    Domyślnie

    Opisz szerzej jak ma to wyglądać - czy podczas edycji, czy zmiana tekstu po kliknięciu na jakiś element. Jeżeli jednak zmiana ma być dynamiczna, to raczej pozostaje tylko js/ajax.

  3. #3
    Zarejestrowany
    Dołączył
    May 2013
    Posty
    4

    Domyślnie

    no chce poprostu takie cos zeby po kliknieciu tekst ma sie zamienic w pole tekstowe i moglbym go zmieniac a to by sie zapisywalo na stronie. Nie wazne jak.

  4. #4
    Zarejestrowany
    Dołączył
    Mar 2008
    Posty
    251

    Domyślnie

    Więc proponuję skorzystać z jQuery, można to zrobić w bardzo prosty sposób. Załóżmy, że tekst jest w divie o klasie "content", wystarczy więc coś w stylu:

    Kod:
    jQuery(document).ready(function ($) {
    	$(document.body).on("click", ".content", function() {
    		var tresc = $(this).html();
    		$(this).replaceWith("<form><textarea>" + tresc + "</textarea></form>");
    	});
    });

  5. #5
    Zarejestrowany
    Dołączył
    May 2013
    Posty
    4

    Domyślnie

    przepraszam ale ja naprawde jestem geekiem a to mi bardzo potrzebne i musze to ogarnac. Mam to oznaczyc w tagach Script?

  6. #6
    Zarejestrowany
    Dołączył
    Mar 2008
    Posty
    251

    Domyślnie

    Najpierw musisz w tagach script załączyć bibliotekę jQuery. Możesz ją pobrać http://jquery.com/download/, albo skorzystać z kodu online:

    Kod:
    <script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
    Następnie w tagach script umieszczasz ten kod, który podałem Ci powyżej:

    Kod:
    <script>
    jQuery(document).ready(function ($) {
        $(document.body).on("click", ".content", function() {
            var tresc = $(this).html();
            $(this).replaceWith("<form><textarea>" + tresc + "</textarea></form>");
        });
    });
    </script>
    Jeżeli nie rozumiesz któregoś z elementów to zajrzyj do dokumentacji http://api.jquery.com/ - możesz wyszukać daną funkcję i znaleźć jej opis.

    PS Wykorzystuję właściwie tylko trzy funkcje- .on(), .html() i .replaceWith()

  7. #7
    Aktywny
    Dołączył
    Jul 2008
    Posty
    866
    Ostatnio edytowane przez Drikam ; 25-06-2013 o 07:56

Informacje o wątku

Użytkownicy przeglądający ten wątek

Aktualnie 1 użytkownik(ów) przegląda ten wątek. (0 zarejestrowany(ch) oraz 1 gości)

Podobne wątki

  1. Averon 4Fun Rl Map Bardzo mocny Edit!
    Przez Qasol w dziale Open Tibia Serwer OTS | Reklama Publikacja Promocja serwerów OTS Open Tibia Serwer
    Odpowiedzi: 0
    Ostatni post / autor: 12-06-2013, 13:48
  2. [Edit]Start Ots 8.6 kataria.eu 10.03.2013
    Przez Sir Tubis w dziale Open Tibia Serwer OTS | Reklama Publikacja Promocja serwerów OTS Open Tibia Serwer
    Odpowiedzi: 0
    Ostatni post / autor: 08-03-2013, 10:58
  3. Korzystanie z GS Edytora ver. GS Edit v1.2
    Przez htmlxp w dziale Stawianie i konfiguracja serwera Mu Online
    Odpowiedzi: 0
    Ostatni post / autor: 22-02-2009, 20:34
  4. Dodatek do tematu Pomoc do Moda Edit.php
    Przez Geralt w dziale Support Vallheru
    Odpowiedzi: 0
    Ostatni post / autor: 30-12-2007, 20:25
  5. Pomoc do Moda Edit.php
    Przez Nivellen w dziale Support Vallheru
    Odpowiedzi: 21
    Ostatni post / autor: 26-12-2007, 18:22

Zakładki

Uprawnienia umieszczania postów

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •