HTML/PHP/Javascript
#1
Napisano 02 01 2013 - 18:29
1. Umożliwić wysyłanie tekstu z formularza (HTML) - prosty formularz, 2 pola tekstowe oraz przycisk wyslij
2. Zapisać tekst wysłany do pliku tekstowego (PHP)- to co wpiszemy w pola tekstowe po naciśnięciu "wyslij" zapisuje sie do pliku tekstowego "baza.txt"
3. Wyswietlic zapisany tekst w polu textarea (PHP) - automatyczne wczytanie tego co zapisalismy w "baza.txt" w textarea pod formularzem
4. Raz wpisany text do pierwszego pola zostaje w tym polu (lecz mozna go edytowac recznie) (HTML PHP) - dane z pola pierwszego po kliknięciu wyślij zostają w polu pierwszym do czasu recznej zmiany
5. Autofokus na drugie pole do wpisywania wiadomosc (Java Script)- po kliknieciu "wyslij" kursor automatycznie ustawia sie w drugim polu
6. Pole textarea przewija się do ostatniej wiadomości (java script)- automatycznie textarea pokazuje ostatnia wiadomosc (po nacisnieciu "wyslij")
Prosilbym bardzo o pomoc
#2
Napisano 02 01 2013 - 23:25
ad 5 Tak działa focus w JS.
<body onload="document.getElementById('id_drugiego_pola').focus();">
<textarea id="id_drugiego_pola"></texarea>
Jak w textarea pod formularzem jak textarea jest częścią formularza?3. Wyswietlic zapisany tekst w polu textarea (PHP) - automatyczne wczytanie tego co zapisalismy w "baza.txt" w textarea pod formularzem
Czy to ma być cos w rodzaju shoutboxa?
#3
Napisano 03 01 2013 - 20:35
Jak w textarea pod formularzem jak textarea jest częścią formularza?
Czy to ma być cos w rodzaju shoutboxa?
Jestem bardzo zainteresowany wykonaniem tego, jakiś początek mam tego, lecz nie wrzucam bo troche zawiły mam i może jakoś łatwiej da się to zrobić. Zawieszam się w punkcie trzecim. Ma byc taki jakby komunikator internetowy i to co wysyłamy ma się pojawiać w polu textowym (<textarea>)
#4
Napisano 03 01 2013 - 21:04
<textarea> <?php include('baza.txt');?> </texarea>
#5
Napisano 04 01 2013 - 21:42
<html>
<head>
</head>
<body>
<?php
$pole1 = trim($_POST['pole1']);
$pole2 = trim($_POST['pole2']);
if(empty($pole1) and empty($pole2)) {
// prosty formularz zawierający dwa pola
echo '<form action="" method="post">
<input type="text" name="pole1" style="width: 200px;" /><br />
<textarea rows="4" cols="50" name="pole2" style="width: 50x; height: 50px;">
</textarea><br />
<input type="submit" value="Zapisz" />
</form>';
}
else {
echo '<form action="" method="post">
<input type="text" name="pole1" style="width: 200px;" /><br />
<textarea rows="4" cols="50" name="pole2" style="width: 50x; height: 50px;">
</textarea><br />
<input type="submit" value="Zapisz" />
</form>';
// dane pochodzące z formularza
$dane = $pole1.":".$pole2."\n";
// przypisanie zmniennej $file nazwy pliku
$file = "baza.txt";
// uchwyt pliku, otwarcie do dopisania
$fp = fopen($file, "a");
// blokada pliku do zapisu
flock($fp, 2);
// zapisanie danych do pliku
fwrite($fp, $dane);
// odblokowanie pliku
flock($fp, 3);
// zamknięcie pliku
fclose($fp);
}
?>
<?php
$baza = "baza.txt";
$fp = fopen($baza, "r");
$txtarea = fread($fp, filesize($baza));
fclose($fp);
?>
<textarea rows="10" cols="100" style="width: 500x; height: 500px;"><?php echo $txtarea; ?></textarea>
</body>
</html>
Użytkownik jackeroo edytował ten post 04 01 2013 - 21:43
#6
Napisano 04 01 2013 - 23:21
<input type="text" name="pole1" style="width: 200px;" <?php echo"value='$_POST[pole1]'";?>/>co do 5 to w pierwszym moim poscie bylo.
#7
Napisano 04 01 2013 - 23:42
#8
Napisano 04 01 2013 - 23:47
echo '<form action="" method="post"> <input type="text" name="pole1" style="width: 200px;"'; echo" value='$_POST[pole1]'"; echo' /><br /> <textarea rows="4" cols="50" name="pole2" style="width: 50x; height: 50px;"> </textarea><br /> <input type="submit" value="Zapisz" /> </form>';no porządku z echami trzeba troche. rozdzieliłem to na trzy bo w takich ' ' apostrofach nie wyświetlisz zmiennej z php.
ewentualnie mozna to zrobić jeszcze tak:
<input type="text" name="pole1" style="width: 200px;"' value="'.$_POST[pole1].'" /><br />
Użytkownik bipiw edytował ten post 05 01 2013 - 00:05
#9
Napisano 04 01 2013 - 23:57
Użytkownik jackeroo edytował ten post 05 01 2013 - 00:17
#10
Napisano 05 01 2013 - 00:41
<script type="text/javascript"> function setCaretToEnd (input) { setSelectionRange(input, input.value.length, input.value.length); } </script>A to przewijające się pole:
<textarea rows="10" cols="100" style="width: 500x; height: 500px;" name="przewin" onload="setCaretToEnd(this.form.przewin);"><?php echo $txtarea; ?></textarea>Nie dam sobie za to głowy uciąć, ale może zadziała:)
Użytkownik bipiw edytował ten post 05 01 2013 - 00:47
#11
Napisano 05 01 2013 - 00:49
#12
Napisano 05 01 2013 - 00:51
name="przewin" onload="setCaretToEnd(this.form.przewin);
Użytkownik bipiw edytował ten post 05 01 2013 - 00:52
#13
Napisano 05 01 2013 - 00:55
moge tylko dodac ze za polem 2 pojawia sie "}" jesli to cos pomoze
#14
Napisano 05 01 2013 - 00:56
http://code.jquery.c...ry-1.8.3.min.js
zapisz ten plik
w <head> dajesz:
<script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#przewin').scrollTop($('#przewin')[0].scrollHeight); }); </script>
i na koniec to:
<textarea rows="10" cols="100" style="width: 500x; height: 500px;" id="przewin"><?php echo $txtarea; ?></textarea>
Użytkownik bipiw edytował ten post 05 01 2013 - 01:18
#15
Napisano 05 01 2013 - 01:27
#16
Napisano 05 01 2013 - 01:29
i zapisujesz w tym samym folderze co plik nad którym się męczymy:)
Użytkownik bipiw edytował ten post 05 01 2013 - 01:29
#17
Napisano 05 01 2013 - 01:31
Użytkownik jackeroo edytował ten post 05 01 2013 - 01:32
Użytkownicy przeglądający ten temat: 0
0 użytkowników, 0 gości, 0 anonimowych