[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..?

[gorden]

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

[marecki86]

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

Wow. Wielkie dzięki - działa jak trza (IMG:style_emoticons/default/thumbsupsmileyanim.gif) Wiedziałem że byłem blisko... (IMG:style_emoticons/default/tongue.gif) Dzięki

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

Jednak mam jeszcze pytanie - czy można jakoś zrobić tak żebym kliknął w dowolną komórkę

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

a do

[HTML] pobierz, plaintext 
<input id="symbol1"/>
[HTML] pobierz, plaintext 

żeby zawsze wskakiwała wartość np z pierwszej komórki danego wiersza tabeli...?

[gorden]

$('#symbol1').val($(this).parent('tr').children('td').first().html());

Ten post edytował gorden 22.11.2011, 22:12:38

[marecki86]

$('#symbol1').val($(this).parent('tr').children('td').first().html());

Napisałem tak jak mi podałeś - dokładnie i...nie działa.. (IMG:style_emoticons/default/sad.gif) Konkretniej nie reaguje na kliknięcie (nic się nie dzieje)... Jakieś pomysły..?

[gorden]

mi jakoś działa w prowizorycznej tabeli i Twoim kodem.. może pokaż strukturę tabeli, ewentualnie kod live?

[marecki86]

mi jakoś działa w prowizorycznej tabeli i Twoim kodem.. może pokaż strukturę tabeli, ewentualnie kod live?

CODE

$(document).ready(function(){
$('.komorka').click(function(){
$('#symbol1').val($(this).parent('tr').children('td').first().html());
$('.komorka').css('background-color', '#F5F5F5');
$(this).css('background-color', '#40E0D0');
return true; });
$("#dostawcy").click(function(){ $("#dostawca1").show();
});

<?php
$opis=$_POST['opis'];
require '../conn/connect.php';
$kar = mysql_query('show columns from kartoteka');
if ($opis){
$list=mysql_query("select * from kartoteka where opis like '$opis' ");
}
else{
$list=mysql_query("select * from kartoteka"); }
?>

<div id="wynik" style="background-color: #F5F5F5; width: auto; height: 250px; overflow: scroll;">
<table id="tabela1" border="1" style="empty-cells: show">
<tr>
<td>*</td>
<?php
$kar = mysql_query('show columns from kartoteka');
while ($kar2 = mysql_fetch_row($kar))
{
if ($kar2[0]=='dostawcy'){}
else { echo '<td>'.$kar2[0].'</td>';}}
echo '</tr>';
$max=mysql_num_fields($list);
while ($list2 = mysql_fetch_row($list))
{ echo '<tr>';
for ($i=0;$i<$max-1;$i++){ echo'<td class="komorka">'.$list2[$i].'</td>'; }
echo '</tr>';
} ?>
</table>
</div>


<div id="dostawca1" style="display: none"><input type="text" id="symbol1" name="symbol1" value=""/></div>

Tak to wygląda - wiem TROCHĘ to chaotyczne (IMG:style_emoticons/default/smile.gif) Mój zamiar jest taki że jak kliknę w obojętnie którą komórkę to żeby do input "symbol1" wskakiwała zawsze wartość z DRUGIEJ komórki danego wiersza. Wszelkie poprawki w tym moim "kodzie" dozwolone (IMG:style_emoticons/default/wink.gif) Będę wdzięczny za pomoc:)


Czy ktoś jest w stanie pomóc mi w tej kwestii...? (IMG:style_emoticons/default/sciana.gif)

Hej. Przerobiłem Twój kod na coś takiego:

CODE

$(#symbol1).val($(this).parent('tr').children('td:nth-child(1)').html())

i działa tak jak chciałem. Może komuś się przyda. Dzięki