Forum PHP.pl

Witam, mam sobie taki kod na formularz (wycialem css i kilka pól)

[PHP] pobierz, plaintext 
<form action="ta_sama_strona"method="POST">
<fieldset style="..."><legend>FORMULARZ</legend>
<p>Status:<select name="status" size="1">
<option>
<option>opcja1
<option>opcja2
</select></p>
<p>Service: 
<textarea name="service"></textarea></p>
<p><p>Recovery time objective:
<select name="recovery_day" size="1">
<option>
<?php
for($i=1;$i<=31;$i++){        
$value = ($i<10)? '0'.$i : $i;        
if($value==date('d',$_GET['recovery_time_objective'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value;}?>
</select>
<select name="recovery_month" size="1" >
<option>
<?php
for($i=1;$i<=12;$i++){        
$value= ($i<10)? '0'.$i : $i;        
if($value==date('m',$_GET['recovery_time_objective'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value; }?>
</select>
<select name="recovery_year" size="1">
<option><?phpfor($i=2009;$i<=2012;$i++){        
if($i==date('Y',$_GET['recovery_time_objective'])) echo"<option selected=selected>".$i;        
else echo"<option>".$i;}?></select>
<span>Time:</span>
<select name="recovery_hour" size="1">
<option><?phpfor($i=0;$i<=23;$i++){        
$value= ($i<10) ? '0'.$i :$i;        
if($value==date('H',$_GET['recovery_time_objective'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value;}?>
</select>
<select name="recovery_minut" size="1" >
<option>
<?php
for($i=0;$i<=55;$i=$i+5){        
$value= ($i<10) ? '0'.$i : $i;        
if($value==date('i',$_GET['recovery_time_objective'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value;}?>
</select></p>
<p>System available date / time:
<select name="system_available_day" size="1" >
<option>
<?php
for($i=1;$i<=31;$i++){        
$value = ($i<10)? '0'.$i : $i;        
if($value==date('d',$_GET['system_available_date_time'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value;}?>
</select>
<select name="system_available_month" size="1">
<option>
<?php
for($i=1;$i<=12;$i++){        
$value= ($i<10)? '0'.$i : $i;        
if($value==date('m',$_GET['system_available_date_time'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value; }?>
</select> 
<select name="system_available_year" size="1">
<option>
<?php
for($i=2009;$i<=2012;$i++){        
if($i==date('Y',$_GET['system_available_date_time'])) echo"<option selected=selected>".$i;        
else echo"<option>".$i;}?>
</select>
<span>Time:</span>
<select name="system_available_hour" size="1">
<option>
<?php
for($i=0;$i<=23;$i++){        
$value= ($i<10) ? '0'.$i :$i;        
if($value==date('H',$_GET['system_available_date_time'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value;}?>
</select>
<select name="system_available_minut" size="1">
<option>
<?php
for($i=0;$i<=55;$i=$i+5){        
$value= ($i<10) ? '0'.$i : $i;        
if($value==date('i',$_GET['system_available_date_time'])) echo"<option selected=selected>".$value;        
else echo"<option>".$value;}?>
</select></p>
<input class=button type="submit" value="Send" >
<input class=button type="reset" value="Reset"></fieldset></form>
[PHP] pobierz, plaintext 

Zastanawiam sie jak sprawic by po wybraniu opcji1 w selekcie byl dostepny akapit "Recovery time objective" i jego selekty z których wybieram date i godzine
a po wybraniu opcji2 z selektu byl dostepny akapit "System available date / time" wraz z selektami w tym akapicie.
Chcialbym zeby domyslnie(przed wybraniem opcji w selekt) nie byl dostepny ani akapit "recovery time objective" ani "system available date/time".
Na JS sie w ogole nie znam wiec bez agresji prosze:P

Drugie pytanie to w polach typu textarea czasami wpisuje kilka wierszy oddzielonych enterami ale nie moge sprawic zeby te entery byly tolerowane tzn jak dam po wykonaniu formularza
echo $_POST['nazwa_pola_textarea']; to wszystko jest w jednej linii. Do celowo zalezy mi na tym zeby pola z textarea byly wpisywana do bazy a nastepnie wysylane w email'u,
wszystko jest zrobione i dziala oprócz enterów w tresci wyslanej wiadomosci.

Przykladowy kod odnosnie braku enterów:
skrypt.php

[PHP] pobierz, plaintext 
<?php
if(empty($_POST['nazwa_pola'])){
?>
<form action="test_mail.php" method="POST">
<p>Pole typu textarea
<textarea name="nazwa_pola"></textarea></p>
<input type="submit" value="Send">
</form>
<?php
}else{        
$to ="email";        
$subject ="temat";        
$message ="<STYLE type='text/css'>/*<![CDATA[*/ style_css /* ]]> */</STYLE>";        
$message .="<p>".$_POST['nazwa_pola']."</p>";        
$headers  ="MIME-Version: 1.0"."\n";        
$headers .="Content-type: text/html; charset=iso-8859-2"."\n";        
$headers .="Content-Transfer-Encoding: 8bit"."\n";        
$headers .="From: ALERTS@mailer.gro.pl.corp"."\n";        
$mailsent = mail($to,$subject,$message,$headers);}
?>
[PHP] pobierz, plaintext 

Ten post edytował XxmanxX 23.09.2009, 13:19:10

Zrobiłem kopiuj wklej Twojego kodu i nie bardzo wiem o co Ci chodziło, nie używałem nigdy biblioteki jquery.
Co ten skrypcik miał robić?
Pozdro

Jak wybierzesz pierwszą opcję z selecta to pokaże zawartośc diva o id ='kontener', jak wybierzesz pozostałe to ukryje. jQuery to bardzo fajna biblioteka javascript. Ściągasz ją stąd: http://jquery.com/
I dołączasz w sekcji <head> strony w ten sposób:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="jquery.js"></script>
[HTML] pobierz, plaintext 

(tylko ściągnięty plik jquery będzie miał nazwę z numerkiem na końcu to ten numerek usuń z nazwy albo zmień wyżej src)
Jak masz pytania albo watpliwosci to pytaj smialo

Ten post edytował wiewiorek 23.09.2009, 13:44:25

Wielkie dzięki:)
Jeszcze jedno pytanko, jak w tej funkcji uzależnić widoczność kontenera od zmiennej $_GET którą będę pobierał. Jak się tworzy warunek if ze zmienną
pozdrawiam

Daj jakiś przykład co chcesz zrobić.

[PHP] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
        $('#recovery_time_objective').hide();
        $('#system_available_date_time').hide();
        $('#status').change(function()
        {
                if($('#status').val()=='Work in progress')
                {
                        $('#recovery_time_objective').show();
                        $('#system_available_date_time').hide();
                }
                if($('#status').val()=='Closed')
                {
                        $('#recovery_time_objective').hide();
                        $('#system_available_date_time').show();
                }
                if($('#status').val()=='')
                {
                        $('#recovery_time_objective').hide();
                        $('#system_available_date_time').hide();
                }
        });
});
</script>
 
<form>
<p>Status:
<select id="status" name="status" size="1" style="position:absolute;left:265">
<option>
<?php
if($_GET['status']=='Work in progress') echo"<option selected=selected>Work in progress"; else echo"<option>Work in progress";
if($_GET['status']=='Closed') echo"<option selected=selected>Closed"; else echo"<option>Closed";
?>
</select></p>
<div id="recovery_time_objective">
Recovery time objective:
<input type="text" name="recovery_time_objective">
</div>
<div id="system_available_date_time">
System available date / time:
<input type="text" name="system_available_date_time">
</div>
<input class=button type="submit" value="Update" >
<input class=button type="reset" value="Reset">
</form>
[PHP] pobierz, plaintext 

Jak ładuje strone to chociaż ma domyślnie ustawiony select status np. na Work in progress to nie wyświetla <div id="recovery_time_objective"> tylko dopiero jak sam ręcznie wybiore z select status opcje Work in progress to wyświetli <div id="recovery_time_objective">. Myślałem że może gdybym na początu strony przypisał $zmienna=$_GET['status'] i wtedy wrzucil to w warunek w JS scirpt to by zadziałało bez recznego wybierania z listy?

No teraz rozumiem
Bo patrz, ja (i Ty wzorując się na moim kodzie) dałeś na samym początku skryptu:


Czyli elementy o id=recovery_time_objective oraz id=system_available_date_time są od razu po załadowaniu strony ukrywane. Usuń te dwie linie kodu to będą widoczne.

I tak w ogóle to w formularzach domyślną metodą wysyłania danych jest GET, ale lepiej zmieniać na POST <form method='post'>, bo GET ma jakiś tam limit znaków, a poza tym to potem jest widoczne w url więc w url robi się niezły śmietnik. GET'em głównie się przesyła jakieś identyfikatory, np. rekordów w bazie danych - jakieś krótkie rzeczy.

Ten post edytował wiewiorek 24.09.2009, 12:28:58

Usunąlem te dwie linie kodu , ale teraz przypisuje zmienną $_GET['status'] do opcji w select a zarówno
<div id="recovery_time_objective"> i <div id="system_available_date_time"> są domyślnie widoczne.

A jak powinno być ? Wnioskuję, że jeden element chcesz mieć na samym początku po załadowaniu strony gdy jeszcze nic nie wybrało się z selecta ukryty a drugi widoczny, tak ? Element o jakim id chcesz mieć ukryty a o jakim id widoczny na starcie ?

W formularzu mam jeszcze kilka pól które są od początku widoczne, te dwa muszą być ukryte i pojawiać się wzależności od opcji z listy rozwijanej

Chodzi ci o cos takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
 
		//po zaladowaniu strony:
		var wybrana_opcja = $("#status option:selected");
 
		if(wybrana_opcja.val()=='Work in progress')
		{
				$('#recovery_time_objective').show();
				$('#system_available_date_time').hide();
		}
		if(wybrana_opcja.val()=='Closed')
		{
				$('#recovery_time_objective').hide();
				$('#system_available_date_time').show();
		}
		if(wybrana_opcja.val()=='')
		{
				$('#recovery_time_objective').hide();
				$('#system_available_date_time').hide();
		}
 
 
		//po zmianie wybranej opcji z listy select:		
        $('#status').change(function()
        {
                if($('#status').val()=='Work in progress')
                {
                        $('#recovery_time_objective').show();
                        $('#system_available_date_time').hide();
                }
                if($('#status').val()=='Closed')
                {
                        $('#recovery_time_objective').hide();
                        $('#system_available_date_time').show();
                }
                if($('#status').val()=='')
                {
                        $('#recovery_time_objective').hide();
                        $('#system_available_date_time').hide();
                }
        });
 
});
</script>
[HTML] pobierz, plaintext 

A działa Ci to bo mi nie, od razu mam dostępne dwie opcje.
Czy możesz mi pokazać jak by wyglądałby kod w którym widoczność <div id="recovery_time_objective"> i
<div id="system_available_date_time'> byłaby zależna od wartość zmiennej $status
Dla $status=='Work in progress'
$('#recovery_time_objective').show();
$('#system_available_date_time').hide();
Dla $status=='Closed'
$('#recovery_time_objective').hide();
$('#system_available_date_time').show();
A dla $status==''
$('#recovery_time_objective').hide();
$('#system_available_date_time').hide();

Ten post edytował XxmanxX 24.09.2009, 14:37:13

Kompletnie nie rozumiem co masz na mysli - jak to nie działa ?

Strona główna:
http://img121.imageshack.us/my.php?image=09242009155423.png
Po wybraniu opcji z listy:
http://img12.imageshack.us/my.php?image=09242009155547.png
Po kliknięciu na przycisk update:
http://img43.imageshack.us/my.php?image=09242009155615.png

Zresztą jak chcesz żeby gdy ktoś wpisze w przeglądarce w adresie url:
http://localhost:81/?status=Work+in+progre...able_date_time=
wyświetlać lub ukrywać dane pole to nie trzeba do tego używać javascript, wystarczy użyć php - pobrać GET'em wartość 'status' i w zależności od jej wartości wyświetlać lub nie pola.
Javascript/ajaxa używa się gdy coś ma zostać wykonane bez przeładowania strony, ale ja nie bardzo rozumiem co masz na myśli także już nie wiem

Ten post edytował wiewiorek 24.09.2009, 15:02:49

Heh, ja w momencie kiedy ładuje strone po raz pierwszy już znam (ze zmiennej $status) domyślną wartość listy rozwijanej.
I chciałbym żeby przy ładowaniu strony właśnie w zalenożności od tej zmiennej wyświetlał się albo jeden kontener albo drugi.
A następnie jeśli user chce to sam wybiera opcje z listy i zmienia sie kontener lub zostaje kontener ten załadowany przy starcie strony(ale zależny od zmiennej $status).
Rozumiesz ?

Step by step:
1. ładuje strone
2. rozpakowuje z bazy pole status
3. jesli $status=='Work in progress' to takie kontenery widoczne a inne nie jeśli $status=='Closed' to takie kontenery widoczne a inne nie, jeśli $status=='' to wszystkie kontenery nie widoczne.
4. Pkt. 3 to domyślny wygląd formularza
5. User może zmienić wartość selectu i automatycznie mają się zmieniać widoczne/niewidoczne kontenery bez przycisku submit formularza

Ten post edytował XxmanxX 24.09.2009, 15:12:24

Pokaż mi tylko przykładowy url - link, pod którym jest coś nie tak, bo nie rozumiem U mnie wszystko jest ok zgodnie z tymi punktami.

Ten post edytował wiewiorek 24.09.2009, 15:13:11

Strona po załadowaniu
http://img411.imageshack.us/i/79007366.jpg/
Po wybraniu opcji
http://img16.imageshack.us/i/79549083.jpg/

To wygląda jakby jQuery Ci w ogóle nie działało - masz pobraną bibliotekę jQuery i ją dodaną w ten sposób:
<script type="text/javascript" src="jquery.js"></script>

?


Masz tu cały DZIALAJĄCY kod:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dokument bez tytułu</title>
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
$(document).ready(function() {
 
		//po zaladowaniu strony:
		var wybrana_opcja = $("#status option:selected");
 
		if(wybrana_opcja.val()=='Work in progress')
		{
				$('#recovery_time_objective').show();
				$('#system_available_date_time').hide();
		}
		if(wybrana_opcja.val()=='Closed')
		{
				$('#recovery_time_objective').hide();
				$('#system_available_date_time').show();
		}
		if(wybrana_opcja.val()=='')
		{
				$('#recovery_time_objective').hide();
				$('#system_available_date_time').hide();
		}
 
 
		//po zmianie wybranej opcji z listy select:		
        $('#status').change(function()
        {
                if($('#status').val()=='Work in progress')
                {
                        $('#recovery_time_objective').show();
                        $('#system_available_date_time').hide();
                }
                if($('#status').val()=='Closed')
                {
                        $('#recovery_time_objective').hide();
                        $('#system_available_date_time').show();
                }
                if($('#status').val()=='')
                {
                        $('#recovery_time_objective').hide();
                        $('#system_available_date_time').hide();
                }
        });
 
});
</script>
 
</head>
<body>
 
 
<form>
<p>Status:
<select id="status" name="status" size="1" style="position:absolute;left:265">
<option>
<?php
if($_GET['status']=='Work in progress') echo"<option selected=selected>Work in progress"; else echo"<option>Work in progress";
if($_GET['status']=='Closed') echo"<option selected=selected>Closed"; else echo"<option>Closed";
?>
</select></p>
<div id="recovery_time_objective">
Recovery time objective:
<input type="text" name="recovery_time_objective">
</div>
<div id="system_available_date_time">
System available date / time:
<input type="text" name="system_available_date_time">
</div>
<input class=button type="submit" value="Update" >
<input class=button type="reset" value="Reset">
</form>
 
 
</body>
</html>
[HTML] pobierz, plaintext 

Jeśli nie działa to znaczy, że nie masz biblioteki jQuery

Ten post edytował wiewiorek 24.09.2009, 15:30:26

Chyba znalazłem swój błąd, ale nie mam teraz dostępu do kodu, jutro sprawdzę i dam znać;)
Dzięki za poświęcony czas, pozdrawiam;)

Powodzenia