Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Текст в изображения. (https://javascript.ru/forum/misc/15342-tekst-v-izobrazheniya.html)

Questioner 22.02.2011 21:50

Текст в изображения.
 
Почему в этом коде ничего не происходит?(должна отображаться не найденная картинка)

<script>

function writeTextToImage() {

var str=document.strToImage.value;

charNumber=0;

while (CharNumber<str.lenght+1;charNumber++) {

document.write('<img src="ячейка"'+str[CharNumber]+'.png>');

}

}

</script>

<input name="strToImage"/>

<input type="button" value="Click hear" onclick="writeTextToImage()"/>

poorking 23.02.2011 00:25

Тут же тысяча ошибок,
1. var str=document.strToImage.value; getElementById("strToImage").value и добавить аттрибут инпуту id="strToImage"
2. регистр букв в имени переменных имеет значение
3. str.lenghtth
3. document.write() вроде нарисует тег только при загрузке страницы
4. Выглядит как будто скрипт нарисует столько тегов, сколько символов в введенной строке, а не то что вы сказали

Ну если исправить по логике то получится примерно
<script>
	function writeTextToImage() {

		var str = document.getElementById("strToImage").value
		
		var html = ""

		for(var charNumber = 0; charNumber  < str.length; charNumber ++) 
			html += "<img src='ячейка"+str[charNumber]+".png' />";
			
		
		document.getElementById("out").innerHTML = html
		
	}
</script>
<input id="strToImage" type="text"/>
<input type="button" value="Click hear" onclick="writeTextToImage()"/>
<div id="out"></div>

Questioner 23.02.2011 13:12

Спасибо!!!


Часовой пояс GMT +3, время: 10:38.