Forum PHP.pl > [php][js]Przenoszenie tablicy php do tablicy w js

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php][js]Przenoszenie tablicy php do tablicy w js

demonico

7.02.2011, 15:55:22

Zdaje sobie sprawe, ze ten temat mogl juz tutaj byc ale w kodzie ktory posiadam nie potrafie zupelnie go wprowadzic. Wszystko przez to, ze programowalem przez rok w zupelnie innym jezyku i nie moge zalapac jak to tu jest.

Bardzo prosze jesli ktos bylby laskal niech mi podpowie jak powinien wygladac ten kod aby dzialal poprawnie. Ogolnie maja to byc 3 comboboxy rozwijane z ktorych drugiego wart jest zalezna od 1, a trzeciego od 1 i 3. W 1 mozliwe dokumeny. W 2 mozliwe daty spotkania tych dokumentow. W 3 mozliwe godziny tego dokumentu i daty. Nie wiem czy rozumiecie ale to malo wazne akurat jak to bedzie dzialac. Glownie chodzi o to aby przeniesc ta tablice, dalej sobie poradze

Z gory dziekuje za kazda pomoc.

A o to kod: (linia 233)

[PHP] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<style type="text/css">
BODY{
	background-color:#ffffff;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	margin:0;
	overflow: auto;
}
A
{
	text-decoration:none;
	color:#000000;
}
TD
{
	text-align:left;
	font-size: 12px;
}
.tr_head
{
	font-weight: bold;
	padding: 3px;
}
</style>
 
 
 
</head>
<body><center>
 
<?
	// DEFINIOWAC TUTAJ 
 
	// Doradztwo z zakresu marketingu;
	// terminy
	define("pierwszy", "01.02.2011|12:00|13:00|14:00^20.03.2011|12:00|13:00^01.02.2010|12:00|13:00");
 
 
	// Doradztwo z zakresu księgowości;
	// terminy
	define("drugi", "01.02.2011|12:00|13:00|14:00^20.03.2011|12:00|13:00^01.02.2010|12:00|13:00");
 
 
	// Doradztwo prawne;
	// terminy
	define("trzeci", "01.02.2011|12:00|13:00|14:00^20.03.2011|12:00|13:00^01.02.2010|12:00|13:00");
 
 
	// Doradztwo psychologiczne;
	// terminy
	define("czwarty", "01.02.2011|12:00|13:00|14:00^20.03.2011|12:00|13:00^01.02.2010|12:00|13:00");
 
 
 
		//var text = ["wersja1", "inna kategoria", "trzecia kat", "jakas kat"]; 
      //          for (licznik=0;licznik<text.length;licznik++) 
      //          { 
      //              var opt = document.createElement("option");
	//				document.getElementById(nr2).options.add(opt);
	//				opt.text = text[licznik];
    //            }
 
 
 
	$apars = explode("^", constant("pierwszy"));	
 
	$array_terminow = array();
 
	for ($i = 0 ; $i < sizeof($apars) ; $i++)
	{
		$array_terminow[$i] = explode("|", $apars[$i]); // podaje jedna kolumne tj 01.02.2011|12:00|13:00|14:00^
	}
 
 
	$array_godzin = array();
 
	for ($i = 0 ; $i < sizeof($array_terminow) ; $i++)
	{
		$array_godzin[$i] = explode("|", $array_terminow[$i]); // podaje jedna wartosc w kazdym czyli 0 to data z - 01.02.2011|12:00|13:00|14:00^
 
 
 
		for ($j = 1 ; $j < sizeof($array_godzin[$i]) ; $j++)
		{
 
 
 
 
		}
 
	}
 
$dlugosc = sizeof($array_terminow);
 
 
 
include("mail.mod.php");
function getinp($nr)
{
   $str = 'INPUT';
 
 
   if ($nr == 48)
   {
      $str = '<input type="radio" name="inp_45" value="d"/>';
   }  
   else if ($nr == 1)
   {
      $str = '
		<select OnChange="usun(1,2,3,this)" name="inp_'.$nr.'" id="'.$nr.'">
		<option value="test1">test</option>
		<option value="test2">test2</option>
		<option value="test3">test3</option>
		<option value="test4">test4</option>
		<option value="test5">test5</option>
		</select>';
   }  
    else if ($nr == 2)
   {
      $str = '
		<select OnChange="usun(1,2,3,this)" name="inp_'.$nr.'" id="'.$nr.'">
		<option value="test">test</option>
		<option value="test2">test2</option>
		<option value="test3">test3</option>
		<option value="test2">test2</option>
		<option value="test3">test3</option>
		<option value="test4">test4</option>
		<option value="test5">test5</option>
		</select>';
   }  
    else if ($nr == 3)
   {
      $str = '
		<select OnChange="usun(1,2,3,this)" name="inp_'.$nr.'" id="'.$nr.'">
		<option value="test">test</option>
		<option value="test2">test2</option>
		<option value="test3">test3</option>
		<option value="test2">test2</option>
		<option value="test3">test3</option>
		<option value="test4">test4</option>
		<option value="test5">test5</option>
		</select>';
   }  
   else
   {
      $str = '<input type="text" name="inp_'.$nr.'" style="width:200px; font-size:14px;">';
   }
	return($str);
}
 
function getans($nr)
{
	return('<b>'.$_POST['inp_'.$nr].'</b>');
}
function getanss($nr)
{
	return($_POST['inp_'.$nr]);
}
 
if (isset($_POST['msend']))
{
 
 
	echo('<br/><br/><br/><table style="border:1px solid #000000; background-color:#948067;"><tr><td style="font-size:20px;">
	$w = ' width="100px"';
 
 
 
 
	$i = 0;
 
	//tu czy popr	
	$popr1nr = '<b>';
	if (getanss(1) == 'b')
	{
		$popr1nr .= '<font color = "green">1</font></b>';
		$i = $i + 1;
	}
	else
	{	
		$popr1nr .= '<font color = "red">0</font></b>';
	}
 
 
 
 
} 
 
else
{
 
	echo('
	<table style="position: absolute; left:20px"; width="550px" height="2290px" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top" style="vertical-align:top;"><div style="position:relative">
	<script language="JavaScript">
 
	function usun(nr1,nr2,nr3,nr4) 
	{
		var tekst = nr4.options[nr4.selectedIndex].text;
 
 
		var id_nr2 = document.getElementById(nr2);
		opcje = id_nr2.getElementsByTagName("option");
		var ileich = opcje.length
		for(i = 0; i < ileich; i++) 
		{
				id_nr2.removeChild( opcje[ 0 ] );	
		}
 
		var id_nr3 = document.getElementById(nr3);
		opcje = id_nr3.getElementsByTagName("option");
		var ileich = opcje.length
		for(i = 0; i < ileich; i++) 
		{
				id_nr3.removeChild( opcje[ 0 ] );	
		}
 
		var lalala = new Array();
		lalala = json_encode( $array_terminow ); 
 
		for(i=0; i < '.$dlugosc.'; i++)
		{
 
		var opt = document.createElement("option");
		document.getElementById(nr2).options.add(opt);
		opt.text = "'.$array_terminow[.'i'.].'"; 
 
		}
 
 
 
 
	}
 
 
 
	function js_send()
	{
		var ok = true;
 
 
 
		if ((document.forms.mailform.inp_1[0].checked == false) && (document.forms.mailform.inp_1[1].checked == false) && (document.forms.mailform.inp_1[2].checked == false) && (document.forms.mailform.inp_1[3].checked == false))
		{
			ok = false;
		}
 
 
 
 
		if (ok == false)
		{
			alert("Wypełnij formularz");
		}		
		else
		{
			document.mailform.submit();
		}
	}
	</script>
	');
	$i = 0;
	echo('<br/><form name="mailform" action="" method="post">
	<input type="hidden" name="msend" value=":)"/>
 
 
 
<center><h2><b>TEST  </br>aaa</b></h2>
</br>
</center>
 
 
</br></br>
</br>
 
<table><tbody>
<tr><td><b><font size="4">Imię: </font></b></td><td>
'.getinp(49).'
</td></tr>
</tbody></table>
 
 
<div style="position: absolute; top:10; left:10; width:20px; height:20px;">'.getinp(1).'</div>
 
<div style="position: absolute; top:10; left:100; width:20px; height:20px;">'.getinp(2).'</div>
 
<div style="position: absolute; top:10; left:190; width:20px; height:20px;">'.getinp(3).'</div>
 
 
 
<table><tbody>
<tr><td><b><font size="4">Nazwisko: </font></b></td><td>
'.getinp(50).'
</td></tr>
</tbody></table>
 
 
<table><tbody>
<tr><td><b><font size="4">Adres email: </font></b></td><td>
'.getinp(51).'
</td></tr>
</tbody></table>
 
</br></br></br>
 
	<center><input type="button" onCLick="js_send();" style="border:2px solid #000000; width:450px; background-color:#6d5e4b; color:#ffffff; font-weight:bold; cursor:pointer;" value="Wyślij wyniki"/>
	</center></form>	
	</div></td></tr></table>');
}
 
?></center></body></html>
 
[PHP] pobierz, plaintext

melkorm

7.02.2011, 23:08:44

Bardzo rzadko rzucam gotowcami, szczególnie przy tak długich kodach, ale ewidentnie błądzisz :/
Oczywiście kod ten można zapisać jeszcze krócej, ale chciałem jak najbardziej zobrazować jak to powinno wyglądać i czego unikać w kodzie, także mam nadzieję że wysuniesz wnioski z popełnionych błędów i nie wkleisz tego na ślepo i walniesz w kąt.

[PHP] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.5.min.js"></script>
<title>TEST</title>
<style type="text/css">
BODY{
	background-color:#ffffff;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	margin:0;
	overflow: auto;
}
A
{
	text-decoration:none;
	color:#000000;
}
TD
{
	text-align:left;
	font-size: 12px;
}
.tr_head
{
	font-weight: bold;
	padding: 3px;
}
</style>
</head>
<body>
	<center>
		<?php
			// włączamy raportowanie błędów 
			// gdy uruchomiłem twój skrypt miałem czerwony ekran :)
			error_reporting(E_ALL+E_STRICT);
			ini_set('display_errors',1);
 
			// definujemy tablice
			// możesz input mieć jaki chcesz przerobienie tego to już raczej nie jest problem
			$documents = array(
				'first' => array(
					'12.01.2010' => array( '09:10','10:40' ),
					'12.02.2010' => array( '11:10','12:40' ),
					'12.03.2010' => array( '13:10','14:40' ),
					'12.04.2010' => array( '15:10','16:40' ),
				),
				'second' => array(
					'12.05.2010' => array( '09:10','10:40' ),
					'12.06.2010' => array( '11:10','12:40' ),
					'12.07.2010' => array( '13:10','14:40' ),
					'12.08.2010' => array( '15:10','16:40' ),
				),
				'third' => array(
					'12.09.2010' => array( '09:10','10:40' ),
					'12.10.2010' => array( '11:10','12:40' ),
					'12.11.2010' => array( '13:10','14:40' ),
					'12.12.2010' => array( '15:10','16:40' ),
				),
			);
			// wrzucanie html w echo jest przebrzydkie i staraj się tego unikać jak tylko możesz
		?>
		<select name="document" id="document" class="select">
			<option value="0">Wybierz</option>
			<?php foreach ( $documents as $name => $dates ) : ?>
				<option value="<?php echo $name;?>">
					<?php echo $name;?>
				</option>
			<?php endforeach;?>
		</select>
		<select name="date" id="date" class="select">
			<option value="0">Wybierz</option>
		</select>
		<select name="hour" id="hour">
			<option value="0">Wybierz</option>
		</select>
	</center>
	<script type="text/javascript">
		// przerabiamy tablicę PHP'ową na JSON
		// użyłem jQuery by kod był czytelniejszy i mniejszy
		var documents = <?php echo json_encode($documents); ?>,
			el_document = $('#document'),
			el_date = $('#date'),
			el_hour = $('#hour');
 
		$(document).ready(
			function()
			{
				$('.select').change(function()
					{
						var options,
							opt,
							el_to_fill;
						if( $(this).val() != '0' )
						{
							switch( $(this).attr('id') )
							{
								case 'document' :
									el_to_fill = el_date;
									el_to_fill[0].length = 1;
									el_hour[0].length = 1;
									options = documents[$(this).val()] == undefined ? [] : documents[$(this).val()];
									$.each(options, function(key, val)
										{
											el_to_fill.append('<option value="'+key+'">'+key+'</option>');
										}
									);
									break;
								case 'date' :
									el_to_fill = el_hour;
									el_to_fill[0].length = 1;
									options = documents[el_document.val()] == undefined ? [] : documents[el_document.val()][$(this).val()] == undefined ? [] : documents[el_document.val()][$(this).val()];
									$.each(options, function(key, val)
										{
											el_to_fill.append('<option value="'+val+'">'+val+'</option>');
										}
									); 
									break;
							}
						}
					}
				);
			}
		);
	</script>
	</body>
</html>
[PHP] pobierz, plaintext

P.S. Chyba się nudzę w domu ... .

demonico

8.02.2011, 11:10:23

Jestem zaskoczony tym co potrafisz zrobic, gorzej dla mnie ze nie jestem na biezaco z jQuery. Do polowy kod jest calkiem przejrzysty, ale w js zaczyna sie chaos (w mojej glowie) ...domyslam sie, ze dla Ciebie to latwo wygladajace, poukladane komendy. Pomagam na forum ludziom w jezyku ktory potrafie i wiem, ze ciezko idzie im rozumienie... teraz wiem dlaczego.

Coz... efekt koncowy jakis jest ale niestety nie dziala, staralem sie przerobic ten jQuery zeby cos ruszylo, ale dalej stoi w miejscu. Glownie chodzilo mi o to abym mogl miec takie 4 nazwy spotkania, kazdemu przypisana (wedlug mnie) data... i kazdej dacie inne godziny. Co za tym idzie jesli ktos wybierze juz Spotkanie/data1/godzina1 to chcialem dodac element do bazy i aby dalej tego nie wyswietlalo (cos jak terminy i daty, ktore juz zaklepane nie sa dostepne)... dlatego teraz mam powazny problem, a nie chcialbym zeby Twoja praca poszla na marne bo sam nie lubie kiedy ktos przyjdzie na forum, dostanie co chce i pojdzie. Wiec pytanie, czy jest jakas szansa abys mi pomogl?

Pozdrawiam

melkorm

8.02.2011, 15:38:36

Jeżeli nic nie zmieniałeś, to szczerze powinno to działać

Wieczorem jeszcze usiądę i postaram się wytłumaczyć co się dzieje w tym kawałku JavaScriptu, tymczasem wklej co masz na ten moment, zobaczymy co może być źle

P.S. wklej wersję PHP w razie co.

demonico

8.02.2011, 16:18:53

Napisze jak chciales

Ciezko to opisac bo u siebie w jezyku scite po prostu zrobilbym 3 tablice, baze danych i jakos by poszlo... tutaj te polaczenia jezykow zawsze sprawialy mi klopot. Chcialbym miec te 3 listy rozwijane

Pierwsza z 4 Tematami
Druga z Terminami (kazde klikniecie na Temat dawalo by inne terminy)
Trzecia z Datami (kazde klikniecie na Termin dawalo by inne daty zapisane na ten termin... jak rowniez kazdy klik na Temat zmienial by Termin i jego daty)

Trudno mi to inaczej przedstawic.
Rozumiem, ze Tobie dziala ten kod co podales. Ale nie bardzo wiem w jaki sposob on ma nawet dzialac bo tak jak mowilem malo wiem o js,jquery... operowalem glownie na html,php i mysql...

Jesli powinien zmieniac drugi i trzeci combobox po zmienieniu wartosci w pierwszym to niestety nie dziala. Uzywam opery, mozilli... testowalem na obu. Ogolnie to jest taki formularz ktory ma na celu dodanie do bazy danych " Tematu/jego Terminu/godziny wybranego Terminu " po czym przy nastepnych wczytaniu strony ta godzina z tego terminu i tematu nie bedzie juz widoczna. I tu chcialbym wiedziec w jaki sposob moge uzyskac taki efekt? Czy jest mozliwosc uzyskania tego z mojego lub Twojego kodu? I czy naprawde moj byl do niczego?

Jeszcze raz dzieki, ze pomagasz.

edit: wersja php powyzej 5

melkorm

8.02.2011, 17:28:34

No mi działa

Mam nadzieję że kod pobrałeś klikając "Pobierz"

No okej, wieczorem opiszę cały javascript i poprawię małą duperelę, tymczasem wrzuć co masz i zobaczymy co poszło nie tak.

Co do Twojego kodu to raczej był `dziwny` kompletnie złe podejście, te define, explody itp jak można było to zrobić po prostu na zwykłych tablicach. No i chyba przyznasz że nie pakowanie html'a do php sprawia że kod jest o wiele czytelniejszy?

demonico

8.02.2011, 17:40:20

W tym rzecz, ze staram sie non stop przerobic Twoj kod aby cos ruszylo... nie wiem jak to sie dzieje, ze i pobierz i kopiowanie - nic nie dziala, non stop mam w 1 liscie wybierz,first,second,third... w drugiej i trzeciej niezaleznie od wyboru tylko 'wybierz'

Myslalem, ze moze ajax by tu pomogl i po kazdym wybraniu comboboxa wczytywal dane do dwoch kolejnych ale tez go nie ogarnalem. Sam juz nie wiem co robic, gdyby to uzupelnienie dzialalo mi tak jak i Tobie to moze sklepal bym reszte kodu metoda prob i bledow. Ale w tej chwili jestem w kropce.

melkorm

8.02.2011, 17:44:29

Dane zmieniają się dopiero po wybraniu odpowiedniej wartości z select'a Wybierasz first - ustawiają się daty dla first, wybierasz datę -> ustawiają się godziny dla daty.

Ajax tu nic nie pomoże.

Weź pobierz na czysto kod, wklej do nowego pliku php i sprawdź czy działa, jeżeli nie zadziała to ściągnij sobie firebug'a i zobacz czy może wyskakują jakieś błędy javascriptu, jeżeli nic nie pokaże wklej ten kod bo aż wierzyć mi się nie chce

demonico

8.02.2011, 17:51:31

Bardzo dziwne, sprawdzilem ten sam kod na hostil.pl - darmowy serwer i na nim kod dziala wysmienicie (podziwiam jak dziala)... ale jak to mozliwe, ze na serwerze na ktorym operuje na stale (to serwer znajomego - nawet nie wiem jaki) nic nie dziala... pytalem go, mowil ze wersja php jest 5.2... cos, nie jest pewien ale ze powyzej 5...

jest jakies mozliwe wytlumaczenie, bo nawet nie wiem co moze byc przyczyna iz u Ciebie dziala, u mnie na darmowym dziala, a na tym platnym nic =]

melkorm

8.02.2011, 18:18:08

Problemem może być niezainstalowany moduł json'a :/ Chociaż powinien wtedy walnąć fatal_errorem :/

Jakbyś mógł sprawdzić phpinfo pod kątem json'a było by miło.

demonico

8.02.2011, 18:57:02

Ajj, nieciekawie... z tego co widze to:

Kod

Configure Command './configure' '--prefix=/usr/lib/php5' '--host=i686-pc-linux-gnu' '--mandir=/usr/lib/php5/man' '--infodir=/usr/lib/php5/info' '--sysconfdir=/etc' '--cache-file=./config.cache' '--with-pcre-regex=/usr' '--disable-cli' '--with-apxs2=/usr/sbin/apxs2' '--with-config-file-path=/etc/php/apache2-php5' '--with-config-file-scan-dir=/etc/php/apache2-php5/ext-active' '--without-pear' '--disable-bcmath' '--with-bz2' '--disable-calendar' '--with-curl' '--without-curlwrappers' '--disable-dbase' '--disable-exif' '--without-fbsql' '--without-fdftk' '--disable-filter' '--enable-ftp' '--with-gettext' '--without-gmp' '--disable-hash' '--disable-ipv6' '--disable-json' '--without-kerberos' '--enable-mbstring' '--with-mcrypt' '--without-mhash' '--without-msql' '--without-mssql' '--with-ncurses' '--with-openssl' '--with-openssl-dir=/usr' '--disable-pcntl' '--disable-pdo' '--without-pgsql' '--disable-posix' '--without-pspell' '--without-recode' '--disable-simplexml' '--disable-shmop' '--without-snmp' '--disable-soap' '--disable-sockets' '--without-sybase' '--without-sybase-ct' '--disable-sysvmsg' '--disable-sysvsem' '--disable-sysvshm' '--without-tidy' '--disable-tokenizer' '--disable-wddx' '--without-xmlrpc' '--with-xsl' '--enable-zip' '--with-zlib' '--disable-debug' '--enable-dba' '--without-cdb' '--with-db4' '--disable-flatfile' '--with-gdbm' '--disable-inifile' '--without-qdbm' '--with-freetype-dir=/usr' '--with-t1lib=/usr' '--disable-gd-jis-conv' '--with-jpeg-dir=/usr' '--with-png-dir=/usr' '--without-xpm-dir' '--with-gd' '--with-imap' '--with-imap-ssl' '--with-mysql=/usr' '--with-mysql-sock=/var/run/mysqld/mysqld.sock' '--without-mysqli' '--with-unixODBC=/usr' '--without-adabas' '--without-birdstep' '--without-dbmaker' '--without-empress' '--without-esoob' '--without-ibm-db2' '--with-iodbc=/usr' '--without-sapdb' '--without-solid' '--with-readline' '--without-libedit' '--without-mm' '--without-sqlite'

i widze tutaj: --disable-json

php - PHP Version 5.2.11-pl1-gentoo
jakies rady? bo ten Twoj kod naprawde dziala wysmienicie, tylko jeszcze gdyby potrafil to co pisalem to ratujesz mi zycie

melkorm

10.02.2011, 08:47:24

zamiast json_encode użyj tego link

I powinno śmigać

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.