Forum PHP.pl

Witam, mój problem jest następujący.

Posiadam skrypt który tworzy mi odpowiednio dodatkowe pola formularza..

[PHP] pobierz, plaintext 
$('#addpyt2').click(function() {
                $('#elements2 .element3:first').clone().appendTo($('#elements2'));
                return false;
            });
            $('#deleteodp').live('click', function() {
               $(this).parent().remove();
                return false;
            });
            $('#dodajpytzam').click(function() {
                $('#elements2 .element2:first, #elements2 .element3:first').clone().appendTo($('#elements2'));
                return false;
            });
            $('#deletepyt3').live('click', function() {
               $('#elements2 .element2:last, #elements2 .element3:last').remove();
                return false;
        });
[PHP] pobierz, plaintext 

Elementy które są dodawane :

[HTML] pobierz, plaintext 
<div class="row">
        <span  class="rekrutacjaadd">6. Dodaj pytanie zamkniete </span><br><br>
        <table>
            <thead>
                <tr>
                    <td></td>
                </tr>
            </thead>
            <tbody id="elements2">
            <div class="allelement">
                <tr class="element2">
                    <td><textarea maxlength="322" name="comment2"></textarea><div id="deletepyt3"></div></td>
                </tr>
                <tr class="element3">
                    <td><span>odpowiedz</span><textarea maxlength="322" name="comment3"></textarea><div style="float:right;"id="deleteodp"></div></td>
                </tr>
            </div>
            </tbody>
            <td><div id="addpyt2"></div><span>dodaj</span></td>
        </table>
        <br>
        <div id="dodajpytzam">dodaj pytanie<div id="dodajpytzam1"></div></div>
    </div>
[HTML] pobierz, plaintext 

Działa to tak :

Posiadam pola formularza : Pytanie i odpowiedz

Po kliknieciu w przycisk "addpyt" dodaje pole na odpowiedzi do danego pytania czyli:

PYTANIE: cos tam?
odp: 1
odp: 2
odp: /n

I pozniej jeżeli klikne w "dodaj pytanie" dodaje mi pod spodem lolejne pola : pytanie i odpowiedz, i dalej moge dodawać odpowiedzi, to jest na zazasie odpowiedzi w checkboxsach dla tego moge dodawac odpowiedzi ile chce.

I teraz moje pytanie jak zrobic żeby po dodawaniu nowego okna byla informacja ktorę odpowiedzi są do którego pytania czyli np:

pytanie 1: co tam? [id1]
odp: 1 [pyt id=1]
odp: 2 [pyt id=1]

i kolejne dodane pytanie:

pytanie 2: co tam 2? [id2]
odp: 1 [pyt id=2]
odp: 2 [pyt id=2]

Nie wiem czy dobrze to opisałem ale chodzi mi o coś takiego..żeby w konsoli po zbadaniu elementu żebym widział co do czego należy.

Ten post edytował kopecsrk 9.05.2013, 13:55:58

Musisz sobie przy dodawaniu przez jQuery generować odpowiednie name jako tablice (IMG:style_emoticons/default/smile.gif) Czyli przed dodaniem zliczać elementy + 1 lub coś podobnego:) Czyli masz:

*pierwsze pytanie
- pytanie name=pytnie[0]
- odpowiedzi name=odp[0][]

*drugie pytanie
- pytanie name=pytnie[1]
- odpowiedzi name=odp[1][]

itd..

Nie możesz tylko klonować inputa bo wtedy podczas wysyłki łapie tylko ostatniego nama.

Jeżeli spakujesz pliki html + js to mogę Ci to poprawić bo mam jeszcze 40 minut w pracy (IMG:style_emoticons/default/smile.gif)

Pozdrawiam
Arcio

[PHP] pobierz, plaintext 
 $('#dodajpytzam').click(function() {
                $('#elements2 .element2:first, #elements2 .element3:first').clone().appendTo($('#elements2'));
                $('.element2').attr('name', 'comment2[' + (x++) + ']');
                $('.element2').attr('id', 'name[' + (y++) + ']');
 
                return false;
            });
[PHP] pobierz, plaintext 

Zrobiłem tak jak opowiedziałeś, ale w zmienia mi wartosci wszystkich pól od 0 , 1, 2 , 3 nie zapisuje tylko zmienia całość

