Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [SQL][PHP][JavaScript] Po kliknięciu na obraze, zmienia dane w input
Forum PHP.pl > Forum > Przedszkole
Dance4Love
Witam.

Jako że w tamtym temacie dostałem fachową pomoc, postanowiłem rozwiać jeszcze jedną wątpliwość. Tak więc przejdę od razu do rzeczy;

Próbuje zrobić coś takiego, że po kliknięciu na jeden z obrazków zmienia nam wartość w polu input na określony wcześniej przy obrazku.

A mianowicie:

jest 6 obrazków z 6 id


Obrazek [1] - id 96
Obrazek [2] - id 214
Obrazek [3] - id 462
Obrazek [4] - id 123
Obrazek [5] - id 333
Obrazek [6] - id 23

Pole input text mam czyste, po kliknięciu na obrazek 4 zmieniało by nam w polu input text, text na 123.

PS: Można by było również jakoś zaznaczyć obrazek który się wybrało(na przykład pociemnieniem innych obrazków)
zordon
  1. <script type="text/javascript">
  2.  
  3. function podmien(id){
  4. document.form.pole.value = id;
  5. }
  6.  
  7.  
  8. <img src="wisla.jpg" onclick="podmien(this.id);" id="2" />
  9. <img src="wisla.jpg" onclick="podmien(this.id);" id="3" />
  10.  
  11.  
  12. <form action="" name="form">
  13. <input name="pole" type="text" value="x" />
  14. </form>
Dance4Love
hmm, noo. Mniej więcej oto chodziło, tylko że nie działa winksmiley.jpg
Ale spróbuje już dojść do tego jakoś.
zordon
tzn co nie działa?
mój kod w oryginale ci działa?
wklej swój kod w jaki sposób próbujesz go podłączyć
Dance4Love
nom, w oryginalnym nie działa.

  1. <img src=Skin_14.png onclick="podmien(this.id);" id="14">
  2. ...
  3. <img src=Skin_18.png onclick="podmien(this.id);" id="18">
  4.  
  5. <form...>
  6.  
  7. ...
  8.  
  9. <input name="pole" type="text" value="x" />
  10.  
  11. </form>


no i w head...

  1. <script type="text/javascript">
  2.  
  3. function podmien(id){
  4. document.form.pole.value = id;
  5. }
  6.  



No i po prostu nie zmienia "x"
Misiur66
O ile pamiętam id nie może być samą liczbą.

Nadaj wszystkim id="sX", X to liczba,

Kod
window.onload = function(){

var skiny = document.getElementById('divwktórymtrzymaszskiny').getElementsByTagName('img');

for(var i = 0; i < skiny.length; i++)
{
skiny[i].onclick = function()
{
document.getElementById('idinputa').value = skiny[i].id.substr(1);
}
}

}


Spróbuj, jak nie zadziała to zrób substr(skiny[i].id, 2) (ale chyba tak jak jest jest ok)

Edit: Duże poprawki
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.