Witam. Mam pytanie czy jest możliwość zrobienia podczas rejestracji wyboru miniaturki nie tak, że input type="radio" czyli kropka do zaznaczenia a miniaturkę na środku i strzałki na boki i klikając w jedną np. prawą pokaże się inna. Oczywiście bez javascript lub z ale jakiś prosty krótki skrypcik. Proszę o pomoc

Bez JS będzie to raczej nie możliwe. Może jaki slider z jQuery?

dlaczego tak uważasz? przecież można zrobić stronę która będzie się przeładowywać i wczytywać kolejne miniaturki.

Ah, skasowałem posta

Ale wtedy będzie problem z obsługą formularza. A jeśli nie problem, to dużo zabawy.

Właśnie chciałbym uniknąć tego przeładowania dlatego nie wiem jak to zrobić.

Gotowego skryptu ci raczej nie dam (gdyż go poprostu nie posiadam i nie zwykłem pisać gotowców).
Ale podpowiem że najprościej będzie wyrzucić w tym miejscu (pomiędzy strzałkami) wszystkie twoje miniaturki ale ukrywać je przez style 'display:none;'. Nastepnie nadajesz im unikalne id zwiekszając je o 1 dla każdej miniatury (1,2,3,4...). Do strzałek podpinasz akcje JS, na przykład onclick="scroll_right();" i onclick="scroll_left();". Tworzysz globalną zmienną w JS

[PHP] pobierz, plaintext 
var id_miniatury = 1;
[PHP] pobierz, plaintext 

I przy odpowiednich akcjach zwiększasz ją lub zmniejszasz o 1. Potem wykonujesz akcje która ukrywa wszystkie miniatury z wyjątkiem tej której id odpowiada wartości zmiennej id_miniatury w danym momencie. Nie ukrywam że nie jest to zdecydowanie najlepszy sposób (tym bardziej nie najwydajniejszy), ale miało być prosto i myślę że raczej jest. Wiem że może ci się to wydać skomplikowane (szczególnie z moimi zdolnościami dydaktycznymi). Ale napisz cokolwiek, postaraj sie zrozumieć zasadę działania a w razie jakichkolwiek problemów z przyjemnością pomożemy.

P.S-Choc gorąco zachęcam abyś napisał to w sposób lepszy i bardziej elastyczny niż ta proteza która Ci tutaj proponuje. Co prawda 'stracisz' odrobinę więcej czasu ale zdecydowanie może to zaowocować jego oszczędnością w przyszłości.

Pomogłeś do czasu aż nie stanąłem na js, ponieważ nie opanowałem tego języka a nawet nie mam z czego się podstaw nauczyć. Wiem, że na pewno będę potrzebował pętle for oraz if jesli się nie mylę. To co mi napisałeś to już zrobiłem stanąłem na głównym mózgu operacji czyli js. Mam jeszcze pytanie ponieważ jak miałem tą rejestracje i w niej te zdjęcia w inputach każde miało swoje value to jak zrobimy ten skrypt to zdjęcie w którym będzie teraz tylko id bez inputa będzie brane pod uwagę podczas rejestracji?
Tak mam teraz:

[HTML] pobierz, plaintext 
 <td>Wygląd</td>
            <td><img onclick="scroll_left();" src="./images/slewo.jpg"  /></td><td><img id="1" src="./images/avatar/1.jpg" style="max-width: 100px; max-height: 100px; display: none;" /><img id="2" src="./images/avatar/2.jpg" style="max-width: 100px; max-height: 100px;  display: none; "/></td><td><img onclick="scroll_right();" src="./images/sprawo.jpg"  /></td>
[HTML] pobierz, plaintext 

a tak miałem:

[HTML] pobierz, plaintext 
<td>Wygląd</td>
            <td><input type="radio" name="avatar" value="1" /><img src="./images/avatar/1.jpg" style="max-width: 100px; max-height: 100px;" /><input type="radio" name="avatar" value="2" /><img src="./images/avatar/2.jpg" style="max-width: 100px; max-height: 100px;" /></td>
            <td class="podpowiedź">Jak będzie wyglądał twój bohater?</td>
[HTML] pobierz, plaintext 

Nie wiem co we mnie wstąpiło ale:
(Wrzuć tylko grafikę, jest to w pełni działający skrypt)

[HTML] pobierz, plaintext 
<script>
var avatar_id = 1;
function scroll_left()
{
	avatar_id-=1;
	if (avatar_id < 1)
	{
		avatar_id = 5;
	}
	redraw();
}
function scroll_right()
{
	avatar_id+=1;
	if (avatar_id > 5)
	{
		avatar_id = 1;
	}
	redraw();
}
function redraw()
{
	for (i=1;i<=5;i++)
	{
		document.getElementById('avatar_' + i).style.display = 'none';
	}
		document.getElementById('avatar_' + avatar_id).style.display = 'block';
}
</script>
<div>
<table>
	<tr>
		<td>
			<img src="arrow_left.png" onclick="scroll_left();" style="cursor:pointer;">
		</td>
		<td style="width:600px;height:600px;">
			<img src="avatar_1.jpg" id="avatar_1">
			<img src="avatar_2.jpg" id="avatar_2" style="display:none;">
			<img src="avatar_3.jpg" id="avatar_3" style="display:none;">
			<img src="avatar_4.jpg" id="avatar_4" style="display:none;">
			<img src="avatar_5.jpg" id="avatar_5" style="display:none;">
		</td>
		<td>
			<img src="arrow_right.png" onclick="scroll_right();" style="cursor:pointer;">
		</td>
	</tr>
</table>
<div>
[HTML] pobierz, plaintext 

EDIT:
Aby przekazywać wartość wybranego avatara w formularzu rejestracji najprościej będzie jeżeli utworzysz nowe pole typu 'hidden' i przy każdym kliknięciu strzałki będziesz do niego zapisywał wartość zmiennej 'avatar_id'

Działa a ja pół dnia się męczę teraz co do tego odwołania to czy mogę zrobić inputa hidden ? i po prostu do niego zapisywać w value="... " wartość avatar_id ?

Dokładnie tak. Tworzysz ukryty input nadajesz mu 'jakies_tam_id' i przy każdym przełączeniu zdjęcia zapisujesz do niego wartość:

[HTML] pobierz, plaintext 
document.getElementById('jakies_tam_id').value = avatar_id;
[HTML] pobierz, plaintext 

Zrobiłem tak jak trzeba ale gdy już się zarejestruje to skrypt zapisuje do bazy liczbę 0 jaki id avataru a powinien wybraną przeze mnie czyli coś z tym inputem nie tak jest ;/

do tego jeśli za value wpisze 1 i usunę id inputa to normalnie zarejestruje tą 1 czyli coś jest nie tak z js

[HTML] pobierz, plaintext 
  <div>
        <table>
	<tr>
    <td>Wygląd</td>
        <td><input id="aid" name="avatar" type="hidden" value="document.getElementByName('aid').value = avatar_id;" /></td>
         <td>
			<img src="./images/slewo.jpg" onclick="scroll_left();" style="cursor:pointer;">
		</td>
		<td>
			<img src="./images/avatar/1.jpg" id="avatar_1">
			<img src="./images/avatar/2.jpg" id="avatar_2" style="display:none;">
			<img src="./images/avatar/3.jpg" id="avatar_3" style="display:none;">
			<img src="./images/avatar/4.jpg" id="avatar_4" style="display:none;">
			<img src="./images/avatar/5.jpg" id="avatar_5" style="display:none;">
		</td>
 
		<td>
			<img src="./images/sprawo.jpg" onclick="scroll_right();" style="cursor:pointer;">
		</td>
            <td class="podpowiedź">Jak będzie wyglądał twój bohater?</td>
        </tr>
        </table>
        </div>
[HTML] pobierz, plaintext 

