Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Сокращение кода JavaScript

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Вопросы по JavaScript
Поиск в теме | Версия для печати
Mister
Отправлено: 22 Марта, 2007 - 21:48:23
Post Id



Посетитель


Покинул форум
Сообщений всего: 282
Дата рег-ции: Янв. 2007  
Откуда: Сухиничи Калуж.обл.


Помог: 0 раз(а)

[+]
У меня следующий вопрос, вот код:

<table cellpadding=1 width=100% border=1 cellspacing=1 bgcolor=#FCFFEB
<tr><td onmouseover='this.style.backgroundColor='#F2D3B1';' onmouseout='this.style.backgroundColor='#FCFFEB';'>Ссылка 1</a></td></tr>
<tr><td onmouseover='this.style.backgroundColor='#F2D3B1';' onmouseout='this.style.backgroundColor='#FCFFEB';'>Ссылка 2</a></td></tr>
и т.д. ряд подобных ссылок.
</table>
Из-за того что у меня таких ссылок много увеличился код страницы, а можно ли как-нибудь выделенный код убрать в отдельный файл или функцию? Может быть как-то можно его внедрить в CSS файл?
В общем коротко как можно убрать выделенный код с целью уменьшения размера?


-----
..я не специалист, а только учусь
 
 Top
valenok
Отправлено: 22 Марта, 2007 - 22:00:28
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
Eго можно просто сократить:

PHP:
скопировать код в буфер обмена
  1.  
  2. <table cellpadding='1' width='100%' border='1' cellspacing='1' bgcolor='#FCFFEB'>
  3.  
  4. <tr><td onmouseover='over(this);' onmouseout='out(this)'>Ссылка 1</a></td></tr>
  5.  
  6. <tr><td onmouseover='over(this);' onmouseout='out(this)'>Ссылка 2</a></td></tr>
  7.  
  8. ...
  9.  
  10. </table>
  11.  
  12. < script Language='JavaScript'>
  13. function over(that){ that.style.backgroundColor='#F2D3B1';}
  14. function out(that) {that.style.backgroundColor='#FCFFEB';}
  15. </Script>
  16.  


-----
Truly yours, Sasha.
 
My status
 Top
Mister
Отправлено: 23 Марта, 2007 - 05:47:58
Post Id



Посетитель


Покинул форум
Сообщений всего: 282
Дата рег-ции: Янв. 2007  
Откуда: Сухиничи Калуж.обл.


Помог: 0 раз(а)

[+]
Спасибо за ответ. Это сокращает код, сам я не очень хорошо разбираюсь в javascript, но мне почему то кажется что можно ещё сделать меньше. Через CSS пробовал, не получилось. А можно ли это всё сделать как-нибудь ещё поменьше, например полностью что выделено в отдельный файл вынести, а осталась только одна ссылка на этот класс или функцию?


-----
..я не специалист, а только учусь
 
 Top
valenok
Отправлено: 23 Марта, 2007 - 07:19:43
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
CSS -> Cascadins Style Sheets

И никакого программного кода туда не вписать.
Можно ещё полностью убрать всю таблицу и генерировать таблицу на компьютере пользователя при помощи JS циклом и document.write'ом.

А просто применить код для всех <tr>, не прописав внутри никакого кода, помоему не возможно. Нигде не видел и никогда не сталкивался.



-----
Truly yours, Sasha.
 
My status
 Top
-SCHATTEN-
Отправлено: 24 Марта, 2007 - 19:37:50
Post Id



Пользователь


Покинул форум
Сообщений всего: 615
Дата рег-ции: Июль 2006  
Откуда: Оттуда !


Помог: 0 раз(а)
Возьми любой учебник по CSS там все это есть...
 
 Top
kamikadze
Отправлено: 24 Марта, 2007 - 21:23:31
Post Id



Склонен к самоубийству


Покинул форум
Сообщений всего: 391
Дата рег-ции: Янв. 2007  


