[PHP][HTML][CSS][JavaScript]Dużo checkbox Opcje

[Fifi209]

Mam coś takiego:

Kod

<script type="text/javascript">
    function set(obj) {
        if (obj.value == '0') {
            obj.value = 1;
        }else{
            obj.value = 0;
        }
    }
</script>

[PHP] pobierz, plaintext 
<?php
    
    echo '<form method="post">';
    
    for ($x=0; $x < 13; $x++) {
        for ($i=0; $i < 13; $i++) {
            echo "<input type=\"checkbox\" name=\"area[$x][$i]\" onclick='set(this);' value='0'>\nr";
        }
        echo '<br>';
    }
    
    echo '<input type="submit" name="submit" value="Zatwierdz">';
    echo '</form>';
    
    if ($_POST['submit']) {
        echo '<pre>';
            print_r($_POST);
        echo '</pre>';
    }
    
?>
[PHP] pobierz, plaintext 

To tak dla przykładu co chcę zrobić. Lecz nie podoba mi się wysyłanie tylu inputów do użytkownika (transfer?), poza tym ze strony użytkownika jest trudno się w tym połapać.

Wielkość musi być dokładnie taka jak tu, użytkownik może zaznaczyć więcej niż jedno pole - na tej podstawie po przesłaniu będę generował tablicę w LUA.

Problem pojawia się też, że js ładnie zmienia value po kliknięciu ale chciałbym też dostać w post te niezaznaczone box'y... (te o value równym 0)

Ma ktoś pomysły?

[golaod]

No skoro Ci się nie podoba ilość checkboxów i chcesz przy okazji mieć tyle checkboxów to wybacz ale nie rozumiem.

Co do tablicy z {0,1}

[HTML] pobierz, plaintext 
<input type="hidden" name="tablica[0][1]" value="0" /> <input type="checkbox=" name="0,1" value="0" />
[HTML] pobierz, plaintext 

I dla onclick w checkbox sprawdzasz wartosc checkboxa i podmieniasz ja z polem hidden, a jeśli chcesz mieć mniejszy plikt html to po prostu onsubmit i zmień przed wysłaniem wszystkie checkboxy na hidden i już.

Ten post edytował golaod 18.06.2009, 10:23:09

[erix]

Ma ktoś pomysły?

Zrób sobie najpierw "czystą" tablicę w PHP z samymi zerami, potem "zrównuj" odpowiednio z tym, co przychodzi w POST.

[osl]

nie wiem po co i dlaczego, ale tak na szybko przychodzi mi do głowy tylko onsubmit + sprawdzanie checkboxów + dodawanie x razy input[type="hidden"] symulującego checkboxa...

[Fifi209]

Da się to jakoś np. graficznie za pomocą javascript, css, ajax? Naprowadźcie mnie - resztę wymyślę sam.

Erix - dobry pomysł, thx. Jakoś z wielowymiarowością sobie poradzę. ;p

[erix]

Erix - dobry pomysł, thx. Jakoś z wielowymiarowością sobie poradzę. ;p

Ta, jedną funkcją z API. ;p

Da się to jakoś np. graficznie za pomocą javascript, css, ajax? Naprowadźcie mnie - resztę wymyślę sam.

To znaczy?

[golaod]

Nie wiem czy korzystasz z jquery czy nie w każdym razie:

Kod