A da się w ogóle usunąć value inputa za pomocą JS? Mógłbyś podać kod? Najlepiej wszystko: js, html oraz php. Mi się zdaje, że popełniłes jakiś błąd w nazewnictwie (w sensie ID inputa lub Name używany w PHP).

PS. co to jest:

[HTML] pobierz, plaintext 
<input id="aid" name="avatar" type="hidden" value="document.getElementByName('aid').value = avatar_id;" />
[HTML] pobierz, plaintext 

Zostaw puste pole hidden, lub ustaw domyślne pierwszego obrazka, a zmieniaj dopiero w kodzie JS który napisał Ci Uriziel. Nie wiem czy na pewno ale chyba przez to masz takie błędy dziwne.

Pokaż kod lub wrzuć na jakiś zewnętrzny hosting, bez tego nie ma o czym mówić.

[XML] pobierz, plaintext 
<script type="text/javascript">
var avatar_id = 1;
function scroll_left()
{
	avatar_id-=1;
	if (avatar_id < 1)
	{
		avatar_id = 5;
	}
	redraw();
}
function scroll_right()
{
	avatar_id+=1;
	if (avatar_id > 5)
	{
		avatar_id = 1;
	}
	redraw();
}
function redraw()
{
	for (i=1;i<=5;i++)
	{
		document.getElementById('avatar_' + i).style.display = 'none';
	}
		document.getElementById('avatar_' + avatar_id).style.display = 'block';
}
</script>
[XML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
include "baza.php";
$title = 'Rejestracja';
include "lacznik1.php";
mysql_close();
define("OK", 0);
define("ALL", 1);
define("HASLA", 2);
define("EMAILE", 3);
define("REGULAMIN", 4);
define("NICK", 5);
define("HASLO", 6);
define("EMAIL", 7);
define("PEMAIL", 8);
define("WP", 9);
define("NAZWA_ZAJETA", 10);
define("EMAIL_ZAJETY", 11);
define("PRZYDOMEK", 12);
define("AVATAR", 13);
function rejestruj($user, $haslo, $email, $przydomek, $avatar) {
    if(!isSet($_POST['user']) || !isSet($_POST['haslo']) || !isSet($_POST['haslo2']) || !isSet($_POST['email']) || !isSet($_POST['email2'])) {
        return ALL;
    } else if($_POST['haslo'] !== $_POST['haslo2']) {
        return HASLA;
    } else if($_POST['email'] !== $_POST['email2']) {
        return EMAILE;
    } else if(!isSet($_POST['regulamin'])) {
        return REGULAMIN;
    } else if(!isSet($_POST['przydomek'])) {
        return PRZYDOMEK;
	} else if(!isset($_POST['avatar'])) {
        return AVATAR;
    }
 
    $dlugoscUser = strlen($_POST['user']);
    $dlugoscHaslo = strlen($_POST['haslo']);
    $dlugoscEmail = strlen($_POST['email']);
 
    if($dlugoscUser < 3) {
        return NICK;
    } else if($dlugoscHaslo < 6) {
        return HASLO;
    } else if($dlugoscEmail < 5) {
        return EMAIL;
    } else if(strpos($_POST['email'], '@') === false) {
        return PEMAIL;
    }
    include "baza.php";
    $query = "SELECT COUNT(*) FROM user WHERE user='$user' ";
 
    if(!$result = mysql_query($query)) {
        echo('An error has occurred: Instruction SELECT...');
        @mysql_close();
    }
    if(!$row = mysql_fetch_row($result)) {
        echo('An error has occurred: Incorrect query results...');
        @mysql_close();
    } else {
        if($row[0] > 0) {
            @mysql_close();
            return NAZWA_ZAJETA;
        }
    }
 
    $query = "SELECT COUNT(*) FROM user WHERE email='$email' ";
 
    if(!$result = mysql_query($query)) {
        echo('An error has occurred: Instruction SELECT...');
        @mysql_close();
    }
    if(!$row = mysql_fetch_row($result)) {
        echo('An error has occurred: Incorrect query results...');
        @mysql_close();
    } else {
        if($row[0] > 0) {
            @mysql_close();
            return EMAIL_ZAJETY;
 
        } 
 
    }
 
	$akod = uniqid('akod', true);
	$user = htmlspecialchars($_POST['user']);
    $email = htmlspecialchars($_POST['email']);
    $mail_headers  = "From: Mohergame.pl\r\nReply-To: Mohergame.pl\r\n";
    $mail_headers.= "Content-Type: text/html;\n";
    $mail_headers.= "\tcharset=\"UTF-8\"\n";
    $mail_headers.= "Content-Transfer-Encoding: 8bit\n\n";
    $temat = ("Kod aktywacyjny");
    mail($email, $temat, "http://semczak.xaa.pl/spr.php?akod=$akod", $mail_headers);
	mysql_query("INSERT INTO user( user, haslo, email, przydomek, avatar, akod )  VALUES ('$user', '$haslo', '$email', '$przydomek','$avatar', '$akod')");
 
 
	$count = mysql_affected_rows();
 
    if($count <> 1) {
        echo "Rejestracja nieudana!";
        @mysql_close();
    } else {
        return OK;
        @mysql_close();
    }
}
 
@session_start();
if(isSet($_SESSION['mohergame'])) {
    echo "Po co chcesz się zarejestrować jeśli jesteś zalogowany?! Jak już to <a href='wyloguj.php'>wyloguj</a> się.";
} else if(!isSet($_POST['user']) || !isSet($_POST['haslo']) || !isSet($_POST['haslo2']) || !isSet($_POST['email']) || !isSet($_POST['email2'])) {
    echo "Żeby się zarejestrować idź <a href='rejestracja.php'>tutaj</a>.";
} else {
 
    $user = htmlspecialchars(trim(mb_strtolower($_POST['user'], "UTF-8")));
    $haslo = md5(htmlspecialchars($_POST['haslo']));
    $email = htmlspecialchars($_POST['email']);
    if(isSet($_POST['przydomek'])) {
        $przydomek = htmlspecialchars($_POST['przydomek']);
    } else {
        $przydomek = 'Gniewna';
    }
	if(isset($_POST['avatar'])) {
        $avatar = htmlspecialchars($_POST['avatar']);
    } else {
        $avatar = 1;
    }
 
 
    $val = rejestruj($user, $haslo, $email, $przydomek, $avatar);
 
    if($val == OK) {
        echo("Zostałeś zarejestrowany poprawnie. Na podany przez ciebie e-mail wysłaliśmy kod potwierdzający twoją rejestracje. Jeśli tak się nie stanie wyślij go ponownie przechodząc <a href='kod_aktywacyjny.php'>tutaj</a>.");
    } else if($val == ALL) {
        echo("Wypełnij wszystkie pola! Zrobisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == HASLA) {
        echo("Wpisz poprawnie hasło w dwóch polach! Zrobisz to <a href='java script:history.go(-1)'>powrcając</a>.<br />");
    } else if($val == EMAILE) {
        echo("Wpisz poprawnie e-mail w dwóch polach! Zrobisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == REGULAMIN) {
        echo("Musisz zaakceptować regulamin! Zrobisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == NICK) {
        echo("Login musi mieć minimum 3 znaki! Poprawisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == HASLO) {
        echo("Hasło musi mieć minimum 6 znaków! Poprawisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == EMAIL) {
        echo("Twój adres e-mail jest niepoprawny! Poprawisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == PEMAIL) {
        echo("Proszę wpisać poprawnie adres e-mail. Zrobisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == WP) {
        echo("Musisz wybrać innego operatora twojej poczty gdyż e-maile do tego operatora mogą nie dochodzić. Zrobisz to <a href='java script:history.go(-1)'>powracając</a>.<br />");
    } else if($val == NAZWA_ZAJETA) {
        echo("Ta nazwa jest już zajęta. <a href='java script:history.go(-1)'>Wróć</a> i wpisz inna.<br />");
    } else if($val == EMAIL_ZAJETY) {
        echo("Ktoś już ma taki adres e-mail. <a href='java script:history.go(-1)'>Wróć</a> i wpisz inny.<br />");
    } else if($val == PRZYDOMEK) {
        echo("Niewłaściwy przydomek. <a href='java script:history.go(-1)'>Wróć</a> i wybierz inny.<br />");
    } else if($val == AVATAR) {
        echo("Zły numer avataru. <a href='java script:history.go(-1)'>Wróć</a> i wybierz inny.<br />");
    } else {
        echo("Błąd serwera. Rejestracja przebiegła niepoprawnie.");
    }
 
}
include "lacznik2.php";
?>
[PHP] pobierz, plaintext 

a formularz juz podałem

Wybacz, to moze glupio zabrzmiec, ale wysyłasz w ogóle avatar_id do bazy?
Rozumiesz, ze hidden musi byc w formie i zostac wyslany w jakis sposob (np przez POST) do "zapisywatora" ktory odczyta dane z tablicy $_POST i wykona odpowiednie zapytanie do bazy?

jak nie miałem tego skryptu js to wysyłałem do bazy value inputa name="avatar" teraz kiedy wyświetlany obrazek dajmy 1.jpg chce wysłać do bazy to po prostu do inputa hidden jest przypisana końcówka id avatar_... czyli sama liczba i sama liczba mi jest potrzebna w bazie

Spróbuj wysłać normalnie formularz (wypełnij wszystkie pola przykłądowymi danymi) i w skrypcie PHP daj takie coś:

[PHP] pobierz, plaintext 
print_r($_POST)
[PHP] pobierz, plaintext 

Zobaczymy co Ci się wysyła, jakie pola.

Poza tym, zmieniłeś wartość value tego inputa jak pisałem wcześniej? Widzę, że nie piszesz nic o tym jak zmieniasz wartośc tego inputa więc może to coś Ci pomoże:

[HTML] pobierz, plaintext 
function redraw()
 
{
 
	for (i=1;i<=5;i++)
 
	{
 
		document.getElementById('avatar_' + i).style.display = 'none';
 
	}
 
		document.getElementById('avatar_' + avatar_id).style.display = 'block';
                            document.getElementById('id_pola_input_avatar').value = avatar_id;
 
}
[HTML] pobierz, plaintext 

Przepraszam, ale otwieram mase podstor na zakladkach, potem czytam, odpisuje, ogolnie nie zauwazylem postow wyzej, natomiast... Wracajac do tematu, to:

Olaboga, co to jest : )

[HTML] pobierz, plaintext 
<input id="aid" name="avatar" type="hidden" value="document.getElementByName('aid').value = avatar_id;" />
[HTML] pobierz, plaintext 

Po pierwsze, to do funkcji redraw:

[XML] pobierz, plaintext 
document.getElementById('aid').value = avatar_id;
[XML] pobierz, plaintext 

a w formie html jako value wpisz sobie 1, albo co chcesz. To i tak jest podmieniane przez js.

Zrobiłem tak jak napisałeś dodałem tą część do js oraz wyświetliłem zawartość post a oto ona:

Array
(
[rej] => true
[przydomek] => Gniewna
[user] => babol
[haslo] => bbbbbb
[haslo2] => bbbbbb
[email] => hhh@gmail.com
[email2] => hhh@gmail.com
[avatar] => document.getElementById(\'id_a\').value = avatar_id;
[regulamin] => regulamin
[rejestruj] => Rejestruj
)

a powinna być liczba więc coś jest nie tak w tej zmiennej zamiast tego value powinno wyświetlić liczbe jaka jest dopisana do każdej z miniaturek czyli od 1 do 5

Widzisz zatem, ze zwrocilo Ci jakiegos babola w postaci [avatar] => document.getElementById(\'id_a\').value = avatar_id; (Czyli generalnie zwrocilo to, co ma byc wyslane w formularzu). W bazie danych masz pewnie ustawiony typ danych na liczbowy i dlatego podstawia 0. Zrob tak jak Ci ja/adbacz napisalismy wyzej i bedzie ok.

BTW:
Nie masz zielonego pojecia o tym, co teraz robisz, prawda?
Bo jezeli dobrze zrozumialem Twoja wypowiedz i do skryptu js dodales doslownie (a na to wyglada, ze doslownie, bo wartosci nie podmienia):

[HTML] pobierz, plaintext 
 document.getElementById('id_pola_input_avatar').value = avatar_id;
[HTML] pobierz, plaintext 

to pozdro : )

Zrobiłem tak jak napisałem tzn miałem tak zrobione i dalej widzę ten błąd. W redraw dodałem tą linię i dalej d*** tak jak by to co jest w value w ogóle do niczego się nie odwoływało. a w mysql mam to pole jaki int specjalnie żeby w razie w podawało 0 czyli zwykłego avatara unknown

zauważyłem ze wszyscy dobrze robiliśmy tzn ten skrypt powinien działać ale działa tylko na miniaturki od 2 3 4 5 a gdy wybieram miniaturke pierwsza to wyskakuje ten babol czyli coś muszę zmienić w js i będzie dobrze

O dziwo 4 dziają lecz pierwsza nie zminiana nie lecz gdy przejade po kolei 1 2 3 4 5 i znowu 1 i zarejestruje sie to już 1 normalnie dodaje do bazy czyli coś z przetwarzaniem skryptu późno może .

w formie html zmien value dla pola avatar na 1 - mowie juz chyba 3 raz !!!1
Skrypt podmienia value dopiero gdy zostanie wywolana funkcja redraw ktora jest z kolei wywolywana przez onclicki buttonow. Jak nie klikniesz, to value sie nie podmieni, dlatego wysyla to co jest domyslnie w html.

//EDIT
zeby zaoszczedzic grochu:

[HTML] pobierz, plaintext 
 
  <div>
 
        <table>
 
	<tr>
 
    <td>Wygląd</td>
 
        <td><input id="aid" name="avatar" type="hidden" value="1" /></td>
 
         <td>
 
			<img src="./images/slewo.jpg" onclick="scroll_left();" style="cursor:pointer;">
 
		</td>
 
		<td>
 
			<img src="./images/avatar/1.jpg" id="avatar_1">
 
			<img src="./images/avatar/2.jpg" id="avatar_2" style="display:none;">
 
			<img src="./images/avatar/3.jpg" id="avatar_3" style="display:none;">
 
			<img src="./images/avatar/4.jpg" id="avatar_4" style="display:none;">
 
			<img src="./images/avatar/5.jpg" id="avatar_5" style="display:none;">
 
		</td>
 
 
 
		<td>
 
			<img src="./images/sprawo.jpg" onclick="scroll_right();" style="cursor:pointer;">
 
		</td>
 
            <td class="podpowiedź">Jak będzie wyglądał twój bohater?</td>
 
        </tr>
 
        </table>
 
        </div>
[HTML] pobierz, plaintext 

dzięki wszystko śmiga właśnie też to zrobiłem przed tobą ale pamiętam że pisałeś o tym dzięki i dobranoc

Nie chciałbym siac paniki czy kogoś obrażać, ale tak się składa, że info o tym co ma się znaleźć w polu hidden napisałem w 12 poście, czego chyba autor nie zauważył a później prowseed (tak mi się wydaje) przywłaszczył sobie to i uznał za swoje. Przynajmniej tak to wygląda czytając po kolei posty. Nie mam nic za złe nikomu i nie chcę nikogo obrażać, ale nie ładnie tak.

Po pierwsze: Faktycznie nie zauwazylem.
Po drugie: A licencje dolaczyles do swojego kodu?
Po drugie i pół: Nie chciałem celowo Ci sprawić przykrości.
Po trzecie: Jesli zalezy Ci na punkcie "Pomógł", to zwróć się do moderacji, jest o tym zapis na forum na samej górze.