Помог: 0 раз(а)
Дак псевдо класами пропиши в стиле!!!
 
 Top
Mister
Отправлено: 24 Марта, 2007 - 23:50:47
Post Id



Посетитель


Покинул форум
Сообщений всего: 282
Дата рег-ции: Янв. 2007  
Откуда: Сухиничи Калуж.обл.


Помог: 0 раз(а)

[+]
Спасибо за ответы, буду искать ещё варианты.


-----
..я не специалист, а только учусь
 
 Top
kamikadze
Отправлено: 25 Марта, 2007 - 08:11:21
Post Id



Склонен к самоубийству


Покинул форум
Сообщений всего: 391
Дата рег-ции: Янв. 2007  


Помог: 0 раз(а)
Просто в файле стиля сделать таких елементов

PHP:
скопировать код в буфер обмена
  1.  
  2. a:hover{}
  3. a:active{}
  4. a:link{}
  5. a:visited{}
  6.  


это псевды и есть!!!
 
 Top
valenok
Отправлено: 25 Марта, 2007 - 08:27:52
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
Меняется цвет ссылки а не ячейки в таблице..


-----
Truly yours, Sasha.
 
My status
 Top
kamikadze
Отправлено: 25 Марта, 2007 - 08:36:54
Post Id



Склонен к самоубийству


Покинул форум
Сообщений всего: 391
Дата рег-ции: Янв. 2007  


Помог: 0 раз(а)
Тоесть, дак можно же для етого сделать ссылку блоком и потом менять фон её!!!\n\n(Добавление)
Или можно и не делать контейнером!
 
 Top
-SCHATTEN-
Отправлено: 25 Марта, 2007 - 09:09:51
Post Id



Пользователь


Покинул форум
Сообщений всего: 615
Дата рег-ции: Июль 2006  
Откуда: Оттуда !


Помог: 0 раз(а)
Ты извени мне просто лень все из книги переписовать и обьяснять...
Вот тебе книжка по CSS там есть как к определенному тегу привязать стиль...
Скачать файл: css_1_.rar
Скачан раз: 427
 
 Top
valenok
Отправлено: 25 Марта, 2007 - 11:29:24
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
PHP:
скопировать код в буфер обмена
  1.  
  2. <Style>
  3.  
  4. td {
  5.   // Что тут писать для того чтобы
  6.  // При наведении на эту ячейку менялся её цвет?
  7. // CSS не умеет реагировать на события браузера как наведение мыши.
  8.  
  9. backround-color: #A2A2AA;
  10. }
  11.  
  12. </Style>
  13.  
  14. <tabel>
  15.   <tr>
  16.     <td>ЭТО</td>
  17.     <td>И ЭТО</td>
  18.   </tr>
  19. </table>
  20.  
  21.  


-----
Truly yours, Sasha.
 
My status
 Top
evgenijj
Отправлено: 25 Марта, 2007 - 14:14:39
Post Id



Участник


Покинул форум
Сообщений всего: 1212
Дата рег-ции: Авг. 2006  
Откуда: Москва


Помог: 10 раз(а)
 
 Top
valenok
Отправлено: 25 Марта, 2007 - 18:15:41
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
Спасибо.
Полезной оказалась статья.


-----
Truly yours, Sasha.
 
My status
 Top
Viper
Отправлено: 27 Марта, 2007 - 11:05:25
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
valenok пишет:
Код php:
<Style>

td {
// Что тут писать для того чтобы
// При наведении на эту ячейку менялся её цвет?
// CSS не умеет реагировать на события браузера как наведение мыши.

backround-color: #A2A2AA;
}

</Style>

<tabel>
<tr>
<td>ЭТО</td>
<td>И ЭТО</td>
</tr>
</table>


onMouseOver="this.style.border='1px solid #000000';" onMouseOut="this.style.border='1px solid #ebebeb';"

в помощи по CSS можно посмотреть объектную модель. там все это написано


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB