Блог

Главная - Вопросы по программированию - Пытаюсь заставить имитировать

Пытаюсь заставить имитировать

#html #css

#HTML #css

Вопрос:

в настоящее время у меня есть это для HTML и CSS соответственно: ….. Как бы я сконструировал CSS и html, которые выглядят одинаково, используя <div> . Тот, который я создал, имел горизонтальную прокрутку и выглядел безумно.

 <textarea class="textarea_readonly" readonly="readonly" name="mcRemarkOld" rows="7" cols="100" scrolling="auto"></textarea>
  
 .textarea_readonly
{
    background-color: #DDDDD0;
    margin: 0px;
    width: 100%;
}

Комментарии:

1. Для чего вам это нужно? Почему бы не использовать textarea? Что вы подразумеваете под «имитацией», учитывая, что она доступна только для чтения?

2. потому что мне нужно поместить <a href> в эту область … в другом моем посте объясняется, что я не мог этого сделать that…so Я использовал <div> . Это сработало, но div выглядел действительно обалденно .. mimc просто означает, что он выглядит одинаково с размерами… разъяснение

3. div.tarea { цвет фона: #DDDDD0; поля: 0px; ширина: 100%; шрифт: мелкий courier, моноширинный черный; ширина: 500px; высота: 300px; переполнение: автоматическое; }

Ответ №1:

Вместо того, чтобы пытаться имитировать div, замените текстовую область с помощью JavaScript. Использование (выполняется при загрузке):

 var textarea = document.getElementsByName("mcRemarkOld")[0];
turnTextAreaIntoDiv(textarea);

function turnTextAreaIntoDiv(elem){
    var div = document.createElement("div");
    // Copy significant attributes, customize.
    div.className = elem.className;
    div.style.cssText = elem.style.cssText;
    div.id = elem.id;
    div.name = elem.name;
    div.innerHTML = elem.innerHTML; //`<a>` turns in  amp;<aamp;>
    elem.parentNode.replaceChild(div, elem);
}

Скрипта:http://jsfiddle.net/7bTNH /

Комментарии:

1. question….am Я вызываю эту функцию при загрузке?… потому что я заметил, что у вас установлена переменная перед вызовом функции?… или я смотрю не на то

2. [0] пришлось добавить, потому что getElementsByTagName возвращает массив узлов. Посмотрите на эту рабочую скрипку: jsfiddle.net/7bTNH