Tekst w <input > a zapis do pliku Opcje

[marcin98721]

Witam
Czy istnieje możliwość aby wszystko to co wpisze użytkownik w pole input zapisywało się automatycznie do pliku? bez żadnego naciskania przycisku oczywiście.
Proszę o pomoc.
Pozdrawiam

[Damonsson]

http://lmgtfy.com/?q=javascript+zdarzenia
http://lmgtfy.com/?q=php+zapis+do+pliku

[marcin98721]

szukałem już w google, ale nie znalazłem dokładne tego samego o co proszę. a zapisywać do pliku w php wydaje mi się że potrafię, gorzej z javascript

[kamil4u]

Poczytaj o zdarzeniu onkeydown/onkeyup/onkeypress i/lub onchange i o AJAX. Teraz po każdym wciśnięciu przycisku wysyłasz żądanie przez AJAX na serwer, który zapisuje to co wysłałeś. Jeśli nie znasz JS to użyj jakieś biblioteki np. jQuery - tam obsługa AJAX-u jest naprawdę prosta.

[marcin98721]

wiem, że to mi się przyda http://api.jquery.com/blur/ ale niestety nie wiem jak to zaimplementować...

[kamil4u]

Napisałem Ci co Ci się przyda. Zadaj pytania związane z tym. I poczytaj o tym.

[marcin98721]

Wspomniałeś coś o jQuery a tam znalazłem właśnie tą funkcję blur();

A co do tego co podałeś to np: http://help.dottoro.com/ljlwfxum.php nie wiem jak to wykorzystać. Pierwszy przykład zwraca np kod Unicode danego znaku, co mi się chyba nie przyda...

[kamil4u]

Problem polega na tym, że czkasz na gotowca i nie chcesz o niczym poczytać, się czegoś nauczyć. No i teraz pytanie co z Tobą zrobić

Dostaniesz gotowca, ale w formie pseudokodu. Twoim zadaniem będzie przepisanie tego na JS. Myślę, że to dobry kompromis.

Kod

