[JS] Wstawianie opcji z obrazkiem do komórki wiersza

martinstw · 9 Stycznia 2009

Witam!

Czy może mi ktoś powiedzieć jak mając taką stronę i tabelkę na niej:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Algorytm - Zmieniacz liter na znaki</title>

<style type="text/css">

body {background-color:#FFF}

#box {
    position:absolute; left:30%; width:27%;
    visibility:hidden; overflow:auto; z-index:400;
    padding: 10px;
    background-color:snow;
    border:3px solid goldenrod;
    color:black; font:normal bold 12px Verdana,Arial,Tahoma;
    text-align:center;
}
body > #box {position:fixed}

#box a:link        {text-decoration:none; color:goldenrod}
#box a:visited    {text-decoration:none; color:goldenrod}
#box a:hover        {text-decoration:underline; color:gold}
</style>

<script type="text/javascript">
function box(ide){
     this.id = ide;
     this.open = function(x){
         with(document.getElementById(this.id)){
           style.height='';
           innerHTML=x;
           var y=window.innerHeight?innerHeight:document.body.clientHeight, m=y-50;
           style.height=offsetHeight>m?m+'px':'';
           style.bottom=y/2-offsetHeight/2+'px';
           style.visibility='visible';
         }
     }
     this.close = function(){
         document.getElementById(this.id).style.visibility='hidden';
         return;
     }
}
var prompt = {
                 name : '<fieldset><legend>Wybierz opcję:</legend><center><table width="200">'+
                        '<tr><td></td></tr>'+
                        '<tr><td width="150">Wykonano:</td><td><button name="submit" onclick=""><img src="tak.png" width="30" height="30"></td></tr>'+
                    '<tr><td width="150">Nie wykonano:</td><td><button name="submit" onlcick=""><img src="nie.png" width="30" height="30"></td><td></tr>'+
                    '<tr><td width="200" colspan=2 align="center"><input type="button" value="Cofnij"></td></tr>'+
                    '</table></center></fieldset>'
             };
var box = new box('box');
</script>
</head>
<body>

<div id="box"></div>

<table border=1>
              <tr>
                  <th width=10 bgcolor="yellow">Nr</td><td width=50 bgcolor="yellow">Temat</th><th width=57 bgcolor="yellow">Wykonanie</th>
              </tr>
              <tr>
                  <td width=10>1</td><td width=50>Czyszczenie samochodu</td><td width=57 bgcolor="snow" onClick="java script: box.open(prompt.name);"/></td>
              </tr>
              <tr>
                  <td width=10>2</td><td width=50>Mycie samochodu</td><td width=57 bgcolor="snow" onClick="java script: box.open(prompt.name);" /></td>
              </tr>
</table>


</div>

</body>
</html>

spowodować, żeby kilkając w komórkę ostatniej kolumny dla danego wiersza (czyli Wykonano), uruchamiać skrypt z własnym okienkiem i wybierać opcję (z obrazkiem) poprzez kliknięcie w inputa z obrazkiem i zapisywanie go w komórce ostatniej kolumny, jeśli nie chciałoby się zrezygnować, to klika się na przycisk Cofnij.

Czyli np dla wiersza 2, klikam w ostatnią komórkę pojawia mi się okienko, w którym klikam w inputa z obrazkiem tak.png (ponieważ coś zostało wykonane) i dzięki temu ten obrazek zapisuje sie w tej komórce, w którą kliknęliśmy.

Może ma ktoś jakąś koncepcję?

Za pomoc byłbym wdzięczny

Zaloguj się

[JS] Wstawianie opcji z obrazkiem do komórki wiersza

Rekomendowane odpowiedzi

martinstw

Odnośnik do komentarza

Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Zarejestruj nowe konto

Zaloguj się

Ostatnio przeglądający 0 użytkowników

Przeglądaj

GMCLAN.ORG

Cała aktywność

Ranking

Discord