$( "input:checkbox" ).click( function() {
  $( this ).value( $( this ).value() == 1 ? 0 : 1 );
}
$( "form" ).submit( function() {
  $( this ).find( "input:checkbox" ).attr( "type", "hidden" );
}

I dzięki temu w php dostaniesz tablicę area ze wszystkimi checkboxami.

Ten post edytował golaod 18.06.2009, 10:36:06

[Fifi209]

Nie wiem czy korzystasz z jquery czy nie w każdym razie:

Kod

$( "input:checkbox" ).click( function() {
  $( this ).value( $( this ).value() == 1 ? 0 : 1 );
}
$( "form" ).submit( function() {
  $( this ).find( "input:checkbox" ).attr( "type", "hidden" );
}

I dzięki temu w php dostaniesz tablicę area ze wszystkimi checkboxami.

Tak korzystam. Zaraz przetestuję i dam edita.

Ta, jedną funkcją z API. ;p

Ja w planach miałem przelecieć pętlami przez te wielowymiarowe tablice, ale skoro jest funkcja. ;p
Niestety nie znalazłem niczego co by mnie zadowoliło, więc chętnie usłyszę dalsze podpowiedzi.

To znaczy?

np.

Zrobiłbym graficzne pole - jeden checkbox to byłby np. kwadrat 25X25px, tylko że po kliknięciu musiałbym albo podmienić ten obrazek albo nałożyć na niego (na to tło) kolejną warstwę.

@edit

Co do jQuery - nie działa tak jak powinno
Zrobiłem to tak:

Kod

$(document).ready(
    function() {
        $("input:checkbox" ).click(
            function() {
                $(this).val(
                    $(this).val() == 1 ? 0 : 1
                );
            }
        );
        
        
        $("form").submit(
            function() {
                $(this).find("input:checkbox").attr("type", "hidden");
            }
        );
    });

I php

[PHP] pobierz, plaintext 
<?php
    
    echo '<form method="post">';
    
    for ($x=0; $x < 13; $x++) {
        for ($i=0; $i < 13; $i++) {
            echo "<input type=\"checkbox\" name=\"area[$x][$i]\" value='0'>\nr";
        }
        echo '<br>';
    }
    
    echo '<input type="submit" name="submit" value="Zatwierdz">';
    echo '</form>';
    
    if ($_POST['submit']) {
        echo '<pre>';
            print_r($_POST);
        echo '</pre>';
    }
    
?>
[PHP] pobierz, plaintext 

Ten post edytował fifi209 18.06.2009, 11:07:15

[erix]

Niestety nie znalazłem niczego co by mnie zadowoliło, więc chętnie usłyszę dalsze podpowiedzi.

array_merge" title="Zobacz w manualu PHP" target="_manual?

Zrobiłbym graficzne pole - jeden checkbox to byłby np. kwadrat 25X25px, tylko że po kliknięciu musiałbym albo podmienić ten obrazek albo nałożyć na niego (na to tło) kolejną warstwę.

Ale po co? Uzależniać podstronę od JS?

[Fifi209]

Ale po co? Uzależniać podstronę od JS?

Z tego będę korzystał tylko ja i kumpel, także z js nie ma problemów.

array_merge" title="Zobacz w manualu PHP" target="_manual?

Tak, widziałem ją w manualu - tylko czy dobrze sklei te tablice... (klucze i wartości)

Ten post edytował fifi209 18.06.2009, 11:12:01

[erix]

To wtedy generuj tabelkę przez JS, po co PHP wtedy? ;]

PHP do zapisu, masz createElement, to korzystaj. [;

[Fifi209]

To wtedy generuj tabelkę przez JS, po co PHP wtedy? ;]

PHP do zapisu, masz createElement, to korzystaj. [;

Moja wiedza z zakresu javascript jest ... dobra jest mała bardzo. ;d
Chyba będzie się trzeba podszkolić.

Tak na boku, co do generowania przez js da się w jQuery? (Tylko mnie nie odsyłajcie do ich durnej dokumentacji)

Ten post edytował fifi209 18.06.2009, 11:21:16

[erix]

Tylko mnie nie odsyłajcie do ich durnej dokumentacji

Ale w czym jest durna...? Naprawdę nie rozumiem tego stwierdzenia w stosunku do tego wiki, które się często przydaje... Dokumentację akurat mają dobrą.

Tak na boku, co do generowania przez js da się w jQuery?

Pamiętasz Ani Mru-Mru?

Chyba będzie się trzeba podszkolić.

Wystarczy Ci tamta fraza, co podałem w poprzednim poście.

[Fifi209]

Ale w czym jest durna...? Naprawdę nie rozumiem tego stwierdzenia w stosunku do tego wiki, które się często przydaje... Dokumentację akurat mają dobrą.

Szukałem kiedyś o $.ajax znalazłem dużo, nie umiałem nic sklecić sam. Poczytałem jakiś kurs/poradnik i od razu mi wyszło. I tak z masą innych funkcji. Może piszą niezrozumiałym dla mnie językiem.

Pamiętasz Ani Mru-Mru?

Zależy które skecze. ;p

Wystarczy Ci tamta fraza, co podałem w poprzednim poście.

A no właściwie wystarczy.

Skleciłem póki co taki kodzik:

[HTML] pobierz, plaintext 
<html>
	<head>
		<script type="text/javascript" src="jQuery.js"></script>
		<script type="text/javascript">
			function CreateCheckBox(name) {
				var tag = document.createElement('input');
				tag.setAttribute('type', 'checkbox');
				tag.setAttribute('value', 0);
				tag.setAttribute('name', name);
 
				var area = document.getElementById('area');
				area.appendChild(tag);
			}
 
			function generuj() {
				for (x=0; x < 13; x++) {
					for (i=0; i < 13; i++) {
						CreateCheckBox('area['+x+']['+i+']');
					}
				}
			}
 
		</script>
	</head>
	<body onload="generuj();">
		<form method="POST">
			<div id="area"></div>
			<input type="submit" name="submit" value="Generuj">
		</form>
	</body>
</html>
[HTML] pobierz, plaintext 

Ale bardziej satysfakcjonowałoby mnie generowanie przez jQuery i od razu dodawanie click.

Aha próbowałem jeszcze document.write('<br>'); co jedno wykonanie pierwszej pętli - wynik - zawieszanie przeglądarki.

Ten post edytował fifi209 18.06.2009, 11:40:30

[erix]

Zależy które skecze. ;p

da śśśśśśśśśśę... [;

A po co do czegoś takiego jQuery?

Kod

function CreateCheckBox(name) {
var tag = document.createElement('input');
tag.setAttribute('type', 'checkbox');
tag.setAttribute('value', 0);
tag.setAttribute('name', name);
tag.onclick = function(e){
      alert(this.value);
}

var area = document.getElementById('area');
area.appendChild(tag);
}

Poza tym, polecam lekturę jakichś kursów jQuery, bo przydałoby się wiedzieć, co może, a co nie. Bez tego sobie nie porozmawiamy...

[Fifi209]

A po co do czegoś takiego jQuery?

A jakoś głupio mi to na myśl przyszło. (Kolega tak sugerował )

Poza tym, polecam lekturę jakichś kursów jQuery, bo przydałoby się wiedzieć, co może, a co nie. Bez tego sobie nie porozmawiamy...

Czytałem troszkę, ale polskich jest mało.

Co do <br> co wykonanie pętli wykonuję po prostu:

Kod

var nl = document.createElement('br');
                    var area = document.getElementById('area');
                    area.appendChild(nl);

A teraz jak to wszystko przedstawić jakoś ładniej - graficznie?

Aaa właśnie, te pola hidden się nie wysyłają (oczywiście dokleiłem jQuery i kod ;p)

Z moich testów wyszło, że przy onsubmit jquery bierze tylko pod uwagę te zaznaczone. Dowodzi tego:

Kod

            $(document).ready(
                function() {
                    $('form').submit(
                        function() {
                            $(this).find('input:checkbox').val('test');
                        }
                    );
                }
            );

Ten post edytował fifi209 18.06.2009, 11:59:05

[erix]

Czytałem troszkę, ale polskich jest mało.

Chyba wiesz, że 90% dokumentacji jest tylko po angielsku i po polsku nie będzie?

A jakoś głupio mi to na myśl przyszło. (Kolega tak sugerował )

Jeśli generujesz tylko checkboxy, to całe jQ jest bez sensu (no jeśli w grę wchodzi AJAX, to wtedy nie ma się co cykać; jQ się przyda).

A teraz jak to wszystko przedstawić jakoś ładniej - graficznie?

Pozbyć się <br />.

[Fifi209]

Chyba wiesz, że 90% dokumentacji jest tylko po angielsku i po polsku nie będzie?

Z czasem pewnie i w języku się podszkolę.

Jeśli generujesz tylko checkboxy, to całe jQ jest bez sensu (no jeśli w grę wchodzi AJAX, to wtedy nie ma się co cykać; jQ się przyda).

Nie będzie ajax'a.

Pozbyć się <br />.

Mam na myśli, chcę zamiast tego obrazki ;p

[golaod]

[PHP] pobierz, plaintext 
<html>
<head>
    <script src="jquery-1.3.2.js"></script>
    <script>
        $().ready(function() {
            
            $('form').submit(function(){
                jQuery.each($(this).find('input:checkbox'), function(){
                    $(this).attr( 'checked', 'true' ).hide();
                });
            });
            $('input:checkbox').click(function(){
                $(this).val( $(this).val() == 1 ? 0 : 1 );
            });
        });
    </script>
</head>
<body>
<form action="a.php?do=something" method="POST" >
<?php
for( $i = 0 ; $i < 10 ; $i++ )
    for( $x = 0 ; $x < 10 ; $x++ ) {
        
        ?>
        <input type="checkbox" name="area[<?php echo $i; ?>][<?php echo $x; ?>]" value="0" />
        <?php
        echo $x == 9 ? '<br />' : '';
    }
?>
<input type="submit" value="?" />
</form>
<?php
if( isset( $_GET['do'] ) ) {
    
    print_r( $_POST );
    
}
?>
</body>
</html>
[PHP] pobierz, plaintext