JavaScript - для новичков
Lagrande
Новичок
10/4/2007, 3:51:21 PM
В настоящее время, начиная заниматься Веб дизайном, начинающие используют различные программы Визуального"конструктора" (Дримвейвер и тд). Мой брат к примеру даже не заморачивался изучение HTML и темболее остального, в его понятии самое главное подобрать красивые элементы и пришурупить их друг к другу. А потом возникают проблемы что что-то не работает или работает но не так.
Я же изучив HTML, дошёл до Скриптов, но по закону подлости как раз в данное время мне нужно один из скриптов заставить работать на странице сайта.
Предлагаю в данной теме раскрывать малозначительные вопросы по работе ЯваСкриптов, в так скажем детском варианте (как получится), для восприятия новичками. Да и просто делиться опытом по работе с данной областью Веб дизайна - которая крепко укоренилась на страницах практически каждого сайта.
Я же изучив HTML, дошёл до Скриптов, но по закону подлости как раз в данное время мне нужно один из скриптов заставить работать на странице сайта.
Предлагаю в данной теме раскрывать малозначительные вопросы по работе ЯваСкриптов, в так скажем детском варианте (как получится), для восприятия новичками. Да и просто делиться опытом по работе с данной областью Веб дизайна - которая крепко укоренилась на страницах практически каждого сайта.
Lagrande
Новичок
10/4/2007, 4:02:24 PM
С меня и начнем:
Найдя прикольные Кнопочки (их я приложил в архиве https://www.backbook.me/go/?id=2&d=zom.&f=/3590933, может каму еще пригодится)), я попытался их вставить в свою страницу, но в моем варианте они должны распологаться не по левому краю, а в одной из ячеек таблицы. Не долго думая я обратил внимание на такие параметры:
<style type="text/css">
DIV.clSlide{position:absolute; ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy}
</style>
и изменив position:absolute, на другие возможные варианты(relative, static) получил нужный еффект - кнопки появляются в нужной ячейке, но не в скомпановваном виде, а растянутыми по ячейке. При нажатии к примеру на верхнюю кнопку ниже просто появляется несколько других кнопок, без движения, просто становятся видимыми в отведенном для них месте(( - что не соответствует оригиналу, который изначально скомпанован и кнопки меню 2-уровня выежают и убираются по нажатии мышью.
Обьясните мою ошибку? И какой параметр дейстивительно отвечает за позиционирование обьектов скрипта?
Найдя прикольные Кнопочки (их я приложил в архиве https://www.backbook.me/go/?id=2&d=zom.&f=/3590933, может каму еще пригодится)), я попытался их вставить в свою страницу, но в моем варианте они должны распологаться не по левому краю, а в одной из ячеек таблицы. Не долго думая я обратил внимание на такие параметры:
<style type="text/css">
DIV.clSlide{position:absolute; ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy}
</style>
и изменив position:absolute, на другие возможные варианты(relative, static) получил нужный еффект - кнопки появляются в нужной ячейке, но не в скомпановваном виде, а растянутыми по ячейке. При нажатии к примеру на верхнюю кнопку ниже просто появляется несколько других кнопок, без движения, просто становятся видимыми в отведенном для них месте(( - что не соответствует оригиналу, который изначально скомпанован и кнопки меню 2-уровня выежают и убираются по нажатии мышью.
Обьясните мою ошибку? И какой параметр дейстивительно отвечает за позиционирование обьектов скрипта?
profpersia
Специалист
10/5/2007, 12:30:45 AM
Чесн, говоря чёт не очень понятно чего ты хочешь добиться... Приведи пример сайта на котором примерно это уже есть. Выложи что у тебя получается к примеру на народе. Пришли адреса, тада посмотрим...
Lagrande
Новичок
10/5/2007, 1:47:36 AM
Я просто напросто хочу, чтоб приведенный выше скрипт (если ты видел это меню из 7кнопок, выравненое по левому краю) А мне нужно все это дело запихнуть в ячейку таблицы с выравниванием по центру.
А вот что у меня получается - https://www.backbook.me/go/?id=2&d=zom.&f=/3598658
В ячейку я это меню запихиваю но оно становиться статичным и растягивается по своей максимальной высоте.
А вот что у меня получается - https://www.backbook.me/go/?id=2&d=zom.&f=/3598658
В ячейку я это меню запихиваю но оно становиться статичным и растягивается по своей максимальной высоте.
hp3325
Новичок
11/2/2007, 8:00:43 PM
Приведенный выше css код заточен под использование именно атрибута position: absolute.
Я бы тебе порекомендовал не париться с переделкой этого меню. А просто поискать готовые более оптимальные решения. Подобного опенсорса в нете хоть попой кушай. Просто скачай то что больше понравится и подгони стили.
А если позволяют навыки, то можно и самому написать. Ничего сложного в этом нет.
Я бы тебе порекомендовал не париться с переделкой этого меню. А просто поискать готовые более оптимальные решения. Подобного опенсорса в нете хоть попой кушай. Просто скачай то что больше понравится и подгони стили.
А если позволяют навыки, то можно и самому написать. Ничего сложного в этом нет.
Lagrande
Новичок
11/10/2007, 5:29:07 PM
Никто и не говорит что это сложно )) - нужно только изучить, а вот времени на это катастрофически не хватает.((
Если честно - я долго искал аналогичное меню, но с возможностью размещения его в ячейки таблицы сцентрированной на экране (( нету! и в общем с явавскими менюшками проблема в отношении позиционирования. На одном из форумов мне сказали что нужно както расположить меню относительно центра (так чтоб оно попадало в нужную ячейку таблицы), и еще добавить скрипт который будет пересчитывать координаты в зависимости от разрешения экрана. На другом форуме советов было масса, но как правило даже я - человек понимающий в CSS и Jscripte совсем децл, осознавал бредовость половины этих советов, а когда предлогал финансовое поощрение за подгонку данного меню под мои требования и обьяснения того как это получилось, тема тут же затихала.
По прошествии полутора месяца, я понял что не так уж это и легко. И если вы подскажите где я могу таки найти нужное мне меню, буду очень признателен.
Если честно - я долго искал аналогичное меню, но с возможностью размещения его в ячейки таблицы сцентрированной на экране (( нету! и в общем с явавскими менюшками проблема в отношении позиционирования. На одном из форумов мне сказали что нужно както расположить меню относительно центра (так чтоб оно попадало в нужную ячейку таблицы), и еще добавить скрипт который будет пересчитывать координаты в зависимости от разрешения экрана. На другом форуме советов было масса, но как правило даже я - человек понимающий в CSS и Jscripte совсем децл, осознавал бредовость половины этих советов, а когда предлогал финансовое поощрение за подгонку данного меню под мои требования и обьяснения того как это получилось, тема тут же затихала.
По прошествии полутора месяца, я понял что не так уж это и легко. И если вы подскажите где я могу таки найти нужное мне меню, буду очень признателен.