Pobierz_element_o_ID('mojeID').przypisz_zdarzenie_change({ //$('#') , change
  Wyślij_zapytanie_metodąGet( 'TwójPlikPHP', {'zmienna': this.wartosc ); //get, val
});

W komentarzach funkcje, które masz użyć. W następnym poście oprócz ew. pytań , podaj kod jak przerobiłeś mój powyższy kod.
Pozdrawiam

Ten post edytował kamil4u 16.12.2012, 20:12:28

[marcin98721]

znalazłem coś innego. tyle tylko że tym razem zapisuje mi do konsoli javascript

[PHP] pobierz, plaintext 
	function send(pass){
		/* save serverside  */
		console.log("$$$: "+pass);
	}
[PHP] pobierz, plaintext 

i z tego co czytam to nie da się tego zapisać do pliku używając tylko samego javascript, ale do konsoli normalnie zapisuje w formie:

$$$: p
$$$: ph
$$$: php

Czy może jestem w błędzie i da radę?

Problem polega na tym, że czkasz na gotowca i nie chcesz o niczym poczytać, się czegoś nauczyć. No i teraz pytanie co z Tobą zrobić

Niestety muszę się z Tobą zgodzić, ale działam pod presją czasu, na jutro muszę mieć to zrobione więc nie mam za bardzo czasu na czytanie obszernych dokumentacji. :C

[kamil4u]

To zamiast szukać coś co Ci jest zupełnie niepotrzebne użyj swojego czasu na przeczytanie dokumentacji 4 funkcji.

do pliku używając tylko samego javascript

Dlatego używasz AJAX, czyli metody GET, czyli prosić serwer, żeby uruchomił skrypt PHP, który już potrafi zapisywać dane. Skrypt PHP będzie wyglądał tak, że pod zmienną super globalną $_GET['zmienna'] będziesz miał to co podasz w JS.

Tak więc podsumowując: do roboty!

[marcin98721]

[PHP] pobierz, plaintext 
<input id="search" name="random" type="text" size="15" onChange="">
 
$('#random').przypisz_zdarzenie_change({ //$('#') , change
  $.get( 'plik.txt', {'zmienna': this.value); //get, val
});
 
[PHP] pobierz, plaintext 

Tyle wiem na dzień dzisiejszy

[kamil4u]

Źle:
- nie zgadza się id
- nic nie zrobiłeś z przypisz_zdarzenie_change
- masz odwołać się do pliku PHP, nie do txt
- musisz stworzyć plik PHP, który stworzy i zapisz Ci dane
- nie this.value tylko użyj metody .val(); -> to akurat nie jest błąd, ale zrób tak jak mówię
- JS umieszczamy w <script>

Popraw co Ci się uda i pokaż kod + stwórz plik PHP i go również podaj.

[marcin98721]

plik.php

[PHP] pobierz, plaintext 
<?php
 
$dane = $_GET['search']; //nie wiem skąd mam brać te dane?!
 
$file = "dane.txt";
$fp = fopen($file, "x");
flock($fp, 2);
fwrite($fp, $dane);
flock($fp, 3);
fclose($fp);
?> 
[PHP] pobierz, plaintext 

nie zgadza się id

To id wykorzystuję akurat w stylach css, no ale ok, jeśli to nie przeszkadza.

JS umieszczamy w <script>

ojj śpieszyłem się, skoro jest to pseudokod to nie robi to różnicy

index.html

[PHP] pobierz, plaintext 
<input id="search" name="random" type="text" size="15" onChange="zdarzenie">
.
.
.
<script>
$('#search').zdarzenie({ 
$.get( 'plik.php', {'zmienna': this.val());
</script>
});
[PHP] pobierz, plaintext 

Ten post edytował marcin98721 16.12.2012, 21:42:02

[kamil4u]

-Spr. w dokumentacji co ma być zamiast "zdarzenie". Napisałem Ci co ma tam.
-

$dane = $_GET['search']; //nie wiem skąd mam brać te dane?!

Właśnie po to jest AJAX i

$.get( 'plik.php', {'zmienna': this.val());

- nie sprawdziłeś o co chodzi z val - zrób to w końcu, bo robi się to denerwujące. Marnujesz mój czas( i swój ) zamiast poświęcić 30s i sprawdzić jak ma być
- pseudokod to był mój, a nie Twój, więc tu wszystko robi różnicę
- nie zgadzają Ci się nawiasy {}

[marcin98721]

plik.php

[PHP] pobierz, plaintext 
    <?php
 
    $dane = $_GET['zmienna']; //nie wiem skąd mam brać te dane?!
 
    $file = "dane.txt";
    $fp = fopen($file, "x");
    flock($fp, 2);
    fwrite($fp, $dane);
    flock($fp, 3);
    fclose($fp);
    ?> 
[PHP] pobierz, plaintext 

index.html

[PHP] pobierz, plaintext 
    <input id="search" name="random" type="text" size="15" onChange="change">
    .
    .
    .
    <script>
    $('#search').change({
    $.get( 'plik.php', {'zmienna': this.val());
    });</script>
[PHP] pobierz, plaintext 

Dalej nie wiem co z tym onChange. Dlatego strzelam. Pierwszy lepszy link z google https://www.ssbbartgroup.com/reference/inde...nChange_Opinion i nic tam nie ma.
Tak, wiem że to denerwujące.

[kamil4u]

- Usuń cały atrybut "onchange"
- wszystko czytaj tylko i wyłącznie stąd: http://api.jquery.com/ - przynajmniej na temat tego co robisz teraz
- co to za kropki? po co?
- nie zgadza się ilość { z }
- nadal nic nie zrobiłeś z val - otwórz w końcu dokumentację i zobacz jak ma być
- w PHP użyj: file_put_contents

Ten post edytował kamil4u 16.12.2012, 22:15:48

[marcin98721]

kropki oznaczają że coś tam jeszcze innego jest. ale po co mam wklejać cały mój plik index.html jak reszta nie dotyczy tematu

[PHP] pobierz, plaintext 
<input id="search" name="random" type="text" size="15">
 
 
 
<script>
$('#search').change({
$.get( 'plik.php', {'zmienna': this.val()});
});</script>
[PHP] pobierz, plaintext 

plik.php

[PHP] pobierz, plaintext 
<?php
 
$dane = $_GET['zmienna'];
$file = "baza.txt";
file_put_contents($file, $dane, FILE_APPEND);
?> 
[PHP] pobierz, plaintext 

Czy teraz będzie działać?

PS. jeszcze jedno. Czy można to #search jakoś zastąpić i użyć np tej nazwy z "name" bo tak jak obstawiałem tak też się stało. Nie działa mi jeden element przez to. Bo ten input pojawia się w przeglądarce po naciśnięciu danego przycisku (ESC), po dodaniu tego kodu przestał się pojawiać...

Ten post edytował marcin98721 16.12.2012, 23:33:09

[kamil4u]

Sprawdź. Nie będzie. Przeczyta jeszcze raz moje posty i popraw to co tam napisałem. A pisałem o tym 3 razy!!

[marcin98721]

zapewne chodzi o val() ale na prawdę nie mam pojęcia co tam wstawić. czytałem i to http://api.jquery.com/val/ i jakieś przykłady z tego forum i nie wiem jaką wartość wstawić między te nawiasy...
Chyba sobie odpuszczę. Porwałem się na zbyt trudną rzecz dla mnie do zrobienia...

PS. jeszcze jedno. Czy można to #search jakoś zastąpić i użyć np tej nazwy z "name" bo tak jak obstawiałem tak też się stało. Nie działa mi jeden element przez to. Bo ten input pojawia się w przeglądarce po naciśnięciu danego przycisku (ESC), po dodaniu tego kodu przestał się pojawiać...

Ten post edytował marcin98721 16.12.2012, 22:46:47

[kamil4u]

Nie widzisz różnicy między:

Kod

$(this).val()

, a

Kod

this.val()

?

To może rzeczywiście sobie odpuść.

Id ma się zgadzać, czyli: <input id="search" name="random" type="text" size="15"> i $('#search').change({ ma być takie samo.