Witam. Szukam skryptu, który po kliknięciu na obrazek (będzie zaznaczony) a potem gdy będę chciał wysłać rekord do bazy to wartość z danego obrazka zapisze się w odpowiedniej kolumnie. Kiedyś robiłem to na sposób, że pod każdym obrazkiem dawałem pole radio z inną wartością, ale jest to mało przejrzyste. W dodatku chciałbym aby po wybraniu dwóch opcji z <select> pojawiły się odpowiednie obrazki które przypisze.
Odswiezam
Pokaż co próbowałeś, wiesz, że gotowca nie dostaniesz, a jeżeli takiego chcesz to idź do działu giełda.
Coś takiego. Ale to i tak nie to samo co chcę uzyskać.
Chodzi mi o taki efekt
http://scr.hu/14ut/e4k91
http://five-rp.com/panel_gracza.php?action=postacie
Kod
<script type="text/javascript">
function change() {
obrazek = document.getElementById('obrazek');
tekst = document.getElementById('tekst');
select = document.formularz.select;
if (select.value == 'brak') {
obrazek.src = 'brak.png';
tekst.innerHTML = 'brak';
}
else if (select.value == 'o1') {
obrazek.src = 'i/skin/1.png';
tekst.innerHTML = 'Obrazek 1';
}
else if (select.value == 'o2') {
obrazek.src = 'i/skin/2.png';
tekst.innerHTML = 'Obrazek 2';
}
}
</script>
<form name="formularz">
<select name="select" onChange="change()">
<option value="brak">1. brak</option>
<option value="o1">2. asd</option>
<option value="o2">3. dsa</option>
</select>
<hr>
<img src="" id="obrazek">
<p id="tekst">brak</p>
</form>
<img src="i/skin/1.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="1"/>
<img src="i/skin/2.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="2"/>
<img src="i/skin/7.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="7"/>
<img src="i/skin/14.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="14"/>
function change() {
obrazek = document.getElementById('obrazek');
tekst = document.getElementById('tekst');
select = document.formularz.select;
if (select.value == 'brak') {
obrazek.src = 'brak.png';
tekst.innerHTML = 'brak';
}
else if (select.value == 'o1') {
obrazek.src = 'i/skin/1.png';
tekst.innerHTML = 'Obrazek 1';
}
else if (select.value == 'o2') {
obrazek.src = 'i/skin/2.png';
tekst.innerHTML = 'Obrazek 2';
}
}
</script>
<form name="formularz">
<select name="select" onChange="change()">
<option value="brak">1. brak</option>
<option value="o1">2. asd</option>
<option value="o2">3. dsa</option>
</select>
<hr>
<img src="" id="obrazek">
<p id="tekst">brak</p>
</form>
<img src="i/skin/1.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="1"/>
<img src="i/skin/2.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="2"/>
<img src="i/skin/7.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="7"/>
<img src="i/skin/14.png" onclick="this.style.border='3px solid black'; this.style.cursor='pointer';" id="14"/>
Chodzi mi o taki efekt
http://scr.hu/14ut/e4k91
http://five-rp.com/panel_gracza.php?action=postacie
Zrób input hidden, gdzie będzie przechowywany id skina, który ktoś wybrał. Mniej więcej tak to będzie wyglądało (jquery):
po przesłaniu formularza skin będzie mieć wartość id ostatnio klikniętego obrazka (s1, s2)
po przesłaniu formularza skin będzie mieć wartość id ostatnio klikniętego obrazka (s1, s2)
Cytat(gorden @ 23.05.2013, 21:07:13 ) 
Zrób input hidden, gdzie będzie przechowywany id skina, który ktoś wybrał. Mniej więcej tak to będzie wyglądało (jquery):
po przesłaniu formularza skin będzie mieć wartość id ostatnio klikniętego obrazka (s1, s2)
po przesłaniu formularza skin będzie mieć wartość id ostatnio klikniętego obrazka (s1, s2)
Ale mi chodzi, aby była lista tych skinów, potem po kliknięciu zrobiła by się jakaś ramka i tak jak ty pisałeś pojawi się input hidden z wybranym skinem.
Refresh
Do zamknięcia. Poradziłem sobie
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.