[Jquery] Podstawianie wartośc w pole input - problem, działa tylko w jedną stronę..? Opcje

[marecki86]

Witam
Pewnie jest to proste jak drut ale potrzebuję pomocy.
Próbuję uzupełnić pole <input> wartością klikniętej komórki w tabeli. Poniżej kod

[HTML] pobierz, plaintext 
<script>
$(document).ready(function(){
      $('.komorka').click(function(){ 
           $('.komorka').css('background-color', '#F5F5F5'); $(this).css('background-color', '#40E0D0'); $(this).html($("#symbol1").val()); return true; });
           });       
</script>
 
[HTML] pobierz, plaintext 

Każda komórka tabeli jest

[HTML] pobierz, plaintext 
<td class="komorka"></td>
[HTML] pobierz, plaintext 

Oraz input:

[HTML] pobierz, plaintext 
<input type="text" id="symbol1" name="symbol1" value="'1111'"/>
[HTML] pobierz, plaintext 

W takiej postaci kolor się zmienia, wartość z input wskakuje w każdą komórkę. Ładnie - ale jak przerobić żeby to po kliknięciu w komórkę wartość komórki wskoczyła do pola input? Jeśli zrobię identycznie zamieniając współczynniki:

[HTML] pobierz, plaintext 
$("#symbol1").html($(this).val());
[HTML] pobierz, plaintext 

to nie działa prawidłowo - pole input robi się puste. Jak to obejść?

[Orzeszekk]

Moze zamiast się meczyć, użyjesz gotowego color pickera?

np ten: http://jscolor.com/

myślę że szkoda czasu na męczenie sie z javascriptami.

moze zamiast wpisywac do inputa w html sprobuj przypisac wartosc do innerText.

ściągnij mozilla firebuga/opera dragonfly/ F12 w IE, ustaw breakpoint na linijke której nie jesteś pewien i obejrz sobie pod debugerem jakie wartosci mają te zmienne. Pomoc ci moze tez rozpisanie tych wyrażen na pojedyncze instrukcje

$("#symbol1").html($(this).val());

->

var input = $("#symbol1");
var valueOfCelll= $(this).val();
input.html(valueOfCell);

prędzej zobaczysz gdzie ci coś ginie.

Ostatecznie może spróbuj

$("#symbol1").val($(this).val()); (IMG:style_emoticons/default/questionmark.gif) ?

[marecki86]

moze zamiast wpisywac do inputa w html sprobuj przypisac wartosc do innerText.

ściągnij mozilla firebuga/opera dragonfly/ F12 w IE, ustaw breakpoint na linijke której nie jesteś pewien i obejrz sobie pod debugerem jakie wartosci mają te zmienne. Pomoc ci moze tez rozpisanie tych wyrażen na pojedyncze instrukcje

$("#symbol1").html($(this).val());

->

var input = $("#symbol1");
var valueOfCelll= $(this).val();
input.html(valueOfCell);

prędzej zobaczysz gdzie ci coś ginie.

Ostatecznie może spróbuj

$("#symbol1").val($(this).val()); (IMG:style_emoticons/default/questionmark.gif) ?

Próbowałem i tak i tak - nadal nie wpisuje wartości do input po kliknięciu - jedynie robi się puste. Ma ktoś jeszcze jakieś pomysły..?