Troszkę przerobiłęm html ale działa prawidłowo (IMG:style_emoticons/default/smile.gif)
Na końcu masz printa z wartościami (IMG:style_emoticons/default/smile.gif) Odpowiednie indeksy to wartości pytań i tablica z odpowiedziami (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
 
<script type="text/javascript">
$(function(){
 
	var pytanie = '<div class="pytanie">' +
				'<span class="number">Pytanie <span></span></span>' +
				'<p class="pyt">Treść pytania: <input type="text" name="" /></p>' +
				'<p class="odp">Treść odpowiedz: <input type="text" name="" /></p>' +
			'</div>';
 
	var odpowiedz = '<p class="odp">Treść odpowiedz: <input type="text" name="" /></p>';
 
	$('.dodaj_pytanie').click(function(){
 
		$('.pytania div:first').append(pytanie);
		generate_name_and_numbers();
		return false;
	});
 
	$('.dodaj_odpowiedz').click(function(){
 
		$('.pytanie:last').append(odpowiedz);
		generate_name_and_numbers();
		return false;
	});
 
	function generate_name_and_numbers(){
		$('.pytanie').each(function(index){
 
			$(this).find('.number span').html(index + 1);
			$(this).find('.pyt input').attr('name', 'pyt[' +  index + ']');
			$(this).find('.odp input').each(function(){
				$(this).attr('name', 'odp[' +  index + '][]');
			});
		});
	}
 
 
});
</script>
 
</head>
<body>
	<form class="formularz" id="pytaniaform" method="POST" />
 
	<div class="pytania">
		<div>
			<div class="pytanie">
				<span class="number">Pytanie <span>1:</span></span>
				<p class="pyt">Treść pytania: <input type="text" name="pyt[0]" /></p>
				<p class="odp">Treść odpowiedz: <input type="text" name="odp[0][]" /></p>
			</div>
		</div>	
		<button class="dodaj_odpowiedz" >Dodaj odpowiedz</button>
	</div>
	<button class="dodaj_pytanie" >Dodaj nowe pytanie</button>
	<input type="submit" value="WYSLIJ" />
	</form>
</body>
</html>
 
<?php
 
 if($_POST){
	print_r($_POST);
}
 
?>
[HTML] pobierz, plaintext 

W razie problemów pisz śmiało (IMG:style_emoticons/default/smile.gif)

Pozdrawiam
Arcio

Ten post edytował Arcioch 9.05.2013, 19:15:17

Witaj, przeanalizowałem twój kod, i wszystko działa, lecz chciałbym to by to się generowało w tabeli, a ty ustawiłeś varunki pyt i odp i one generują się osobno , jak mógłbym połączyć je w tabeli?

[PHP] pobierz, plaintext 
<script type="text/javascript">
        $(function() {
 
            var pytanie = '<div class="pytanie">' +
                    ' <table style="width:550px;box-shadow: 1px 1px 17px rgba(218, 196, 163, 0.6);">' +
                    '<tr>' +
                    '<td><span class="number">Pytanie <span></span></span></td>' +
                    '</tr>' +
                    '<tr>' +
                    '<td><p class="pyt">Treść pytania: <input style="width:391px;margin-left:24px;" type="text" name="" /></p></td>' +
                    '</tr>' +
                    '<tr>' +
                    '<td><p class="odp">Treść odpowiedz: <input style="width:235px;" type="text" name="" /></p></td>' +
                    '</tr>' +
                    '</table>' +
                    '</div>';
 
            var odpowiedz = '<td><p class="odp">Treść odpowiedz: <input style="width:235px;" type="text" name="" /></p></td>';
 
            $('.dodaj_pytanie').click(function() {
 
                $('.pytania div:first').append(pytanie);
                generate_name_and_numbers();
                return false;
            });
 
            $('.dodaj_odpowiedz').click(function() {
 
                $('.pytanie:last').append(odpowiedz);
                generate_name_and_numbers();
                return false;
            });
 
            function generate_name_and_numbers() {
                $('.pytanie').each(function(index) {
 
                    $(this).find('.number span').html(index + 1);
                    $(this).find('.pyt input').attr('name', 'pyt[' + index + ']');
                    $(this).find('.odp input').each(function() {
                        $(this).attr('name', 'odp[' + index + '][]');
                    });
                });
            }
 
 
        });
    </script>
[PHP] pobierz, plaintext 

Pytanie generuje się w tabeli, ale odpowiedz generuje się pod tabelą, a chciałbym by generowalo się w tej samej tabeli. chciałbym coś takiego jak miałem:

(IMG:http://zapisz.net/images/874_div.png)

po prawo, przyciski z "diva" (-) <-- który usuwa pytanie lub odpowiedzi przy każdym jest tworzony, i przycisk dodaj tak samo.

Dzięki wielkie (IMG:style_emoticons/default/smile.gif) na prawdę(IMG:style_emoticons/default/smile.gif) ! po lekkiej edycji kodu poukładałem tak jak chciałem by to było i śmiga:)) dziś kończę pracę i zobaczę w poniedziałek jak to wygląda ale na pierwszy rzut oka jest git;) dzięki za poświecenie czasu (IMG:style_emoticons/default/smile.gif) !