VPF::Скрипт в таблице - Форум программистов

matrix

Дата 18.6.2006, 17:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 18.6.2006

Репутация: нет
Всего: нет

Настраиваю у себя Миранду, и хотелось бы, чтобы сообщения имели красивый вид и аватары шкалировались в ячейку таблицы 50x50px. Моих очень маленьких знаний по html и javascript хватило на написание следующего скриптика:

Код


<script>
function getavatar(avatar,sp_id) //Тут функция получает путь к аватаре и какой-то id будущего аватара
{
    document.write('<img src="'+avatar+'" id='+sp_id+'>');
    
    var pict=document.getElementById(sp_id);
            
    if(pict.height>pict.width) pict.height=50; //Вписываем картинку произвольной формы в квадрат 50x50px
    else pict.width=50;
}
</SCRIPT>

Насколько я знаю, теперь от меня требуется вставить <script>getavatar("ava.jpg","123456");</script> в любое место. Но это работает только просто положенной на страницу. Если же я сделаю так:

Код


<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<td width=90 align="center">
  <div id="avatar_in">  //Там у меня в одном файле описано
    <script>getavatar("ava.jpg","123");</script>
  </div>
</td>
<td valign=bottom>
  <div id="header_in">
    <span id="message_name_in">%name%</span> //Тут идет текст сообщения - настройка миранды
  </div>
 </td>
</table>

- то ни фига не работает - pict.h и pict.w =0, следовательно картинка шкалируется только в ширину и чаще всего не помещается в те 50x50px. Я проверял, работает во всех случаях, когда аватара не заключена в <table></table>. Что мне делать?
PS Плагин создан на основе IE, поэтому мне нужно, чтобы именно под ним все заработало - в опере все хорошо показывает.

Это сообщение отредактировал(а) matrix - 19.6.2006, 10:22

[xoodo]

Дата 20.6.2006, 00:04 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 424
Регистрация: 9.3.2003

Репутация: нет
Всего: 4

Мой тебе совет, почитай побольше про HTML (особливо про таблицы) и JS. Не помешает.

Код

<script type="text/javascript">
function getavatar(avatar, sp_id) {
    document.write('<img src="' + avatar + '" id="' + sp_id + '">');
    var pict=document.getElementById(sp_id);
    if (pict.height > pict.width) { pict.height = 50; }
    else { pict.width = 50 };
}
</script>

Код


<table width="100%" border="0" cellpadding="0" cellspacing="0" >
  <tr><!--ROW-->
    <td width="90" align="center">
      <div id="avatar_in">
        <script type="text/javascript">getavatar("ava.jpg","123")</script>
      </div>
    </td>
    <td valign="bottom">
      <div id="header_in">
        <span id="message_name_in">%name%</span>
      </div>
    </td>
 </tr>
</table>

Это сообщение отредактировал(а) [xoodo] - 20.6.2006, 00:06

matrix

Дата 20.6.2006, 14:10 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 18.6.2006

Репутация: нет
Всего: нет

В студенческом будущем обязательно намерен серьезно всем этим заняться.
Но в ie скрипт все равно не работает. Может, файлы проще посмотреть?

Присоединённый файл ( Кол-во скачиваний: 3 )

pack.zip 8,10 Kb

matrix

Дата 27.6.2006, 14:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 18.6.2006

Репутация: нет
Всего: нет

Вопрос решен на другом форуме: в таблице создавался img с требуемым id, а функция вызывалась после таблицы и изменяла характеристики картинки с нужным id.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »