[JavaScript][jquery]Pobranie wartości z formularza Opcje

[Mlodycompany]

Witam. Otóż mam pewną stronę gdzie otwiera się okienko, tak zwany "modalbox". W tym okienku mam formularz który jest ładowany podczas otwierania modalboxa a nie podczas ładowania strony. Problem polega na tym, że próbuje pobrać wartości z tego formularza ale coś nie daje rady, znaczy daje rade pobrać ale z innego(ze strony glównej).
Skrypt który pobiera te dane

[HTML] pobierz, plaintext 
		var form = $("form").serialize();
		$.post("cms/class/load.php", { func:"editArt", form:form }, function(data){
      $('#modal').html(data);
  		});      		
[HTML] pobierz, plaintext 

Proszę o pomoc

Ten post edytował Mlodycompany 30.07.2010, 17:29:04

[pedro84]

Zobacz najpierw tutaj: http://api.jquery.com/jQuery.post/

[Mlodycompany]

Wydaje mi się kolego, że nie w $.post tkwi problem. Zamiast tego mogę dać alert(form) i wyświetli mi dane z formularza ze strony głównej a nie z modalboxa. Problem tkwi w pobieraniu danych. Wydaje mi się, że ten drugi formularz nie jest poprostu widziany przez skrypt ale mogę się mylić.

[everth]

Nadaj swojemu formularzowi jakieś unikatowe id np.

[HTML] pobierz, plaintext 
<form id='form_w_okienku' method='post' action='twojphp.php'>
/* kod formularza */
</form>
[HTML] pobierz, plaintext 

I zmodyfikuj skrypt:

[JAVASCRIPT] pobierz, plaintext 
var form = $("#form_w_okienku").serialize();
[JAVASCRIPT] pobierz, plaintext 

[Mlodycompany]

no przykro mi ale nie działa.

[everth]

Daj więcej danych (formularz+skrypt) bo tak to można w ciemno zgadywać (jak jest duży to wklej.org)

[Mlodycompany]

To jest formularz w tym całym magicznym modalboxie

[PHP] pobierz, plaintext 
<div id="n_'.$mfa[0][0].'"><form id="form"><table border="1" width="100%"><tr><th>Temat</th><td><input type="text" id="temat_'.$mfa[0][0].'" value="'.$mfa[0]['temat'].'"></td></tr><tr><th>Treść</th><td><ul style="display: inline;"><li style="display: inline;"><a href="java script:wstawKod(\'tresc_'.$mfa[0][0].'\', \'\')">B </a></li><li style="display: inline;"><a href="java script:wstawKod(\'tresc_'.$mfa[0][0].'\', \'\')">U </a></li><li style="display: inline;"><a href="java script:wstawKod(\'tresc_'.$mfa[0][0].'\', \'\')">I </a></li><li style="display: inline;"><a href="java script:wstawKod(\'tresc_'.$mfa[0][0].'\', \'[img][/img]\');">IMG </a></li><li style="display: inline;"><a href="java script:wstawKod(\'tresc_'.$mfa[0][0].'\', \'\')">URL </a> </li><li style="display: inline;"><a href="java script:wstawKod(\'tresc_'.$mfa[0][0].'\', \'[youtube][/youtube]\')">YouTube </a> </li></ul></br><textarea cols="60" rows="7" id="tresc_'.$mfa[0][0].'">'.$mfa[0]['tresc'].'</textarea></td></tr><tr><th>Miniaturka</th><td><img src="'.config::URL.'thumbes/'.$mfa[0]['miniaturka'].'" width="50"></td></tr><tr><th>Kategoria</th><td><select id="kategoria_'.$mfa[0][0].'">'.$kategorie.'</select></td></tr><tr><th>Dostęp</th><td><select id="dostep_'.$mfa[0][0].'">'.$poziomStr.'</select></td></tr><tr><th>Kolejność</th><td><input type="text" id="kolejnosc_'.$mfa[0][0].'" value="'.$mfa[0]['kolejnosc'].'"></td></tr><tr><td colspan="2"><div id="buttons"><ul><li><input type="button" id="cancelbut" name="action" value="Anuluj" onclick="editArt(\''.$ex2[0].'\', \'0\''.$next.')"></li><li><input type="button" id="acceptbut" name="action" value="Zapisz" onclick="editArt(\''.$ex2[0].'\', \'1\''.$next.');"></li></ul></div></td></tr></table></form></div>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
function editArt(id, s, next){
if(s == 0){
		var str = '<div id="actiontrue">Anulowano edytowanie #'+id+'</div>';
  		$('#modal').html(str);	
	}
	if(s == 1){
		var form = $("#form").serialize();
		alert(form);
		$.post("cms/class/load.php", { func:"editArt", id:id, form:form }, function(data){
      $('#modal').html(data);
  		});      		
	}
	if(next != undefined){
		$.post("cms/class/load.php", { func:"editArts", results:next }, function(data){
		str = str + data;
		$('#modal').html('<img src="cms/images/loading.gif" width="30" align="center">');
  		$('#modal').html(str);
  		});   
	}
	else{
		str += '<div id="close"><a href="java script:display(\'modal\', 0)"><img src="cms/images/del.png" width="25"></a></div>';	
  		$('#modal').html(str);
	}
}
[HTML] pobierz, plaintext 

No i wzasadzie tyle powinno starczyć. Powiem jeszcze, że w głównym oknie znajduje się tabela ze wszystkimi newsami i są checkboxy i w/w skrypt zczytuje które checkboxy są zaznaczone

[everth]

Prawdopodobna odpowiedź - twoje input i textarea nie mają znacznika name (czyli nie zostaną zserializowane). Ponadto zaoferuję ci kilka rad:

• nie wywołuj zdarzeń JS w kodzie html (możesz bindować zdarzenia w pliku JS) - łatwiejsze do utrzymania
• inputy nie muszą koniecznie posiadać id (chyba że są konkretne do ostylowania) - name i class wystarcza
• jeśli oczekujesz odpowiedzi na przyszłość to formatuj kod - nie każdy ma czas przerzucać go do IDE

[Mlodycompany]

Dziękować. Pomogło. Teraz jeszcze mam pytanie. Zamienia mi np. [u] na %5B. Jak to zmienić?

[everth]

Spotkałem się kiedyś z tym problemem, niestety już nie pamiętam jak sobie poradziłem. Może zamiast serializować cały form serializowałem poszczególne inputy i dopiero później składałem w zapytaniu np.

[JAVASCRIPT] pobierz, plaintext 
{'wybraneInputy':$("#myForm input.wybrane").serialize()}
[JAVASCRIPT] pobierz, plaintext 

. Poza tym jeśli inputy mają ten sam 'name' to nie trzeba przy nim dodawać do nazwy [], PHP sam skonstruuje z nich tablicę. Może to ci w czymś pomoże