замена картинки в данной ячейке - JavaScript, Ajax

Mcduff · 22.10.2012, 17:51

собственно, вот код...

PHP код:


			
<html lang="ru">
<BODY>



    
    <script>
    function foo(i) {
        t.rows[i].cells[i].innerHTML='<img width=80 src="image2.jpg">';
    } 

     
    var t = document.createElement('table');
    var tbody = document.createElement('tbody');

    for(var i = 0;i<4;i++) {
     
        var tr = document.createElement('tr');


    for (var j = 0;j<4;j++){
        var td = document.createElement('td');
        td.innerHTML = '<a href="#" onclick="foo(this)" ><img width=80 src="image1.jpg"></a>';    
        tr.appendChild(td);
    }


       tbody.appendChild(tr);
    }

    t.appendChild(tbody);
     
    document.getElementById('table').appendChild(t);
    </script>
 </BODY>
</html>

создается таблица 4х4! в таблице одинаковые изображения.
при клике на одно из них, ОНО заменяется на другое...
перепробовал кучу вариантов, не работает.
прошу помощи!!

LZero · 22.10.2012, 21:01

Код:

<html>
<body>  
    <script>
	var t = document.createElement('table');
    var tbody = document.createElement('tbody');

    for(var i = 0;i<4;i++) {
		var tr = document.createElement('tr');

		for (var j = 0;j<4;j++) {
			var td = document.createElement('td');
			var a = document.createElement('a');

			a.onclick = (function () {
				return function () {
					this.getElementsByTagName('img')[0].src = 'image2.jpg';
				}
			}).call(a);



			a.innerHTML = '<img width=80 src="image1.jpg">';
			td.appendChild(a);
			tr.appendChild(td);
		}


		tbody.appendChild(tr);
    }

    t.appendChild(tbody);
     
	document.getElementsByTagName('body')[0].appendChild(t);
    </script>
 </body>
</html>

Mcduff · 23.10.2012, 01:39

спасибо большее!!!!

22.10.2012, 17:51	#1
Mcduff Пользователь Регистрация: 31.10.2011 Сообщений: 27	замена картинки в данной ячейке собственно, вот код... PHP код: <html lang="ru"> <BODY> <script> function foo(i) { t.rows[i].cells[i].innerHTML='<img width=80 src="image2.jpg">'; } var t = document.createElement('table'); var tbody = document.createElement('tbody'); for(var i = 0;i<4;i++) { var tr = document.createElement('tr'); for (var j = 0;j<4;j++){ var td = document.createElement('td'); td.innerHTML = '<a href="#" onclick="foo(this)" ><img width=80 src="image1.jpg"></a>'; tr.appendChild(td); } tbody.appendChild(tr); } t.appendChild(tbody); document.getElementById('table').appendChild(t); </script> </BODY> </html> создается таблица 4х4! в таблице одинаковые изображения. при клике на одно из них, ОНО заменяется на другое... перепробовал кучу вариантов, не работает. прошу помощи!! Последний раз редактировалось Mcduff; 22.10.2012 в 18:02.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выделить область картинки в PictureBox и работать с данной областью	Dezzit	C# (си шарп)	5	06.05.2012 00:45
Автоматическая замена имени файла в связанной ячейке	ProkVS	Microsoft Office Excel	0	29.12.2010 21:25
замена символов в строке(ячейке)	pooli	Microsoft Office Excel	6	27.09.2010 08:46
Замена текста в ячейке	Пашка_1977	Microsoft Office Excel	3	17.08.2010 22:54
Замена символа в ОДНОЙ ячейке Excel....	Al_Sha	Общие вопросы Delphi	2	11.06.2010 21:13

23.10.2012, 01:39	#3
Mcduff Пользователь Регистрация: 31.10.2011 Сообщений: 27	спасибо большее!!!!