тааак у меня есть эта функция, которая печатает один из 5 случайных текстов на изображение (в моем случае, блокнот, как писать на нем.)
function getatext()
{
var whichtext=get_random();
var text=new Array(5)
text[0]="text0";
text[1]="text1";
text[2]="text2";
text[3]="text3";
text[4]="text4";
document.getElementById("notepad").innerHTML +=
'<p class="notepad">'+(text[whichtext])+'</p>';
Дело в том, каждый раз, когда я напечатал текст, он напечатан поверх другой, а не как новая запись, и выталкивает другие вниз по списку.
Я пробовал <li> теги, но в большинстве примеров и цитат я могу наткнуться на использование их в простом HTMLстраницы, а не текстовые записи javascript, которые кажутся несколько более сложными (по крайней мере, для меня).
Использование '<p class="notepad">'+'<li>'+(text[whichtext])+'</li>'+'</p>'; привело меня к появлению списка, хотя он напечатан не на изображении, а вдали.Я предполагаю, что он полностью игнорирует тег <p> таким образом?
Я даже пытался создать ul.notepad внутри моего .css на случай, если это имеет значение .. Что я делаю не так?
РЕДАКТИРОВАТЬ: включены из .css .notepad, p.notepad и <content>, где все это происходит:
#content {
border-left:1px solid #000;
border-right:1px solid #000;
background:#ffffff;
margin-left: 24.9%;
width:75%;
min-height:0;
position:relative;
.notepad {
position: relative;
background-repeat:no-repeat;
background-attachment:fixed;
width: 300px;
}
p.notepad {
font-family:"Lucida Handwriting";
position: absolute;
top: 90px;
left: 65px;
}
РЕДАКТИРОВАТЬ 2: после проверкиЕще одна проблема, я обнаружил, что position: absolute; внутри моего p.notepad, вероятно, вызывает все это.Произвольный текст печатается впервые, затем, когда наступает время для печати второго текста, он принимает те же координаты от p.notepad, и поэтому печатает его поверх первого текста.Но важно иметь положение: абсолютное, иначе текст не будет напечатан на моем изображении в блокноте.